kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KTabs/KTabsItem.js

@@ -1,103 +0,0 @@
-import Routable from '../../mixins/routable';
-
-export default {
-  name: 'k-tabs-item',
-
-  inject: ['slider', 'tabClick', 'addTabItem', 'removeTabItem'],
-
-  mixins: [Routable],
-
-  data: function data() {
-    return {
-      isActive: false
-    };
-  },
-
-
-  props: {
-    activeClass: {
-      type: String,
-      default: 'tabs__item--active'
-    }
-  },
-
-  computed: {
-    classes: function classes() {
-      var classes = {
-        'tabs__item': true,
-        'tabs__item--disabled': this.disabled
-      };
-
-      classes[this.activeClass] = !this.to && this.isActive;
-
-      return classes;
-    },
-    action: function action() {
-      var to = this.to || this.href;
-
-      if (!to || to === Object(to)) return this._uid;
-
-      return to.replace('#', '');
-    }
-  },
-
-  watch: {
-    $route: function $route() {
-      this.to && this.callSlider();
-    }
-  },
-
-  mounted: function mounted() {
-    this.addTabItem(this.action, this.toggle, this.$el);
-    this.callSlider();
-  },
-  beforeDestroy: function beforeDestroy() {
-    this.removeTabItem(this.action);
-  },
-
-
-  methods: {
-    callSlider: function callSlider() {
-      var _this = this;
-
-      setTimeout(function () {
-        _this.$el.firstChild.classList.contains('tabs__item--active') && _this.slider(_this.$el);
-      }, 0);
-    },
-    click: function click(e) {
-      e.preventDefault();
-      this.$emit('click', e);
-
-      if (!this.to && !this.href) return;
-
-      if (!this.to) {
-        this.tabClick(this.action);
-      }
-
-      this.callSlider();
-    },
-    toggle: function toggle(action) {
-      var _this2 = this;
-
-      this.isActive = this.action === action;
-
-      this.$nextTick(function () {
-        _this2.isActive && _this2.slider(_this2.$el);
-      });
-    }
-  },
-
-  render: function render(h) {
-    var link = this.generateRouteLink();
-    var data = link.data;
-
-    // If disabled, use div as anchor tags do not support
-    // being disabled
-
-    var tag = this.disabled ? 'div' : link.tag;
-
-    return h('li', {
-      'class': 'tabs__li'
-    }, [h(tag, data, this.$slots.default)]);
-  }
-};

package/es5/components/KTimePicker/mixins/time-body.js

