@skeleton-elements/vue/cjs/SkeletonBlock.js

Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) are representations of UI that will be available (loaded) soon. They are designed to improve perceived performance.

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

var _vue = require("vue");

var _default = {
  name: 'skeleton-block',
  props: {
    tag: {
      type: String,
      "default": 'div'
    },
    width: [String, Number],
    height: [String, Number],
    effect: String
  },
  render: function render() {
    var _class;

    return (0, _vue.h)(this.tag, {
      "class": (_class = {
        'skeleton-block': true
      }, _class["skeleton-effect-" + this.effect] = this.effect, _class),
      style: {
        width: this.width,
        height: this.height
      }
    }, this.$slots["default"] && this.$slots["default"]());
  }
};
exports["default"] = _default;