@kokoccc/vuetify 1.0.2 → 1.0.3

package/es5/components/VSkeletonLoader/VSkeletonLoader.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VSkeletonLoader/VSkeletonLoader.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; }
+
+/* @vue/component */
+var _default2 = (0, _mixins.default)(_elevatable.default, _measurable.default, _themeable.default).extend({
+  name: 'VSkeletonLoader',
+  props: {
+    boilerplate: Boolean,
+    loading: Boolean,
+    loadingText: {
+      type: String,
+      default: '$vuetify.loading'
+    },
+    tile: Boolean,
+    transition: String,
+    type: String,
+    types: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    attrs: function attrs() {
+      if (!this.isLoading) return this.$attrs;
+      return {
+        'aria-busy': !this.boilerplate ? true : undefined,
+        'aria-live': !this.boilerplate ? 'polite' : undefined,
+        'aria-label': !this.boilerplate ? this.$vuetify.lang.t(this.loadingText) : undefined,
+        role: !this.boilerplate ? 'alert' : undefined
+      };
+    },
+    classes: function classes() {
+      return _objectSpread(_objectSpread({
+        'v-skeleton-loader--boilerplate': this.boilerplate,
+        'v-skeleton-loader--is-loading': this.isLoading,
+        'v-skeleton-loader--tile': this.tile
+      }, this.themeClasses), this.elevationClasses);
+    },
+    isLoading: function isLoading() {
+      return !('default' in this.$slots) || 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 (0, _vue.h)('div', {
+        class: "v-skeleton-loader__".concat(text, " v-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 (0, _vue.h)(_vue.Transition, {
+        name: this.transition,
+        // Only show transition when
+        // content has been loaded
+        onAfterEnter: this.resetStyles,
+        onBeforeEnter: this.onBeforeEnter,
+        onBeforeLeave: this.onBeforeLeave,
+        onLeaveCancelled: 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() {
+    return (0, _vue.h)('div', _objectSpread(_objectSpread(_objectSpread({
+      class: ['v-skeleton-loader', this.classes]
+    }, this.attrs), this.$listeners), {}, {
+      style: this.isLoading ? this.measurableStyles : undefined
+    }), [this.genSkeleton()]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VSkeletonLoader.js.map

package/es5/components/VSkeletonLoader/VSkeletonLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSkeletonLoader/VSkeletonLoader.ts"],"names":[],"mappings":"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","sourcesContent":["import {Transition, h} from 'vue'\n// Styles\nimport './VSkeletonLoader.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 { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    loadingText: {\n      type: String,\n      default: '$vuetify.loading',\n    },\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 {\n        'aria-busy': !this.boilerplate ? true : undefined,\n        'aria-live': !this.boilerplate ? 'polite' : undefined,\n        'aria-label': !this.boilerplate ? this.$vuetify.lang.t(this.loadingText) : undefined,\n        role: !this.boilerplate ? 'alert' : undefined\n      }\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$slots) || 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: VNode[]) {\n      return h('div', {\n        class: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\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 h(Transition, {\n        name: this.transition,\n        // Only show transition when\n        // content has been loaded\n        onAfterEnter: this.resetStyles,\n        onBeforeEnter: this.onBeforeEnter,\n        onBeforeLeave: this.onBeforeLeave,\n        onLeaveCancelled: this.resetStyles\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 (): VNode {\n    return h('div', {\n      class: ['v-skeleton-loader', this.classes],\n      ...this.attrs,\n      ...this.$listeners,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n"],"sourceRoot":"","file":"VSkeletonLoader.js"}

package/es5/components/VSkeletonLoader/index.js

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

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

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