@revolugo/elements 5.5.2 → 5.5.3-beta.0

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

@@ -0,0 +1,322 @@
+import { V as l } from "./revolugo.i18n.DF3U6VhD.min.js";
+import { m as o, b as d } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+import { o as u, p as v, j as r, w as a, t as p, q as f } from "./revolugo.revolugo-config.Bs_HF2Eu.min.js";
+import { B as m } from "./revolugo.watch-list.cR2ZEwBA.min.js";
+const g = l.extend().extend({
+  name: "delayable",
+  props: {
+    openDelay: {
+      type: [Number, String],
+      default: 0
+    },
+    closeDelay: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  data: () => ({
+    openTimeout: void 0,
+    closeTimeout: void 0
+  }),
+  methods: {
+    /**
+     * Clear any pending delay timers from executing
+     */
+    clearDelay() {
+      clearTimeout(this.openTimeout), clearTimeout(this.closeTimeout);
+    },
+    /**
+     * Runs callback after a specified delay
+     */
+    runDelay(t, e) {
+      this.clearDelay();
+      const s = parseInt(this[`${t}Delay`], 10);
+      this[`${t}Timeout`] = setTimeout(e || (() => {
+        this.isActive = {
+          open: !0,
+          close: !1
+        }[t];
+      }), s);
+    }
+  }
+}), A = o(g, d), $ = A.extend({
+  name: "activatable",
+  props: {
+    activator: {
+      default: null,
+      validator: (t) => ["string", "object"].includes(typeof t)
+    },
+    disabled: Boolean,
+    internalActivator: Boolean,
+    openOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    openOnHover: Boolean,
+    openOnFocus: Boolean
+  },
+  data: () => ({
+    // Do not use this directly, call getActivator() instead
+    activatorElement: null,
+    activatorNode: [],
+    events: ["click", "mouseenter", "mouseleave", "focus"],
+    listeners: {}
+  }),
+  watch: {
+    activator: "resetActivator",
+    openOnFocus: "resetActivator",
+    openOnHover: "resetActivator"
+  },
+  mounted() {
+    const t = u(this, "activator", !0);
+    t && ["v-slot", "normal"].includes(t) && v(`The activator slot must be bound, try '<template v-slot:activator="{ on }"><v-btn v-on="on">'`, this), this.addActivatorEvents();
+  },
+  beforeDestroy() {
+    this.removeActivatorEvents();
+  },
+  methods: {
+    addActivatorEvents() {
+      if (!this.activator || this.disabled || !this.getActivator())
+        return;
+      this.listeners = this.genActivatorListeners();
+      const t = Object.keys(this.listeners);
+      for (const e of t)
+        this.getActivator().addEventListener(e, this.listeners[e]);
+    },
+    genActivator() {
+      const t = r(this, "activator", Object.assign(this.getValueProxy(), {
+        on: this.genActivatorListeners(),
+        attrs: this.genActivatorAttributes()
+      })) || [];
+      return this.activatorNode = t, t;
+    },
+    genActivatorAttributes() {
+      return {
+        role: this.openOnClick && !this.openOnHover ? "button" : void 0,
+        "aria-haspopup": !0,
+        "aria-expanded": String(this.isActive)
+      };
+    },
+    genActivatorListeners() {
+      if (this.disabled)
+        return {};
+      const t = {};
+      return this.openOnHover ? (t.mouseenter = (e) => {
+        this.getActivator(e), this.runDelay("open");
+      }, t.mouseleave = (e) => {
+        this.getActivator(e), this.runDelay("close");
+      }) : this.openOnClick && (t.click = (e) => {
+        const s = this.getActivator(e);
+        s && s.focus(), e.stopPropagation(), this.isActive = !this.isActive;
+      }), this.openOnFocus && (t.focus = (e) => {
+        this.getActivator(e), e.stopPropagation(), this.isActive = !this.isActive;
+      }), t;
+    },
+    getActivator(t) {
+      if (this.activatorElement)
+        return this.activatorElement;
+      let e = null;
+      if (this.activator) {
+        const s = this.internalActivator ? this.$el : document;
+        typeof this.activator == "string" ? e = s.querySelector(this.activator) : this.activator.$el ? e = this.activator.$el : e = this.activator;
+      } else if (this.activatorNode.length === 1 || this.activatorNode.length && !t) {
+        const s = this.activatorNode[0].componentInstance;
+        s && s.$options.mixins && //                         Activatable is indirectly used via Menuable
+        s.$options.mixins.some((i) => i.options && ["activatable", "menuable"].includes(i.options.name)) ? e = s.getActivator() : e = this.activatorNode[0].elm;
+      } else
+        t && (e = t.currentTarget || t.target);
+      return this.activatorElement = (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : null, this.activatorElement;
+    },
+    getContentSlot() {
+      return r(this, "default", this.getValueProxy(), !0);
+    },
+    getValueProxy() {
+      const t = this;
+      return {
+        get value() {
+          return t.isActive;
+        },
+        set value(e) {
+          t.isActive = e;
+        }
+      };
+    },
+    removeActivatorEvents() {
+      if (!this.activator || !this.activatorElement)
+        return;
+      const t = Object.keys(this.listeners);
+      for (const e of t)
+        this.activatorElement.removeEventListener(e, this.listeners[e]);
+      this.listeners = {};
+    },
+    resetActivator() {
+      this.removeActivatorEvents(), this.activatorElement = null, this.getActivator(), this.addActivatorEvents();
+    }
+  }
+});
+function h(t) {
+  const e = [];
+  for (let s = 0; s < t.length; s++) {
+    const i = t[s];
+    i.isActive && i.isDependent ? e.push(i) : e.push(...h(i.$children));
+  }
+  return e;
+}
+const N = o().extend({
+  name: "dependent",
+  data() {
+    return {
+      closeDependents: !0,
+      isActive: !1,
+      isDependent: !0
+    };
+  },
+  watch: {
+    isActive(t) {
+      if (t)
+        return;
+      const e = this.getOpenDependents();
+      for (let s = 0; s < e.length; s++)
+        e[s].isActive = !1;
+    }
+  },
+  methods: {
+    getOpenDependents() {
+      return this.closeDependents ? h(this.$children) : [];
+    },
+    getOpenDependentElements() {
+      const t = [], e = this.getOpenDependents();
+      for (let s = 0; s < e.length; s++)
+        t.push(...e[s].getClickableDependentElements());
+      return t;
+    },
+    getClickableDependentElements() {
+      const t = [this.$el];
+      return this.$refs.content && t.push(this.$refs.content), this.overlay && t.push(this.overlay.$el), t.push(...this.getOpenDependentElements()), t;
+    }
+  }
+}), k = l.extend().extend({
+  name: "stackable",
+  data() {
+    return {
+      stackElement: null,
+      stackExclude: null,
+      stackMinZIndex: 0,
+      isActive: !1
+    };
+  },
+  computed: {
+    activeZIndex() {
+      if (typeof window > "u")
+        return 0;
+      const t = this.stackElement || this.$refs.content, e = this.isActive ? this.getMaxZIndex(this.stackExclude || [t]) + 2 : a(t);
+      return e == null ? e : parseInt(e);
+    }
+  },
+  methods: {
+    getMaxZIndex(t = []) {
+      const e = this.$el, s = [this.stackMinZIndex, a(e)], i = [...document.getElementsByClassName("v-menu__content--active"), ...document.getElementsByClassName("v-dialog__content--active")];
+      for (let n = 0; n < i.length; n++)
+        t.includes(i[n]) || s.push(a(i[n]));
+      return Math.max(...s);
+    }
+  }
+});
+function y(t) {
+  const e = typeof t;
+  return e === "boolean" || e === "string" ? !0 : t.nodeType === Node.ELEMENT_NODE;
+}
+function c(t) {
+  t.forEach((e) => {
+    e.elm && e.elm.parentNode && e.elm.parentNode.removeChild(e.elm);
+  });
+}
+const O = o(m).extend({
+  name: "detachable",
+  props: {
+    attach: {
+      default: !1,
+      validator: y
+    },
+    contentClass: {
+      type: String,
+      default: ""
+    }
+  },
+  data: () => ({
+    activatorNode: null,
+    hasDetached: !1
+  }),
+  watch: {
+    attach() {
+      this.hasDetached = !1, this.initDetach();
+    },
+    hasContent() {
+      this.$nextTick(this.initDetach);
+    }
+  },
+  beforeMount() {
+    this.$nextTick(() => {
+      this.activatorNode && (Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode]).forEach((e) => {
+        if (!e.elm || !this.$el.parentNode)
+          return;
+        const s = this.$el === this.$el.parentNode.firstChild ? this.$el : this.$el.nextSibling;
+        this.$el.parentNode.insertBefore(e.elm, s);
+      });
+    });
+  },
+  mounted() {
+    this.hasContent && this.initDetach();
+  },
+  deactivated() {
+    this.isActive = !1;
+  },
+  beforeDestroy() {
+    this.$refs.content && this.$refs.content.parentNode && this.$refs.content.parentNode.removeChild(this.$refs.content);
+  },
+  destroyed() {
+    if (this.activatorNode) {
+      const t = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode];
+      if (this.$el.isConnected) {
+        const e = new MutationObserver((s) => {
+          s.some((i) => Array.from(i.removedNodes).includes(this.$el)) && (e.disconnect(), c(t));
+        });
+        e.observe(this.$el.parentNode, {
+          subtree: !1,
+          childList: !0
+        });
+      } else
+        c(t);
+    }
+  },
+  methods: {
+    getScopeIdAttrs() {
+      const t = p(this.$vnode, "context.$options._scopeId");
+      return t && {
+        [t]: ""
+      };
+    },
+    initDetach() {
+      if (this._isDestroyed || !this.$refs.content || this.hasDetached || // Leave menu in place if attached
+      // and dev has not changed target
+      this.attach === "" || // If used as a boolean prop (<v-menu attach>)
+      this.attach === !0 || // If bound to a boolean (<v-menu :attach="true">)
+      this.attach === "attach")
+        return;
+      let t;
+      if (this.attach === !1 ? t = document.querySelector("[data-app]") : typeof this.attach == "string" ? t = document.querySelector(this.attach) : t = this.attach, !t) {
+        f(`Unable to locate target ${this.attach || "[data-app]"}`, this);
+        return;
+      }
+      t.appendChild(this.$refs.content), this.hasDetached = !0;
+    }
+  }
+});
+export {
+  $ as A,
+  N as D,
+  k as S,
+  g as a,
+  O as b
+};
+//# sourceMappingURL=revolugo.index.A8BtC3Nq.min.js.map

