@revolugo/elements 5.5.3 → 5.5.4-beta.0

package/dist/revolugo.vsheet.C1tyLBBd.min.js

@@ -0,0 +1,120 @@
+import { B as d } from "./revolugo.index.Cn5YTzy6.min.js";
+import { m as u, T as m, C as c } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+import { V as o } from "./revolugo.i18n.DF3U6VhD.min.js";
+import { h as i } from "./revolugo.revolugo-config.Bs_HF2Eu.min.js";
+function l(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, n = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(n);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(n);
+      if (e.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = n, document.head.appendChild(s);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const p = o.extend({
+  name: "elevatable",
+  props: {
+    elevation: [Number, String]
+  },
+  computed: {
+    computedElevation() {
+      return this.elevation;
+    },
+    elevationClasses() {
+      const e = this.computedElevation;
+      return e == null ? {} : isNaN(parseInt(e)) ? {} : {
+        [`elevation-${this.elevation}`]: !0
+      };
+    }
+  }
+}), f = o.extend({
+  name: "measurable",
+  props: {
+    height: [Number, String],
+    maxHeight: [Number, String],
+    maxWidth: [Number, String],
+    minHeight: [Number, String],
+    minWidth: [Number, String],
+    width: [Number, String]
+  },
+  computed: {
+    measurableStyles() {
+      const e = {}, t = i(this.height), n = i(this.minHeight), s = i(this.minWidth), r = i(this.maxHeight), a = i(this.maxWidth), h = i(this.width);
+      return t && (e.height = t), n && (e.minHeight = n), s && (e.minWidth = s), r && (e.maxHeight = r), a && (e.maxWidth = a), h && (e.width = h), e;
+    }
+  }
+}), g = o.extend({
+  name: "roundable",
+  props: {
+    rounded: [Boolean, String],
+    tile: Boolean
+  },
+  computed: {
+    roundedClasses() {
+      const e = [], t = typeof this.rounded == "string" ? String(this.rounded) : this.rounded === !0;
+      if (this.tile)
+        e.push("rounded-0");
+      else if (typeof t == "string") {
+        const n = t.split(" ");
+        for (const s of n)
+          e.push(`rounded-${s}`);
+      } else
+        t && e.push("rounded");
+      return e.length > 0 ? {
+        [e.join(" ")]: !0
+      } : {};
+    }
+  }
+}), x = u(d, c, p, f, g, m).extend({
+  name: "v-sheet",
+  props: {
+    outlined: Boolean,
+    shaped: Boolean,
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        "v-sheet": !0,
+        "v-sheet--outlined": this.outlined,
+        "v-sheet--shaped": this.shaped,
+        ...this.themeClasses,
+        ...this.elevationClasses,
+        ...this.roundedClasses
+      };
+    },
+    styles() {
+      return this.measurableStyles;
+    }
+  },
+  render(e) {
+    const t = {
+      class: this.classes,
+      style: this.styles,
+      on: this.listeners$
+    };
+    return e(this.tag, this.setBackgroundColor(this.color, t), this.$slots.default);
+  }
+});
+l("css/revolugo.vsheet.Dtdo2Rps.css");
+export {
+  p as E,
+  f as M,
+  g as R,
+  x as _
+};
+//# sourceMappingURL=revolugo.vsheet.C1tyLBBd.min.js.map

package/dist/revolugo.vskeletonloader.CMMMMGzf.min.js

@@ -0,0 +1,172 @@
+import { M as s, E as r } from "./revolugo.vsheet.C1tyLBBd.min.js";
+import { m as o, T as l } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+import { j as d } from "./revolugo.revolugo-config.Bs_HF2Eu.min.js";
+function n(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, i = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(i);
+      for (const a of REVOLUGO_ELEMENTS_STYLES.components)
+        a(i);
+      if (e.indexOf("fonts") >= 0) {
+        const a = document.createElement("link");
+        a.rel = "stylesheet", linK.href = i, document.head.appendChild(a);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const u = o(r, s, l).extend({
+  name: "VSkeletonLoader",
+  props: {
+    boilerplate: Boolean,
+    loading: Boolean,
+    loadingText: {
+      type: String,
+      default: "$vuetify.loading"
+    },
+    tile: Boolean,
+    transition: String,
+    type: String,
+    types: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    attrs() {
+      return this.isLoading ? {
+        "aria-busy": this.boilerplate ? void 0 : !0,
+        "aria-live": this.boilerplate ? void 0 : "polite",
+        "aria-label": this.boilerplate ? void 0 : this.$vuetify.lang.t(this.loadingText),
+        role: this.boilerplate ? void 0 : "alert",
+        ...this.$attrs
+      } : this.$attrs;
+    },
+    classes() {
+      return {
+        "v-skeleton-loader--boilerplate": this.boilerplate,
+        "v-skeleton-loader--is-loading": this.isLoading,
+        "v-skeleton-loader--tile": this.tile,
+        ...this.themeClasses,
+        ...this.elevationClasses
+      };
+    },
+    isLoading() {
+      return !("default" in this.$scopedSlots) || this.loading;
+    },
+    rootTypes() {
+      return {
+        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(e, t) {
+      return this.$createElement("div", {
+        staticClass: `v-skeleton-loader__${e} v-skeleton-loader__bone`
+      }, t);
+    },
+    genBones(e) {
+      const [t, i] = e.split("@"), a = () => this.genStructure(t);
+      return Array.from({
+        length: i
+      }).map(a);
+    },
+    // Fix type when this is merged
+    // https://github.com/microsoft/TypeScript/pull/33050
+    genStructure(e) {
+      let t = [];
+      e = e || this.type || "";
+      const i = this.rootTypes[e] || "";
+      if (e !== i) {
+        if (e.indexOf(",") > -1)
+          return this.mapBones(e);
+        if (e.indexOf("@") > -1)
+          return this.genBones(e);
+        i.indexOf(",") > -1 ? t = this.mapBones(i) : i.indexOf("@") > -1 ? t = this.genBones(i) : i && t.push(this.genStructure(i));
+      }
+      return [this.genBone(e, t)];
+    },
+    genSkeleton() {
+      const e = [];
+      return this.isLoading ? e.push(this.genStructure()) : e.push(d(this)), this.transition ? 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
+        }
+      }, e) : e;
+    },
+    mapBones(e) {
+      return e.replace(/\s/g, "").split(",").map(this.genStructure);
+    },
+    onBeforeEnter(e) {
+      this.resetStyles(e), this.isLoading && (e._initialStyle = {
+        display: e.style.display,
+        transition: e.style.transition
+      }, e.style.setProperty("transition", "none", "important"));
+    },
+    onBeforeLeave(e) {
+      e.style.setProperty("display", "none", "important");
+    },
+    resetStyles(e) {
+      e._initialStyle && (e.style.display = e._initialStyle.display || "", e.style.transition = e._initialStyle.transition, delete e._initialStyle);
+    }
+  },
+  render(e) {
+    return e("div", {
+      staticClass: "v-skeleton-loader",
+      attrs: this.attrs,
+      on: this.$listeners,
+      class: this.classes,
+      style: this.isLoading ? this.measurableStyles : void 0
+    }, [this.genSkeleton()]);
+  }
+});
+n("css/revolugo.vskeletonloader.BpGoaAbZ.css");
+export {
+  u as _
+};
+//# sourceMappingURL=revolugo.vskeletonloader.CMMMMGzf.min.js.map