@@ -1,207 +0,0 @@
-export default {
-  data: function data() {
-    return {
-      hasChanged: false
-    };
-  },
-
-  methods: {
-    genBody: function genBody() {
-      var _this = this;
-
-      var children = [this.genHand(this.selectingHour ? 'hour' : 'minute')];
-      var data = {
-        'class': 'picker--time__clock',
-        on: {
-          mousedown: this.onMouseDown,
-          mouseup: this.onMouseUp,
-          mouseleave: function mouseleave() {
-            _this.isDragging && _this.onMouseUp();
-          },
-          touchstart: this.onMouseDown,
-          touchend: this.onMouseUp,
-          mousemove: this.onDragMove,
-          touchmove: this.onDragMove
-        },
-        key: this.selectingHour ? 'hour' : 'minute',
-        ref: 'clock'
-      };
-
-      this.selectingHour && children.push(this.genHours()) || children.push(this.genMinutes());
-
-      if (this.scrollable) {
-        data.on.wheel = function (e) {
-          e.preventDefault();
-
-          var diff = e.wheelDelta > 0 ? 1 : -1;
-          var changing = _this.selectingHour ? 'changeHour' : 'changeMinute';
-
-          _this[changing](diff);
-        };
-      }
-
-      return this.$createElement('div', {
-        'class': 'picker__body'
-      }, [this.$createElement('transition', {
-        props: {
-          name: 'fade-transition',
-          mode: 'out-in'
-        }
-      }, [this.$createElement('div', data, children)])]);
-    },
-    genHand: function genHand(type) {
-      var scale = this.is24hrAfter12 ? 'scaleY(0.6)' : '';
-      return [this.$createElement('div', {
-        'class': 'picker--time__clock-hand ' + type,
-        style: {
-          transform: 'rotate(' + this.clockHand + 'deg) ' + scale
-        }
-      })];
-    },
-    genHours: function genHours() {
-      var hours = this.is24hr ? 24 : 12;
-      var children = [];
-      var start = 0;
-
-      if (hours === 12) {
-        hours++;
-        start = 1;
-      }
-
-      for (var i = start; i < hours; i++) {
-        children.push(this.$createElement('span', {
-          'class': {
-            'active': i === this.hour,
-            'disabled': !this.isAllowed('hour', i)
-          },
-          style: this.getTransform(i),
-          domProps: { innerHTML: '<span>' + i + '</span>' }
-        }));
-      }
-
-      return children;
-    },
-    genMinutes: function genMinutes() {
-      var children = [];
-
-      for (var i = 0; i < 60; i = i + 5) {
-        var num = i;
-
-        if (num < 10) num = '0' + num;
-        if (num === 60) num = '00';
-
-        children.push(this.$createElement('span', {
-          'class': {
-            'active': num.toString() === this.minute.toString(),
-            'disabled': !this.isAllowed('minute', i)
-          },
-          style: this.getTransform(i),
-          domProps: { innerHTML: '<span>' + num + '</span>' }
-        }));
-      }
-
-      return children;
-    },
-    getTransform: function getTransform(i) {
-      var _getPosition = this.getPosition(i),
-          x = _getPosition.x,
-          y = _getPosition.y;
-
-      return { transform: 'translate(' + x + 'px, ' + y + 'px)' };
-    },
-    getPosition: function getPosition(i) {
-      var radiusPercentage = this.selectingHour && this.is24hr && i >= 12 ? 0.5 : 0.8;
-      var r = this.radius * radiusPercentage;
-      i = this.selectingHour && this.is24hr ? i % 12 : i;
-      return {
-        x: Math.round(Math.sin(i * this.degrees) * r),
-        y: Math.round(-Math.cos(i * this.degrees) * r)
-      };
-    },
-    changeHour: function changeHour(time) {
-      var _this2 = this;
-
-      var range = this.generateRange('hour', this.hour);
-
-      time < 0 && (range = range.reverse().slice(1));
-      this.hour = range.find(function (h) {
-        return _this2.allowedHours ? _this2.isAllowed('hour', h) : true;
-      });
-
-      return true;
-    },
-    changeMinute: function changeMinute(time) {
-      var _this3 = this;
-
-      var current = Number(this.minute);
-      var range = this.generateRange('minute', current);
-
-      time < 0 && (range = range.reverse().slice(1));
-      var minute = range.find(function (m) {
-        return _this3.allowedMinutes ? _this3.isAllowed('minute', m) : true;
-      });
-
-      this.minute = minute < 10 ? '0' + minute : minute;
-
-      return true;
-    },
-    onMouseDown: function onMouseDown(e) {
-      e.preventDefault();
-
-      this.isDragging = true;
-      this.onDragMove(e);
-    },
-    onMouseUp: function onMouseUp() {
-      this.isDragging = false;
-      !this.selectingHour && this.autosave && this.save();
-      if (this.hasChanged) {
-        this.selectingHour = false;
-        this.hasChanged = false;
-      }
-    },
-    onDragMove: function onDragMove(e) {
-      e.preventDefault();
-      if (!this.isDragging && e.type !== 'click') return;
-
-      var rect = this.$refs.clock.getBoundingClientRect();
-      var center = { x: rect.width / 2, y: 0 - rect.width / 2 };
-      var clientY = 'touches' in e ? e.touches[0].clientY : e.clientY;
-      var clientX = 'touches' in e ? e.touches[0].clientX : e.clientX;
-      var coords = {
-        y: rect.top - clientY,
-        x: clientX - rect.left
-      };
-
-      var selecting = this.selectingHour ? 'hour' : 'minute';
-      var value = Math.round(this.angle(center, coords) / this.degreesPerUnit);
-
-      if (this.selectingHour && this.is24hr) {
-        var insideClick = this.euclidean(center, coords) / this.radius < 0.65;
-        value = insideClick ? value + 12 : value;
-
-        // Necessary to fix edge case when selecting left part of 0 and 12
-        value = this.angle(center, coords) >= 345 ? (value + 12) % 24 : value;
-      }
-
-      if (this.isAllowed(selecting, value)) {
-        this[selecting] = value;
-        this.hasChanged = true;
-      }
-    },
-    euclidean: function euclidean(p0, p1) {
-      var dx = Math.abs(p1.x - p0.x);
-      var dy = Math.abs(p1.y - p0.y);
-
-      return Math.sqrt(dx * dx + dy * dy);
-    },
-    angle: function angle(center, p1) {
-      var p0 = {
-        x: center.x,
-        y: center.y + Math.sqrt(Math.abs(p1.x - center.x) * Math.abs(p1.x - center.x) + Math.abs(p1.y - center.y) * Math.abs(p1.y - center.y))
-      };
-
-      var value = 2 * Math.atan2(p1.y - p0.y, p1.x - p0.x);
-      return Math.abs(value * 180 / Math.PI);
-    }
-  }
-};

