kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KSkeletonLoader/KSkeletonLoader.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KSkeletonLoader\\KSkeletonLoader.sass");
+
+var _elevatable = _interopRequireDefault(require("../../mixins/elevatable"));
+
+var _measurable = _interopRequireDefault(require("../../mixins/measurable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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); }
+
+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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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 _default2 = (0, _mixins.default)(_elevatable.default, _measurable.default, _themeable.default).extend({
+  name: 'KSkeletonLoader',
+  props: {
+    boilerplate: Boolean,
+    loading: Boolean,
+    tile: Boolean,
+    transition: String,
+    type: String,
+    types: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    attrs: function attrs() {
+      if (!this.isLoading) return this.$attrs;
+      return !this.boilerplate ? _objectSpread({
+        'aria-busy': true,
+        'aria-live': 'polite',
+        role: 'alert'
+      }, this.$attrs) : {};
+    },
+    classes: function classes() {
+      return _objectSpread(_objectSpread({
+        'k-skeleton-loader--boilerplate': this.boilerplate,
+        'k-skeleton-loader--is-loading': this.isLoading,
+        'k-skeleton-loader--tile': this.tile
+      }, this.themeClasses), this.elevationClasses);
+    },
+    isLoading: function isLoading() {
+      return !('default' in this.$scopedSlots) || this.loading;
+    },
+    rootTypes: function rootTypes() {
+      return _objectSpread({
+        actions: 'button@2',
+        article: 'heading, paragraph',
+        avatar: 'avatar',
+        button: 'button',
+        card: 'image, card-heading',
+        'card-avatar': 'image, list-item-avatar',
+        'card-heading': 'heading',
+        chip: 'chip',
+        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',
+        'date-picker-options': 'text, avatar@2',
+        'date-picker-days': 'avatar@28',
+        heading: 'heading',
+        image: 'image',
+        'list-item': 'text',
+        'list-item-avatar': 'avatar, text',
+        'list-item-two-line': 'sentences',
+        'list-item-avatar-two-line': 'avatar, sentences',
+        'list-item-three-line': 'paragraph',
+        'list-item-avatar-three-line': 'avatar, paragraph',
+        paragraph: 'text@3',
+        sentences: 'text@2',
+        table: 'table-heading, table-thead, table-tbody, table-tfoot',
+        'table-heading': 'heading, text',
+        'table-thead': 'heading@6',
+        'table-tbody': 'table-row-divider@6',
+        'table-row-divider': 'table-row, divider',
+        'table-row': 'table-cell@6',
+        'table-cell': 'text',
+        'table-tfoot': 'text@2, avatar@2',
+        text: 'text'
+      }, this.types);
+    }
+  },
+  methods: {
+    genBone: function genBone(text, children) {
+      return this.$createElement('div', {
+        staticClass: "k-skeleton-loader__".concat(text, " k-skeleton-loader__bone")
+      }, children);
+    },
+    genBones: function genBones(bone) {
+      var _this = this;
+
+      // e.g. 'text@3'
+      var _bone$split = bone.split('@'),
+          _bone$split2 = _slicedToArray(_bone$split, 2),
+          type = _bone$split2[0],
+          length = _bone$split2[1];
+
+      var generator = function generator() {
+        return _this.genStructure(type);
+      }; // Generate a length array based upon
+      // value after @ in the bone string
+
+
+      return Array.from({
+        length: length
+      }).map(generator);
+    },
+    // Fix type when this is merged
+    // https://github.com/microsoft/TypeScript/pull/33050
+    genStructure: function genStructure(type) {
+      var children = [];
+      type = type || this.type || '';
+      var bone = this.rootTypes[type] || ''; // End of recursion, do nothing
+
+      /* eslint-disable-next-line no-empty, brace-style */
+
+      if (type === bone) {} // Array of values - e.g. 'heading, paragraph, text@2'
+      else if (type.indexOf(',') > -1) return this.mapBones(type); // Array of values - e.g. 'paragraph@4'
+        else if (type.indexOf('@') > -1) return this.genBones(type); // Array of values - e.g. 'card@2'
+          else if (bone.indexOf(',') > -1) children = this.mapBones(bone); // Array of values - e.g. 'list-item@2'
+            else if (bone.indexOf('@') > -1) children = this.genBones(bone); // Single value - e.g. 'card-heading'
+              else if (bone) children.push(this.genStructure(bone));
+
+      return [this.genBone(type, children)];
+    },
+    genSkeleton: function genSkeleton() {
+      var children = [];
+      if (!this.isLoading) children.push((0, _helpers.getSlot)(this));else children.push(this.genStructure());
+      /* istanbul ignore else */
+
+      if (!this.transition) return children;
+      /* istanbul ignore next */
+
+      return this.$createElement('transition', {
+        props: {
+          name: this.transition
+        },
+        // Only show transition when
+        // content has been loaded
+        on: {
+          afterEnter: this.resetStyles,
+          beforeEnter: this.onBeforeEnter,
+          beforeLeave: this.onBeforeLeave,
+          leaveCancelled: this.resetStyles
+        }
+      }, children);
+    },
+    mapBones: function mapBones(bones) {
+      // Remove spaces and return array of structures
+      return bones.replace(/\s/g, '').split(',').map(this.genStructure);
+    },
+    onBeforeEnter: function onBeforeEnter(el) {
+      this.resetStyles(el);
+      if (!this.isLoading) return;
+      el._initialStyle = {
+        display: el.style.display,
+        transition: el.style.transition
+      };
+      el.style.setProperty('transition', 'none', 'important');
+    },
+    onBeforeLeave: function onBeforeLeave(el) {
+      el.style.setProperty('display', 'none', 'important');
+    },
+    resetStyles: function resetStyles(el) {
+      if (!el._initialStyle) return;
+      el.style.display = el._initialStyle.display || '';
+      el.style.transition = el._initialStyle.transition;
+      delete el._initialStyle;
+    }
+  },
+  render: function render(h) {
+    return h('div', {
+      staticClass: 'k-skeleton-loader',
+      attrs: this.attrs,
+      on: this.$listeners,
+      class: this.classes,
+      style: this.isLoading ? this.measurableStyles : undefined
+    }, [this.genSkeleton()]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=KSkeletonLoader.js.map

package/es5/components/KSkeletonLoader/KSkeletonLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSkeletonLoader/KSkeletonLoader.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'kdu/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @kdujs/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'KSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'k-skeleton-loader--boilerplate': this.boilerplate,\n        'k-skeleton-loader--is-loading': this.isLoading,\n        'k-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: KNode[]) {\n      return this.$createElement('div', {\n        staticClass: `k-skeleton-loader__${text} k-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): KNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n"],"sourceRoot":"","file":"KSkeletonLoader.js"}

package/es5/components/KSkeletonLoader/index.js

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

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

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