kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KProgressLinear/KProgressLinear.js

@@ -1,21 +1,44 @@
-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; }
+"use strict";
 
-require('../../../src/stylus/components/_progress-linear.styl');
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-import Colorable from '../../mixins/colorable';
+require("..\\..\\..\\src\\components\\KProgressLinear\\KProgressLinear.sass");
 
-import { KFadeTransition, KSlideXTransition } from '../transitions';
+var _transitions = require("../transitions");
 
-export default {
-  name: 'k-progress-linear',
+var _intersect = _interopRequireDefault(require("../../directives/intersect"));
 
-  components: {
-    KFadeTransition: KFadeTransition,
-    KSlideXTransition: KSlideXTransition
-  },
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _positionable = require("../../mixins/positionable");
+
+var _proxyable = _interopRequireDefault(require("../../mixins/proxyable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _helpers = require("../../util/helpers");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  mixins: [Colorable],
+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; }
+
+var baseMixins = (0, _mixins.default)(_colorable.default, (0, _positionable.factory)(['absolute', 'fixed', 'top', 'bottom']), _proxyable.default, _themeable.default);
+/* @kdujs/component */
+
+var _default = baseMixins.extend({
+  name: 'k-progress-linear',
+  directives: {
+    intersect: _intersect.default
+  },
   props: {
     active: {
       type: Boolean,
@@ -39,17 +62,104 @@ export default {
     },
     height: {
       type: [Number, String],
-      default: 7
+      default: 4
     },
     indeterminate: Boolean,
     query: Boolean,
+    reverse: Boolean,
+    rounded: Boolean,
+    stream: Boolean,
+    striped: Boolean,
     value: {
       type: [Number, String],
       default: 0
     }
   },
-
+  data: function data() {
+    return {
+      internalLazyValue: this.value || 0,
+      isVisible: true
+    };
+  },
   computed: {
+    __cachedBackground: function __cachedBackground() {
+      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {
+        staticClass: 'k-progress-linear__background',
+        style: this.backgroundStyle
+      }));
+    },
+    __cachedBar: function __cachedBar() {
+      return this.$createElement(this.computedTransition, [this.__cachedBarType]);
+    },
+    __cachedBarType: function __cachedBarType() {
+      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
+    },
+    __cachedBuffer: function __cachedBuffer() {
+      return this.$createElement('div', {
+        staticClass: 'k-progress-linear__buffer',
+        style: this.styles
+      });
+    },
+    __cachedDeterminate: function __cachedDeterminate() {
+      return this.$createElement('div', this.setBackgroundColor(this.color, {
+        staticClass: "k-progress-linear__determinate",
+        style: {
+          width: (0, _helpers.convertToUnit)(this.normalizedValue, '%')
+        }
+      }));
+    },
+    __cachedIndeterminate: function __cachedIndeterminate() {
+      return this.$createElement('div', {
+        staticClass: 'k-progress-linear__indeterminate',
+        class: {
+          'k-progress-linear__indeterminate--active': this.active
+        }
+      }, [this.genProgressBar('long'), this.genProgressBar('short')]);
+    },
+    __cachedStream: function __cachedStream() {
+      if (!this.stream) return null;
+      return this.$createElement('div', this.setTextColor(this.color, {
+        staticClass: 'k-progress-linear__stream',
+        style: {
+          width: (0, _helpers.convertToUnit)(100 - this.normalizedBuffer, '%')
+        }
+      }));
+    },
+    backgroundStyle: function backgroundStyle() {
+      var _ref;
+
+      var backgroundOpacity = this.backgroundOpacity == null ? this.backgroundColor ? 1 : 0.3 : parseFloat(this.backgroundOpacity);
+      return _ref = {
+        opacity: backgroundOpacity
+      }, _defineProperty(_ref, this.isReversed ? 'right' : 'left', (0, _helpers.convertToUnit)(this.normalizedValue, '%')), _defineProperty(_ref, "width", (0, _helpers.convertToUnit)(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%')), _ref;
+    },
+    classes: function classes() {
+      return _objectSpread({
+        'k-progress-linear--absolute': this.absolute,
+        'k-progress-linear--fixed': this.fixed,
+        'k-progress-linear--query': this.query,
+        'k-progress-linear--reactive': this.reactive,
+        'k-progress-linear--reverse': this.isReversed,
+        'k-progress-linear--rounded': this.rounded,
+        'k-progress-linear--striped': this.striped,
+        'k-progress-linear--visible': this.isVisible
+      }, this.themeClasses);
+    },
+    computedTransition: function computedTransition() {
+      return this.indeterminate ? _transitions.KFadeTransition : _transitions.KSlideXTransition;
+    },
+    isReversed: function isReversed() {
+      return this.$kdutify.rtl !== this.reverse;
+    },
+    normalizedBuffer: function normalizedBuffer() {
+      return this.normalize(this.bufferValue);
+    },
+    normalizedValue: function normalizedValue() {
+      return this.normalize(this.internalLazyValue);
+    },
+    reactive: function reactive() {
+      return Boolean(this.$listeners.change);
+    },
     styles: function styles() {
       var styles = {};
 
@@ -57,90 +167,79 @@ export default {
         styles.height = 0;
       }
 
-      if (!this.indeterminate && parseInt(this.bufferValue, 10) !== 100) {
-        styles.width = this.bufferValue + '%';
+      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {
+        styles.width = (0, _helpers.convertToUnit)(this.normalizedBuffer, '%');
       }
 
       return styles;
+    }
+  },
+  methods: {
+    genContent: function genContent() {
+      var slot = (0, _helpers.getSlot)(this, 'default', {
+        value: this.internalLazyValue
+      });
+      if (!slot) return null;
+      return this.$createElement('div', {
+        staticClass: 'k-progress-linear__content'
+      }, slot);
     },
-    effectiveWidth: function effectiveWidth() {
-      if (!this.bufferValue) {
-        return 0;
-      }
-
-      return this.value * 100 / this.bufferValue;
-    },
-    bufferStyles: function bufferStyles() {
-      var styles = {};
+    genListeners: function genListeners() {
+      var listeners = this.$listeners;
 
-      if (!this.active) {
-        styles.height = 0;
+      if (this.reactive) {
+        listeners.click = this.onClick;
       }
 
-      return styles;
+      return listeners;
     },
-    backgroundStyle: function backgroundStyle() {
-      var backgroundOpacity = this.backgroundOpacity == null ? this.backgroundColor ? 1 : 0.3 : parseFloat(this.backgroundOpacity);
+    genProgressBar: function genProgressBar(name) {
+      return this.$createElement('div', this.setBackgroundColor(this.color, {
+        staticClass: 'k-progress-linear__indeterminate',
+        class: _defineProperty({}, name, true)
+      }));
+    },
+    onClick: function onClick(e) {
+      if (!this.reactive) return;
 
-      return {
-        height: this.active ? 'auto' : 0,
-        opacity: backgroundOpacity,
-        width: this.bufferValue + '%'
-      };
-    }
-  },
+      var _this$$el$getBounding = this.$el.getBoundingClientRect(),
+          width = _this$$el$getBounding.width;
 
-  methods: {
-    genDeterminate: function genDeterminate(h) {
-      return h('div', {
-        ref: 'front',
-        staticClass: 'progress-linear__bar__determinate',
-        class: this.addBackgroundColorClassChecks({}),
-        style: {
-          width: this.effectiveWidth + '%'
-        }
-      });
+      this.internalValue = e.offsetX / width * 100;
     },
-    genBar: function genBar(h, name) {
-      return h('div', {
-        staticClass: 'progress-linear__bar__indeterminate',
-        class: this.addBackgroundColorClassChecks(_defineProperty({}, name, true))
-      });
+    onObserve: function onObserve(entries, observer, isIntersecting) {
+      this.isVisible = isIntersecting;
     },
-    genIndeterminate: function genIndeterminate(h) {
-      return h('div', {
-        ref: 'front',
-        staticClass: 'progress-linear__bar__indeterminate',
-        class: {
-          'progress-linear__bar__indeterminate--active': this.active
-        }
-      }, [this.genBar(h, 'long'), this.genBar(h, 'short')]);
+    normalize: function normalize(value) {
+      if (value < 0) return 0;
+      if (value > 100) return 100;
+      return parseFloat(value);
     }
   },
-
   render: function render(h) {
-    var fade = h('k-fade-transition', [this.indeterminate && this.genIndeterminate(h)]);
-    var slide = h('k-slide-x-transition', [!this.indeterminate && this.genDeterminate(h)]);
-
-    var bar = h('div', {
-      staticClass: 'progress-linear__bar',
-      style: this.styles
-    }, [fade, slide]);
-    var background = h('div', {
-      staticClass: 'progress-linear__background',
-      class: [this.backgroundColor || this.color],
-      style: this.backgroundStyle
-    });
-
-    return h('div', {
-      staticClass: 'progress-linear',
-      class: {
-        'progress-linear--query': this.query
+    var data = {
+      staticClass: 'k-progress-linear',
+      attrs: {
+        role: 'progressbar',
+        'aria-valuemin': 0,
+        'aria-valuemax': this.normalizedBuffer,
+        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
       },
+      class: this.classes,
+      directives: [{
+        name: 'intersect',
+        value: this.onObserve
+      }],
       style: {
-        height: this.height + 'px'
+        bottom: this.bottom ? 0 : undefined,
+        height: this.active ? (0, _helpers.convertToUnit)(this.height) : 0,
+        top: this.top ? 0 : undefined
       },
-      on: this.$listeners
-    }, [background, bar]);
+      on: this.genListeners()
+    };
+    return h('div', data, [this.__cachedStream, this.__cachedBackground, this.__cachedBuffer, this.__cachedBar, this.genContent()]);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KProgressLinear.js.map

package/es5/components/KProgressLinear/KProgressLinear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KProgressLinear/KProgressLinear.ts"],"names":[],"mappings":"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","sourcesContent":["import './KProgressLinear.sass'\n\n// Components\nimport {\n  KFadeTransition,\n  KSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { FunctionalComponentOptions } from 'kdu/types'\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  Colorable,\n  PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n  Proxyable,\n  Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-progress-linear',\n\n  directives: { intersect },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    backgroundColor: {\n      type: String,\n      default: null,\n    },\n    backgroundOpacity: {\n      type: [Number, String],\n      default: null,\n    },\n    bufferValue: {\n      type: [Number, String],\n      default: 100,\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    query: Boolean,\n    reverse: Boolean,\n    rounded: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data () {\n    return {\n      internalLazyValue: this.value || 0,\n      isVisible: true,\n    }\n  },\n\n  computed: {\n    __cachedBackground (): KNode {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n        staticClass: 'k-progress-linear__background',\n        style: this.backgroundStyle,\n      }))\n    },\n    __cachedBar (): KNode {\n      return this.$createElement(this.computedTransition, [this.__cachedBarType])\n    },\n    __cachedBarType (): KNode {\n      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n    },\n    __cachedBuffer (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__buffer',\n        style: this.styles,\n      })\n    },\n    __cachedDeterminate (): KNode {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: `k-progress-linear__determinate`,\n        style: {\n          width: convertToUnit(this.normalizedValue, '%'),\n        },\n      }))\n    },\n    __cachedIndeterminate (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__indeterminate',\n        class: {\n          'k-progress-linear__indeterminate--active': this.active,\n        },\n      }, [\n        this.genProgressBar('long'),\n        this.genProgressBar('short'),\n      ])\n    },\n    __cachedStream (): KNode | null {\n      if (!this.stream) return null\n\n      return this.$createElement('div', this.setTextColor(this.color, {\n        staticClass: 'k-progress-linear__stream',\n        style: {\n          width: convertToUnit(100 - this.normalizedBuffer, '%'),\n        },\n      }))\n    },\n    backgroundStyle (): object {\n      const backgroundOpacity = this.backgroundOpacity == null\n        ? (this.backgroundColor ? 1 : 0.3)\n        : parseFloat(this.backgroundOpacity)\n\n      return {\n        opacity: backgroundOpacity,\n        [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),\n        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),\n      }\n    },\n    classes (): object {\n      return {\n        'k-progress-linear--absolute': this.absolute,\n        'k-progress-linear--fixed': this.fixed,\n        'k-progress-linear--query': this.query,\n        'k-progress-linear--reactive': this.reactive,\n        'k-progress-linear--reverse': this.isReversed,\n        'k-progress-linear--rounded': this.rounded,\n        'k-progress-linear--striped': this.striped,\n        'k-progress-linear--visible': this.isVisible,\n        ...this.themeClasses,\n      }\n    },\n    computedTransition (): FunctionalComponentOptions {\n      return this.indeterminate ? KFadeTransition : KSlideXTransition\n    },\n    isReversed (): boolean {\n      return this.$kdutify.rtl !== this.reverse\n    },\n    normalizedBuffer (): number {\n      return this.normalize(this.bufferValue)\n    },\n    normalizedValue (): number {\n      return this.normalize(this.internalLazyValue)\n    },\n    reactive (): boolean {\n      return Boolean(this.$listeners.change)\n    },\n    styles (): object {\n      const styles: Record<string, any> = {}\n\n      if (!this.active) {\n        styles.height = 0\n      }\n\n      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {\n        styles.width = convertToUnit(this.normalizedBuffer, '%')\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    genContent () {\n      const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n      if (!slot) return null\n\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__content',\n      }, slot)\n    },\n    genListeners () {\n      const listeners = this.$listeners\n\n      if (this.reactive) {\n        listeners.click = this.onClick\n      }\n\n      return listeners\n    },\n    genProgressBar (name: 'long' | 'short') {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: 'k-progress-linear__indeterminate',\n        class: {\n          [name]: true,\n        },\n      }))\n    },\n    onClick (e: MouseEvent) {\n      if (!this.reactive) return\n\n      const { width } = this.$el.getBoundingClientRect()\n\n      this.internalValue = e.offsetX / width * 100\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n    normalize (value: string | number) {\n      if (value < 0) return 0\n      if (value > 100) return 100\n      return parseFloat(value)\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-progress-linear',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': this.normalizedBuffer,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: {\n        bottom: this.bottom ? 0 : undefined,\n        height: this.active ? convertToUnit(this.height) : 0,\n        top: this.top ? 0 : undefined,\n      },\n      on: this.genListeners(),\n    }\n\n    return h('div', data, [\n      this.__cachedStream,\n      this.__cachedBackground,\n      this.__cachedBuffer,\n      this.__cachedBar,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KProgressLinear.js"}

package/es5/components/KProgressLinear/index.js

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

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

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