package/dist/revolugo.index.BEcLuOn-.min.js

@@ -0,0 +1,281 @@
+import { V as n } from "./revolugo.i18n.DF3U6VhD.min.js";
+import { b as o, c as l } from "./revolugo.index.Cn8GgIte.min.js";
+import { I as h } from "./revolugo.vuetify.yojzDMFk.min.js";
+import { m as u, T as c, C as d } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+import { f as m } from "./revolugo.index.Cn5YTzy6.min.js";
+import { h as i, j as g } from "./revolugo.revolugo-config.Bs_HF2Eu.min.js";
+function a(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, r = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(r);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(r);
+      if (e.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = r, document.head.appendChild(s);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+function f(e = "value", t = "change") {
+  return n.extend({
+    name: "proxyable",
+    model: {
+      prop: e,
+      event: t
+    },
+    props: {
+      [e]: {
+        required: !1
+      }
+    },
+    data() {
+      return {
+        internalLazyValue: this[e]
+      };
+    },
+    computed: {
+      internalValue: {
+        get() {
+          return this.internalLazyValue;
+        },
+        set(r) {
+          r !== this.internalLazyValue && (this.internalLazyValue = r, this.$emit(t, r));
+        }
+      }
+    },
+    watch: {
+      [e](r) {
+        this.internalLazyValue = r;
+      }
+    }
+  });
+}
+const p = f(), _ = p, v = u(d, m(["absolute", "fixed", "top", "bottom"]), _, c), y = v.extend({
+  name: "v-progress-linear",
+  directives: {
+    intersect: h
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: !0
+    },
+    backgroundColor: {
+      type: String,
+      default: null
+    },
+    backgroundOpacity: {
+      type: [Number, String],
+      default: null
+    },
+    bufferValue: {
+      type: [Number, String],
+      default: 100
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    height: {
+      type: [Number, String],
+      default: 4
+    },
+    indeterminate: Boolean,
+    query: Boolean,
+    reverse: Boolean,
+    rounded: Boolean,
+    stream: Boolean,
+    striped: Boolean,
+    value: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  data() {
+    return {
+      internalLazyValue: this.value || 0,
+      isVisible: !0
+    };
+  },
+  computed: {
+    __cachedBackground() {
+      return this.$createElement("div", this.setBackgroundColor(this.backgroundColor || this.color, {
+        staticClass: "v-progress-linear__background",
+        style: this.backgroundStyle
+      }));
+    },
+    __cachedBar() {
+      return this.$createElement(this.computedTransition, [this.__cachedBarType]);
+    },
+    __cachedBarType() {
+      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
+    },
+    __cachedBuffer() {
+      return this.$createElement("div", {
+        staticClass: "v-progress-linear__buffer",
+        style: this.styles
+      });
+    },
+    __cachedDeterminate() {
+      return this.$createElement("div", this.setBackgroundColor(this.color, {
+        staticClass: "v-progress-linear__determinate",
+        style: {
+          width: i(this.normalizedValue, "%")
+        }
+      }));
+    },
+    __cachedIndeterminate() {
+      return this.$createElement("div", {
+        staticClass: "v-progress-linear__indeterminate",
+        class: {
+          "v-progress-linear__indeterminate--active": this.active
+        }
+      }, [this.genProgressBar("long"), this.genProgressBar("short")]);
+    },
+    __cachedStream() {
+      return this.stream ? this.$createElement("div", this.setTextColor(this.color, {
+        staticClass: "v-progress-linear__stream",
+        style: {
+          width: i(100 - this.normalizedBuffer, "%")
+        }
+      })) : null;
+    },
+    backgroundStyle() {
+      return {
+        opacity: this.backgroundOpacity == null ? this.backgroundColor ? 1 : 0.3 : parseFloat(this.backgroundOpacity),
+        [this.isReversed ? "right" : "left"]: i(this.normalizedValue, "%"),
+        width: i(Math.max(0, this.normalizedBuffer - this.normalizedValue), "%")
+      };
+    },
+    classes() {
+      return {
+        "v-progress-linear--absolute": this.absolute,
+        "v-progress-linear--fixed": this.fixed,
+        "v-progress-linear--query": this.query,
+        "v-progress-linear--reactive": this.reactive,
+        "v-progress-linear--reverse": this.isReversed,
+        "v-progress-linear--rounded": this.rounded,
+        "v-progress-linear--striped": this.striped,
+        "v-progress-linear--visible": this.isVisible,
+        ...this.themeClasses
+      };
+    },
+    computedTransition() {
+      return this.indeterminate ? o : l;
+    },
+    isReversed() {
+      return this.$vuetify.rtl !== this.reverse;
+    },
+    normalizedBuffer() {
+      return this.normalize(this.bufferValue);
+    },
+    normalizedValue() {
+      return this.normalize(this.internalLazyValue);
+    },
+    reactive() {
+      return !!this.$listeners.change;
+    },
+    styles() {
+      const e = {};
+      return this.active || (e.height = 0), !this.indeterminate && parseFloat(this.normalizedBuffer) !== 100 && (e.width = i(this.normalizedBuffer, "%")), e;
+    }
+  },
+  methods: {
+    genContent() {
+      const e = g(this, "default", {
+        value: this.internalLazyValue
+      });
+      return e ? this.$createElement("div", {
+        staticClass: "v-progress-linear__content"
+      }, e) : null;
+    },
+    genListeners() {
+      const e = this.$listeners;
+      return this.reactive && (e.click = this.onClick), e;
+    },
+    genProgressBar(e) {
+      return this.$createElement("div", this.setBackgroundColor(this.color, {
+        staticClass: "v-progress-linear__indeterminate",
+        class: {
+          [e]: !0
+        }
+      }));
+    },
+    onClick(e) {
+      if (!this.reactive)
+        return;
+      const {
+        width: t
+      } = this.$el.getBoundingClientRect();
+      this.internalValue = e.offsetX / t * 100;
+    },
+    onObserve(e, t, r) {
+      this.isVisible = r;
+    },
+    normalize(e) {
+      return e < 0 ? 0 : e > 100 ? 100 : parseFloat(e);
+    }
+  },
+  render(e) {
+    const t = {
+      staticClass: "v-progress-linear",
+      attrs: {
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": this.normalizedBuffer,
+        "aria-valuenow": this.indeterminate ? void 0 : this.normalizedValue
+      },
+      class: this.classes,
+      directives: [{
+        name: "intersect",
+        value: this.onObserve
+      }],
+      style: {
+        bottom: this.bottom ? 0 : void 0,
+        height: this.active ? i(this.height) : 0,
+        top: this.top ? 0 : void 0
+      },
+      on: this.genListeners()
+    };
+    return e("div", t, [this.__cachedStream, this.__cachedBackground, this.__cachedBuffer, this.__cachedBar, this.genContent()]);
+  }
+}), L = n.extend().extend({
+  name: "loadable",
+  props: {
+    loading: {
+      type: [Boolean, String],
+      default: !1
+    },
+    loaderHeight: {
+      type: [Number, String],
+      default: 2
+    }
+  },
+  methods: {
+    genProgress() {
+      return this.loading === !1 ? null : this.$slots.progress || this.$createElement(y, {
+        props: {
+          absolute: !0,
+          color: this.loading === !0 || this.loading === "" ? this.color || "primary" : this.loading,
+          height: this.loaderHeight,
+          indeterminate: !0
+        }
+      });
+    }
+  }
+});
+a("css/revolugo.index.vq4xksqn.css");
+export {
+  L,
+  _ as P,
+  y as _
+};
+//# sourceMappingURL=revolugo.index.BEcLuOn-.min.js.map

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

@@ -0,0 +1,68 @@
+import { f as p } from "./revolugo.index.Cn5YTzy6.min.js";
+import { m as o } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
+import { V as r } from "./revolugo.i18n.DF3U6VhD.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.BUUmIL9V.min.js.map