@revolugo/elements 5.5.1-beta.1 → 5.5.1-beta.10

package/dist/revolugo.index.CMpCToBI.min.js

@@ -0,0 +1,390 @@
+import { B as p } from "./revolugo.index.mq4mKuqN.min.js";
+import { m as f, T as g, C as m } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { V as r } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { v, b as x, h as C, q as S, t as b } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+import { r as y } from "./revolugo.vuetify.BEdap6Ni.min.js";
+function u(t) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const e = import.meta.url, i = e.slice(0, e.lastIndexOf("/") + 1) + t;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(i);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(i);
+      if (t.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = i, document.head.appendChild(s);
+      }
+    }
+  } catch (e) {
+    console.error("[revolugo-elements] ", e);
+  }
+}
+const k = r.extend({
+  name: "sizeable",
+  props: {
+    large: Boolean,
+    small: Boolean,
+    xLarge: Boolean,
+    xSmall: Boolean
+  },
+  computed: {
+    medium() {
+      return !this.xSmall && !this.small && !this.large && !this.xLarge;
+    },
+    sizeableClasses() {
+      return {
+        "v-size--x-small": this.xSmall,
+        "v-size--small": this.small,
+        "v-size--default": this.medium,
+        "v-size--large": this.large,
+        "v-size--x-large": this.xLarge
+      };
+    }
+  }
+});
+var a;
+(function(t) {
+  t.xSmall = "12px", t.small = "16px", t.default = "24px", t.medium = "28px", t.large = "36px", t.xLarge = "40px";
+})(a || (a = {}));
+function L(t) {
+  return ["fas", "far", "fal", "fab", "fad", "fak"].some((e) => t.includes(e));
+}
+function $(t) {
+  return /^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(t) && /[\dz]$/i.test(t) && t.length > 4;
+}
+const c = f(
+  p,
+  m,
+  k,
+  g
+  /* @vue/component */
+).extend({
+  name: "v-icon",
+  props: {
+    dense: Boolean,
+    disabled: Boolean,
+    left: Boolean,
+    right: Boolean,
+    size: [Number, String],
+    tag: {
+      type: String,
+      required: !1,
+      default: "i"
+    }
+  },
+  computed: {
+    medium() {
+      return !1;
+    },
+    hasClickListener() {
+      return !!(this.listeners$.click || this.listeners$["!click"]);
+    }
+  },
+  methods: {
+    getIcon() {
+      let t = "";
+      return this.$slots.default && (t = this.$slots.default[0].text.trim()), v(this, t);
+    },
+    getSize() {
+      const t = {
+        xSmall: this.xSmall,
+        small: this.small,
+        medium: this.medium,
+        large: this.large,
+        xLarge: this.xLarge
+      }, e = x(t).find((i) => t[i]);
+      return e && a[e] || C(this.size);
+    },
+    // Component data for both font icon and SVG wrapper span
+    getDefaultData() {
+      return {
+        staticClass: "v-icon notranslate",
+        class: {
+          "v-icon--disabled": this.disabled,
+          "v-icon--left": this.left,
+          "v-icon--link": this.hasClickListener,
+          "v-icon--right": this.right,
+          "v-icon--dense": this.dense
+        },
+        attrs: {
+          "aria-hidden": !this.hasClickListener,
+          disabled: this.hasClickListener && this.disabled,
+          type: this.hasClickListener ? "button" : void 0,
+          ...this.attrs$
+        },
+        on: this.listeners$
+      };
+    },
+    getSvgWrapperData() {
+      const t = this.getSize(), e = {
+        ...this.getDefaultData(),
+        style: t ? {
+          fontSize: t,
+          height: t,
+          width: t
+        } : void 0
+      };
+      return this.applyColors(e), e;
+    },
+    applyColors(t) {
+      t.class = {
+        ...t.class,
+        ...this.themeClasses
+      }, this.setTextColor(this.color, t);
+    },
+    renderFontIcon(t, e) {
+      const i = [], s = this.getDefaultData();
+      let n = "material-icons";
+      const o = t.indexOf("-"), l = o <= -1;
+      l ? i.push(t) : (n = t.slice(0, o), L(n) && (n = "")), s.class[n] = !0, s.class[t] = !l;
+      const h = this.getSize();
+      return h && (s.style = {
+        fontSize: h
+      }), this.applyColors(s), e(this.hasClickListener ? "button" : this.tag, s, i);
+    },
+    renderSvgIcon(t, e) {
+      const i = {
+        class: "v-icon__svg",
+        attrs: {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          role: "img",
+          "aria-hidden": !0
+        }
+      }, s = this.getSize();
+      return s && (i.style = {
+        fontSize: s,
+        height: s,
+        width: s
+      }), e(this.hasClickListener ? "button" : "span", this.getSvgWrapperData(), [e("svg", i, [e("path", {
+        attrs: {
+          d: t
+        }
+      })])]);
+    },
+    renderSvgIconComponent(t, e) {
+      const i = {
+        class: {
+          "v-icon__component": !0
+        }
+      }, s = this.getSize();
+      s && (i.style = {
+        fontSize: s,
+        height: s,
+        width: s
+      }), this.applyColors(i);
+      const n = t.component;
+      return i.props = t.props, i.nativeOn = i.on, e(this.hasClickListener ? "button" : "span", this.getSvgWrapperData(), [e(n, i)]);
+    }
+  },
+  render(t) {
+    const e = this.getIcon();
+    return typeof e == "string" ? $(e) ? this.renderSvgIcon(e, t) : this.renderFontIcon(e, t) : this.renderSvgIconComponent(e, t);
+  }
+}), D = r.extend({
+  name: "v-icon",
+  $_wrapperFor: c,
+  functional: !0,
+  render(t, {
+    data: e,
+    children: i
+  }) {
+    let s = "";
+    return e.domProps && (s = e.domProps.textContent || e.domProps.innerHTML || s, delete e.domProps.textContent, delete e.domProps.innerHTML), t(c, e, s ? [s] : i);
+  }
+});
+function d(t, e) {
+  return () => S(`The ${t} component must be used inside a ${e}`);
+}
+function z(t, e, i) {
+  const s = e && i ? {
+    register: d(e, i),
+    unregister: d(e, i)
+  } : null;
+  return r.extend({
+    name: "registrable-inject",
+    inject: {
+      [t]: {
+        default: s
+      }
+    }
+  });
+}
+function R(t, e = !1) {
+  return r.extend({
+    name: "registrable-provide",
+    provide() {
+      return {
+        [t]: e ? this : {
+          register: this.register,
+          unregister: this.unregister
+        }
+      };
+    }
+  });
+}
+function B(t, e, i) {
+  return z(t, e, i).extend({
+    name: "groupable",
+    props: {
+      activeClass: {
+        type: String,
+        default() {
+          if (this[t])
+            return this[t].activeClass;
+        }
+      },
+      disabled: Boolean
+    },
+    data() {
+      return {
+        isActive: !1
+      };
+    },
+    computed: {
+      groupClasses() {
+        return this.activeClass ? {
+          [this.activeClass]: this.isActive
+        } : {};
+      }
+    },
+    created() {
+      this[t] && this[t].register(this);
+    },
+    beforeDestroy() {
+      this[t] && this[t].unregister(this);
+    },
+    methods: {
+      toggle(s) {
+        if (this.disabled && s) {
+          s.preventDefault();
+          return;
+        }
+        this.$emit("change");
+      }
+    }
+  });
+}
+B("itemGroup");
+const A = r.extend({
+  name: "routable",
+  directives: {
+    Ripple: y
+  },
+  props: {
+    activeClass: String,
+    append: Boolean,
+    disabled: Boolean,
+    exact: {
+      type: Boolean,
+      default: void 0
+    },
+    exactPath: Boolean,
+    exactActiveClass: String,
+    link: Boolean,
+    href: [String, Object],
+    to: [String, Object],
+    nuxt: Boolean,
+    replace: Boolean,
+    ripple: {
+      type: [Boolean, Object],
+      default: null
+    },
+    tag: String,
+    target: String
+  },
+  data: () => ({
+    isActive: !1,
+    proxyClass: ""
+  }),
+  computed: {
+    classes() {
+      const t = {};
+      return this.to || (this.activeClass && (t[this.activeClass] = this.isActive), this.proxyClass && (t[this.proxyClass] = this.isActive)), t;
+    },
+    computedRipple() {
+      var t;
+      return (t = this.ripple) !== null && t !== void 0 ? t : !this.disabled && this.isClickable;
+    },
+    isClickable() {
+      return this.disabled ? !1 : !!(this.isLink || this.$listeners.click || this.$listeners["!click"] || this.$attrs.tabindex);
+    },
+    isLink() {
+      return this.to || this.href || this.link;
+    },
+    styles: () => ({})
+  },
+  watch: {
+    $route: "onRouteChange"
+  },
+  mounted() {
+    this.onRouteChange();
+  },
+  methods: {
+    generateRouteLink() {
+      let t = this.exact, e;
+      const i = {
+        attrs: {
+          tabindex: "tabindex" in this.$attrs ? this.$attrs.tabindex : void 0
+        },
+        class: this.classes,
+        style: this.styles,
+        props: {},
+        directives: [{
+          name: "ripple",
+          value: this.computedRipple
+        }],
+        [this.to ? "nativeOn" : "on"]: {
+          ...this.$listeners,
+          ..."click" in this ? {
+            click: this.click
+          } : void 0
+          // #14447
+        },
+        ref: "link"
+      };
+      if (typeof this.exact > "u" && (t = this.to === "/" || this.to === Object(this.to) && this.to.path === "/"), this.to) {
+        let s = this.activeClass, n = this.exactActiveClass || s;
+        this.proxyClass && (s = `${s} ${this.proxyClass}`.trim(), n = `${n} ${this.proxyClass}`.trim()), e = this.nuxt ? "nuxt-link" : "router-link", Object.assign(i.props, {
+          to: this.to,
+          exact: t,
+          exactPath: this.exactPath,
+          activeClass: s,
+          exactActiveClass: n,
+          append: this.append,
+          replace: this.replace
+        });
+      } else
+        e = this.href && "a" || this.tag || "div", e === "a" && this.href && (i.attrs.href = this.href);
+      return this.target && (i.attrs.target = this.target), {
+        tag: e,
+        data: i
+      };
+    },
+    onRouteChange() {
+      if (!this.to || !this.$refs.link || !this.$route)
+        return;
+      const t = `${this.activeClass || ""} ${this.proxyClass || ""}`.trim(), e = `${this.exactActiveClass || ""} ${this.proxyClass || ""}`.trim() || t, i = "_vnode.data.class." + (this.exact ? e : t);
+      this.$nextTick(() => {
+        !b(this.$refs.link, i) === this.isActive && this.toggle();
+      });
+    },
+    toggle() {
+      this.isActive = !this.isActive;
+    }
+  }
+});
+u("css/revolugo.index.BMkl7a3p.css");
+export {
+  A as R,
+  k as S,
+  D as _,
+  B as f,
+  z as i,
+  R as p
+};
+//# sourceMappingURL=revolugo.index.CMpCToBI.min.js.map