package/es5/components/KTimePicker/mixins/time-title.js

@@ -1,55 +0,0 @@
-export default {
-  methods: {
-    genTitle: function genTitle() {
-      var children = [this.genTime()];
-
-      if (this.format === 'ampm') {
-        children.push(this.genAMPM());
-      }
-
-      return this.$createElement('div', {
-        'class': 'picker__title'
-      }, children);
-    },
-    genTime: function genTime() {
-      var _this = this;
-
-      var hour = this.hour;
-
-      if (this.is24hr && hour < 10) {
-        hour = '0' + hour;
-      }
-
-      return this.$createElement('div', {
-        'class': 'picker--time__title'
-      }, [this.$createElement('span', {
-        'class': { active: this.selectingHour },
-        on: {
-          click: function click() {
-            return _this.selectingHour = true;
-          }
-        }
-      }, hour), this.$createElement('span', {
-        'class': { active: !this.selectingHour },
-        on: {
-          click: function click() {
-            return _this.selectingHour = false;
-          }
-        }
-      }, ':' + this.minute)]);
-    },
-    genAMPM: function genAMPM() {
-      return this.$createElement('div', [this.genPeriod('am'), this.genPeriod('pm')]);
-    },
-    genPeriod: function genPeriod(period) {
-      var _this2 = this;
-
-      return this.$createElement('span', {
-        'class': { active: this.period === period },
-        on: { click: function click() {
-            return _this2.period = period;
-          } }
-      }, period.toUpperCase());
-    }
-  }
-};

package/es5/components/KToolbar/KToolbarSideIcon.js

@@ -1,29 +0,0 @@
-import KBtn from '../../components/KBtn';
-import KIcon from '../../components/KIcon';
-
-export default {
-  name: 'k-toolbar-side-icon',
-
-  functional: true,
-
-  render: function render(h, _ref) {
-    var slots = _ref.slots,
-        listeners = _ref.listeners,
-        props = _ref.props,
-        data = _ref.data;
-
-    var classes = data.staticClass ? data.staticClass + ' toolbar__side-icon' : 'toolbar__side-icon';
-
-    var d = Object.assign(data, {
-      staticClass: classes,
-      props: Object.assign(props, {
-        icon: true
-      }),
-      on: listeners
-    });
-
-    var defaultSlot = slots().default;
-
-    return h(KBtn, d, defaultSlot || [h(KIcon, 'menu')]);
-  }
-};

package/es5/components/Kdutify/index.js

@@ -1,50 +0,0 @@
-import load from '../../util/load';
-
-var Kdutify = {
-  install: function install(Kdu) {
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    var $kdutify = {
-      load: load,
-      application: {
-        bar: 0,
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0
-      },
-      breakpoint: {},
-      touchSupport: false
-    };
-
-    Kdu.util.defineReactive({}, 'breakpoint', $kdutify);
-    Kdu.util.defineReactive({}, 'application', $kdutify);
-
-    Kdu.prototype.$kdutify = $kdutify;
-
-    if (opts.transitions) {
-      Object.keys(opts.transitions).forEach(function (key) {
-        var t = opts.transitions[key];
-        if (t.name !== undefined && t.name.startsWith('k-')) {
-          Kdu.component(t.name, t);
-        }
-      });
-    }
-
-    if (opts.directives) {
-      Object.keys(opts.directives).forEach(function (key) {
-        var d = opts.directives[key];
-        Kdu.directive(d.name, d);
-      });
-    }
-
-    if (opts.components) {
-      Object.keys(opts.components).forEach(function (key) {
-        var c = opts.components[key];
-        Kdu.use(c);
-      });
-    }
-  }
-};
-
-export default Kdutify;

package/es5/components/transitions/row-expand-transition.js

