v-dashkit/dist/skeleton.esm-d22776ea.js

This template should help get you started developing with Vue 3 in Vite.

import { B as i, s } from "./basecomponent.esm-3611fa56.js";
import { openBlock as o, createElementBlock as a, mergeProps as l } from "vue";
var p = {
  root: {
    position: "relative"
  }
}, d = {
  root: function(r) {
    var t = r.props;
    return ["p-skeleton p-component", {
      "p-skeleton-circle": t.shape === "circle",
      "p-skeleton-none": t.animation === "none"
    }];
  }
}, u = i.extend({
  name: "skeleton",
  classes: d,
  inlineStyles: p
}), c = {
  name: "BaseSkeleton",
  extends: s,
  props: {
    shape: {
      type: String,
      default: "rectangle"
    },
    size: {
      type: String,
      default: null
    },
    width: {
      type: String,
      default: "100%"
    },
    height: {
      type: String,
      default: "1rem"
    },
    borderRadius: {
      type: String,
      default: null
    },
    animation: {
      type: String,
      default: "wave"
    }
  },
  style: u,
  provide: function() {
    return {
      $parentInstance: this
    };
  }
}, h = {
  name: "Skeleton",
  extends: c,
  inheritAttrs: !1,
  computed: {
    containerStyle: function() {
      return this.size ? {
        width: this.size,
        height: this.size,
        borderRadius: this.borderRadius
      } : {
        width: this.width,
        height: this.height,
        borderRadius: this.borderRadius
      };
    }
  }
};
function S(e, r, t, m, y, n) {
  return o(), a("div", l({
    class: e.cx("root"),
    style: [e.sx("root"), n.containerStyle],
    "aria-hidden": "true"
  }, e.ptmi("root")), null, 16);
}
h.render = S;
export {
  h as s
};