package/dist/revolugo.index.CVaQfmC0.min.js

@@ -0,0 +1,15 @@
+import { V as a } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { d as e } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+const r = a.extend({
+  name: "comparable",
+  props: {
+    valueComparator: {
+      type: Function,
+      default: e
+    }
+  }
+});
+export {
+  r as C
+};
+//# sourceMappingURL=revolugo.index.CVaQfmC0.min.js.map

package/dist/revolugo.index.Ce2wa-yh.min.js

@@ -0,0 +1,142 @@
+import { c } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { u as m } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+function u(o = [], ...s) {
+  return Array().concat(o, ...s);
+}
+function f(o, s = "top center 0", e) {
+  return {
+    name: o,
+    functional: !0,
+    props: {
+      group: {
+        type: Boolean,
+        default: !1
+      },
+      hideOnLeave: {
+        type: Boolean,
+        default: !1
+      },
+      leaveAbsolute: {
+        type: Boolean,
+        default: !1
+      },
+      mode: {
+        type: String,
+        default: e
+      },
+      origin: {
+        type: String,
+        default: s
+      }
+    },
+    render(r, n) {
+      const a = `transition${n.props.group ? "-group" : ""}`, t = {
+        props: {
+          name: o,
+          mode: n.props.mode
+        },
+        on: {
+          beforeEnter(i) {
+            i.style.transformOrigin = n.props.origin, i.style.webkitTransformOrigin = n.props.origin;
+          }
+        }
+      };
+      return n.props.leaveAbsolute && (t.on.leave = u(t.on.leave, (i) => {
+        const {
+          offsetTop: p,
+          offsetLeft: l,
+          offsetWidth: y,
+          offsetHeight: d
+        } = i;
+        i._transitionInitialStyles = {
+          position: i.style.position,
+          top: i.style.top,
+          left: i.style.left,
+          width: i.style.width,
+          height: i.style.height
+        }, i.style.position = "absolute", i.style.top = p + "px", i.style.left = l + "px", i.style.width = y + "px", i.style.height = d + "px";
+      }), t.on.afterLeave = u(t.on.afterLeave, (i) => {
+        if (i && i._transitionInitialStyles) {
+          const {
+            position: p,
+            top: l,
+            left: y,
+            width: d,
+            height: g
+          } = i._transitionInitialStyles;
+          delete i._transitionInitialStyles, i.style.position = p || "", i.style.top = l || "", i.style.left = y || "", i.style.width = d || "", i.style.height = g || "";
+        }
+      })), n.props.hideOnLeave && (t.on.leave = u(t.on.leave, (i) => {
+        i.style.setProperty("display", "none", "important");
+      })), r(a, c(n.data, t), n.children);
+    }
+  };
+}
+function h(o, s, e = "in-out") {
+  return {
+    name: o,
+    functional: !0,
+    props: {
+      mode: {
+        type: String,
+        default: e
+      }
+    },
+    render(r, n) {
+      return r("transition", c(n.data, {
+        props: {
+          name: o
+        },
+        on: s
+      }), n.children);
+    }
+  };
+}
+function v(o = "", s = !1) {
+  const e = s ? "width" : "height", r = `offset${m(e)}`;
+  return {
+    beforeEnter(t) {
+      t._parent = t.parentNode, t._initialStyle = {
+        transition: t.style.transition,
+        overflow: t.style.overflow,
+        [e]: t.style[e]
+      };
+    },
+    enter(t) {
+      const i = t._initialStyle;
+      t.style.setProperty("transition", "none", "important"), t.style.overflow = "hidden";
+      const p = `${t[r]}px`;
+      t.style[e] = "0", t.offsetHeight, t.style.transition = i.transition, o && t._parent && t._parent.classList.add(o), requestAnimationFrame(() => {
+        t.style[e] = p;
+      });
+    },
+    afterEnter: a,
+    enterCancelled: a,
+    leave(t) {
+      t._initialStyle = {
+        transition: "",
+        overflow: t.style.overflow,
+        [e]: t.style[e]
+      }, t.style.overflow = "hidden", t.style[e] = `${t[r]}px`, t.offsetHeight, requestAnimationFrame(() => t.style[e] = "0");
+    },
+    afterLeave: n,
+    leaveCancelled: n
+  };
+  function n(t) {
+    o && t._parent && t._parent.classList.remove(o), a(t);
+  }
+  function a(t) {
+    const i = t._initialStyle[e];
+    t.style.overflow = t._initialStyle.overflow, i != null && (t.style[e] = i), delete t._initialStyle;
+  }
+}
+const _ = f("fab-transition", "center center", "out-in"), T = f("fade-transition"), b = f("scale-transition"), L = f("slide-x-transition"), V = h("expand-transition", v()), E = h("expand-x-transition", v("", !0));
+export {
+  E as V,
+  V as a,
+  T as b,
+  L as c,
+  _ as d,
+  b as e
+};
+//# sourceMappingURL=revolugo.index.Ce2wa-yh.min.js.map