@@ -1,38 +0,0 @@
-import { addOnceEventListener } from '../../util/helpers';
-
-export default {
-  enter: function enter(el, done) {
-    el.td = el.parentNode;
-
-    addOnceEventListener(el, 'transitionend', done);
-
-    // Get height that is to be scrolled
-    var height = el.dataset.height || el.clientHeight;
-    el.dataset.height = height;
-    el.style.overflow = 'hidden';
-    el.style.height = 0;
-    el.td.style['border-bottom'] = '1px solid rgba(0,0,0,0.12)';
-
-    setTimeout(function () {
-      el.dataset.height = el.style.height = el.scrollHeight + 'px';
-    }, 50);
-  },
-  afterEnter: function afterEnter(el) {
-    el.style.overflow = null;
-  },
-  leave: function leave(el, done) {
-    // Remove initial transition
-    addOnceEventListener(el, 'transitionend', done);
-
-    // Set height before we transition to 0
-    el.style.overflow = 'hidden';
-    el.style.height = el.dataset.height + 'px';
-
-    setTimeout(function () {
-      el.style.height = 0;
-    }, 50);
-  },
-  afterLeave: function afterLeave(el) {
-    el.td.style['border-bottom'] = null;
-  }
-};

package/es5/directives/click-outside.js

@@ -1,100 +0,0 @@
-function directive(e, el, binding, v) {
-  // The include element callbacks below can be expensive
-  // so we should avoid calling them when we're not active.
-  // Explicitly check for false to allow fallback compatibility
-  // with non-toggleable components
-  if (!e || v.context.isActive === false) return;
-
-  // Get value passed to directive
-  var val = binding.value || function () {
-    return true;
-  };
-  // Check if callback was passed in object or as the value
-  var cb = val.callback || val;
-  // Check if additional elements were passed to be included in check
-  // (click must be outside all included elements, if any)
-  var elements = (val.include || function () {
-    return [];
-  })();
-  // Add the root element for the component this directive was defined on
-  elements.push(el);
-
-  // Check if it's a click outside our elements, and then if our callback returns true.
-  // Non-toggleable components should take action in their callback and return falsy.
-  // Toggleable can return true if it wants to deactivate.
-  // Note that, because we're in the capture phase, this callback will occure before
-  // the bubbling click event on any outside elements.
-  if (!clickedInEls(e, elements) && cb(e)) {
-    // Delay setting toggleable inactive to avoid conflicting
-    // with an outside click on any activator toggling our state.
-    setTimeout(function () {
-      return v.context.isActive = false;
-    }, 0);
-  }
-}
-
-function clickedInEls(e, elements) {
-  // Get position of click
-  var x = e.clientX,
-      y = e.clientY;
-  // Loop over all included elements to see if click was in any of them
-
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
-
-  try {
-    for (var _iterator = elements[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-      var el = _step.value;
-
-      if (clickedInEl(el, x, y)) return true;
-    }
-  } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
-  } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
-  }
-
-  return false;
-}
-
-function clickedInEl(el, x, y) {
-  // Get bounding rect for element
-  // (we're in capturing event and we want to check for multiple elements,
-  //  so can't use target.)
-  var b = el.getBoundingClientRect();
-  // Check if the click was in the element's bounding rect
-
-  return x >= b.left && x <= b.right && y >= b.top && y <= b.bottom;
-}
-
-export default {
-  name: 'click-outside',
-
-  bind: function bind(el, binding, v) {
-    v.context.$kdutify.load(function () {
-      var onClick = function onClick(e) {
-        return directive(e, el, binding, v);
-      };
-      // iOS does not recognize click events on document
-      // or body, this is the entire purpose of the k-app
-      // component and [data-app], stop removing this
-      var app = document.querySelector('[data-app]') || document.body; // This is only for unit tests
-      app.addEventListener('click', onClick, true);
-      el._clickOutside = onClick;
-    });
-  },
-  unbind: function unbind(el) {
-    var app = document.querySelector('[data-app]') || document.body; // This is only for unit tests
-    app && app.removeEventListener('click', el._clickOutside, true);
-  }
-};

package/es5/directives/resize.js

@@ -1,30 +0,0 @@
-function inserted(el, binding) {
-  var cb = binding.value;
-  var debounce = 200;
-
-  if (typeof binding.value !== 'function') {
-    cb = binding.value.value;
-    debounce = binding.value.debounce;
-  }
-
-  var debounceTimeout = setTimeout(cb, debounce);
-  var onResize = function onResize() {
-    clearTimeout(debounceTimeout);
-    debounceTimeout = setTimeout(cb, debounce);
-  };
-
-  window.addEventListener('resize', onResize, { passive: true });
-  el._onResize = onResize;
-
-  onResize();
-}
-
-function unbind(el, binding) {
-  window.removeEventListener('resize', el._onResize);
-}
-
-export default {
-  name: 'resize',
-  inserted: inserted,
-  unbind: unbind
-};