package/dist/revolugo.index.CfwKNM8Q.min.js

@@ -0,0 +1,9 @@
+import { c as t } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+t("v-list-item__action-text", "span");
+const e = t("v-list-item__content", "div"), s = t("v-list-item__title", "div"), n = t("v-list-item__subtitle", "div");
+export {
+  s as V,
+  e as a,
+  n as b
+};
+//# sourceMappingURL=revolugo.index.CfwKNM8Q.min.js.map

package/dist/revolugo.index.D7ohfZ-O.min.js

@@ -0,0 +1,68 @@
+import { f as p } from "./revolugo.index.mq4mKuqN.min.js";
+import { m as o } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { V as r } from "./revolugo.i18n.BIDah4Hr.min.js";
+function c(a, e = []) {
+  return o(p(["absolute", "fixed"])).extend({
+    name: "applicationable",
+    props: {
+      app: Boolean
+    },
+    computed: {
+      applicationProperty() {
+        return a;
+      }
+    },
+    watch: {
+      // If previous value was app
+      // reset the provided prop
+      app(t, i) {
+        i ? this.removeApplication(!0) : this.callUpdate();
+      },
+      applicationProperty(t, i) {
+        this.$vuetify.application.unregister(this._uid, i);
+      }
+    },
+    activated() {
+      this.callUpdate();
+    },
+    created() {
+      for (let t = 0, i = e.length; t < i; t++)
+        this.$watch(e[t], this.callUpdate);
+      this.callUpdate();
+    },
+    mounted() {
+      this.callUpdate();
+    },
+    deactivated() {
+      this.removeApplication();
+    },
+    destroyed() {
+      this.removeApplication();
+    },
+    methods: {
+      callUpdate() {
+        this.app && this.$vuetify.application.register(this._uid, this.applicationProperty, this.updateApplication());
+      },
+      removeApplication(t = !1) {
+        !t && !this.app || this.$vuetify.application.unregister(this._uid, this.applicationProperty);
+      },
+      updateApplication: () => 0
+    }
+  });
+}
+const d = r.extend({
+  name: "ssr-bootable",
+  data: () => ({
+    isBooted: !1
+  }),
+  mounted() {
+    window.requestAnimationFrame(() => {
+      this.$el.setAttribute("data-booted", "true"), this.isBooted = !0;
+    });
+  }
+});
+export {
+  d as S,
+  c as a
+};
+//# sourceMappingURL=revolugo.index.D7ohfZ-O.min.js.map