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

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

@@ -0,0 +1,161 @@
+import { V as l } from "./revolugo.vinput.BeSsXYg9.min.js";
+import { r as a } from "./revolugo.vuetify.BEdap6Ni.min.js";
+import { V as u } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { C as o } from "./revolugo.index.CVaQfmC0.min.js";
+import { m as h } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+function r(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 s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(i);
+      if (e.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = i, document.head.appendChild(s);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const p = u.extend({
+  name: "rippleable",
+  directives: {
+    ripple: a
+  },
+  props: {
+    ripple: {
+      type: [Boolean, Object],
+      default: !0
+    }
+  },
+  methods: {
+    genRipple(e = {}) {
+      return this.ripple ? (e.staticClass = "v-input--selection-controls__ripple", e.directives = e.directives || [], e.directives.push({
+        name: "ripple",
+        value: {
+          center: !0
+        }
+      }), this.$createElement("div", e)) : null;
+    }
+  }
+});
+function n(e) {
+  e.preventDefault();
+}
+const V = h(l, p, o).extend({
+  name: "selectable",
+  model: {
+    prop: "inputValue",
+    event: "change"
+  },
+  props: {
+    id: String,
+    inputValue: null,
+    falseValue: null,
+    trueValue: null,
+    multiple: {
+      type: Boolean,
+      default: null
+    },
+    label: String
+  },
+  data() {
+    return {
+      hasColor: this.inputValue,
+      lazyValue: this.inputValue
+    };
+  },
+  computed: {
+    computedColor() {
+      if (this.isActive)
+        return this.color ? this.color : this.isDark && !this.appIsDark ? "white" : "primary";
+    },
+    isMultiple() {
+      return this.multiple === !0 || this.multiple === null && Array.isArray(this.internalValue);
+    },
+    isActive() {
+      const e = this.value, t = this.internalValue;
+      return this.isMultiple ? Array.isArray(t) ? t.some((i) => this.valueComparator(i, e)) : !1 : this.trueValue === void 0 || this.falseValue === void 0 ? e ? this.valueComparator(e, t) : !!t : this.valueComparator(t, this.trueValue);
+    },
+    isDirty() {
+      return this.isActive;
+    },
+    rippleState() {
+      return !this.isDisabled && !this.validationState ? void 0 : this.validationState;
+    }
+  },
+  watch: {
+    inputValue(e) {
+      this.lazyValue = e, this.hasColor = e;
+    }
+  },
+  methods: {
+    genLabel() {
+      const e = l.options.methods.genLabel.call(this);
+      return e && (e.data.on = {
+        // Label shouldn't cause the input to focus
+        click: n
+      }, e);
+    },
+    genInput(e, t) {
+      return this.$createElement("input", {
+        attrs: Object.assign({
+          "aria-checked": this.isActive.toString(),
+          disabled: this.isDisabled,
+          id: this.computedId,
+          role: e,
+          type: e
+        }, t),
+        domProps: {
+          value: this.value,
+          checked: this.isActive
+        },
+        on: {
+          blur: this.onBlur,
+          change: this.onChange,
+          focus: this.onFocus,
+          keydown: this.onKeydown,
+          click: n
+        },
+        ref: "input"
+      });
+    },
+    onClick(e) {
+      this.onChange(), this.$emit("click", e);
+    },
+    onChange() {
+      if (!this.isInteractive)
+        return;
+      const e = this.value;
+      let t = this.internalValue;
+      if (this.isMultiple) {
+        Array.isArray(t) || (t = []);
+        const i = t.length;
+        t = t.filter((s) => !this.valueComparator(s, e)), t.length === i && t.push(e);
+      } else
+        this.trueValue !== void 0 && this.falseValue !== void 0 ? t = this.valueComparator(t, this.trueValue) ? this.falseValue : this.trueValue : e ? t = this.valueComparator(t, e) ? null : e : t = !t;
+      this.validate(!0, t), this.internalValue = t, this.hasColor = t;
+    },
+    onFocus(e) {
+      this.isFocused = !0, this.$emit("focus", e);
+    },
+    onBlur(e) {
+      this.isFocused = !1, this.$emit("blur", e);
+    },
+    /** @abstract */
+    onKeydown(e) {
+    }
+  }
+});
+r("css/revolugo.index.CFW4Oklv.css");
+export {
+  p as R,
+  V as S
+};
+//# sourceMappingURL=revolugo.index.DKK0H_cv.min.js.map

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

@@ -0,0 +1,322 @@
+import { V as l } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { m as o, b as d } from "./revolugo.webcomponentwrapper.Dhr34jp1.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.B9n_CElG.min.js";
+import { B as m } from "./revolugo.watch-list.Bb06Iz6D.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.DSbeMte7.min.js.map

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

@@ -0,0 +1,9 @@
+import { c as t } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+const c = t("v-card__actions"), r = t("v-card__subtitle"), s = t("v-card__text"), e = t("v-card__title");
+export {
+  s as V,
+  c as a,
+  e as b,
+  r as c
+};
+//# sourceMappingURL=revolugo.index.Dudg2j1-.min.js.map

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

@@ -0,0 +1,42 @@
+import { T as t } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { V as i } from "./revolugo.i18n.BIDah4Hr.min.js";
+const a = t.extend({
+  name: "v-theme-provider",
+  props: {
+    root: Boolean
+  },
+  computed: {
+    isDark() {
+      return this.root ? this.rootIsDark : t.options.computed.isDark.call(this);
+    }
+  },
+  render() {
+    return this.$slots.default && this.$slots.default.find((e) => !e.isComment && e.text !== " ");
+  }
+}), o = i.extend({
+  name: "returnable",
+  props: {
+    returnValue: null
+  },
+  data: () => ({
+    isActive: !1,
+    originalValue: null
+  }),
+  watch: {
+    isActive(e) {
+      e ? this.originalValue = this.returnValue : this.$emit("update:return-value", this.originalValue);
+    }
+  },
+  methods: {
+    save(e) {
+      this.originalValue = e, setTimeout(() => {
+        this.isActive = !1;
+      });
+    }
+  }
+});
+export {
+  o as R,
+  a as V
+};
+//# sourceMappingURL=revolugo.index.G0QSOBn3.min.js.map

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

@@ -0,0 +1,43 @@
+import { V as n } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { g as r } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+function a(t) {
+  return function(o, i) {
+    for (const e in i)
+      Object.prototype.hasOwnProperty.call(o, e) || this.$delete(this.$data[t], e);
+    for (const e in o)
+      this.$set(this.$data[t], e, o[e]);
+  };
+}
+const h = n.extend({
+  data: () => ({
+    attrs$: {},
+    listeners$: {}
+  }),
+  created() {
+    this.$watch("$attrs", a("attrs$"), {
+      immediate: !0
+    }), this.$watch("$listeners", a("listeners$"), {
+      immediate: !0
+    });
+  }
+}), s = {
+  absolute: Boolean,
+  bottom: Boolean,
+  fixed: Boolean,
+  left: Boolean,
+  right: Boolean,
+  top: Boolean
+};
+function l(t = []) {
+  return n.extend({
+    name: "positionable",
+    props: t.length ? r(s, t) : s
+  });
+}
+const $ = l();
+export {
+  h as B,
+  $ as P,
+  l as f
+};
+//# sourceMappingURL=revolugo.index.mq4mKuqN.min.js.map

package/dist/revolugo.langpicker.DtWztNg3.min.js

@@ -0,0 +1,103 @@
+import { V as i, j as l } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { m as c, C as u, l as m, n as _ } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { R as d, M as h } from "./revolugo.vsheet.BWJwctvS.min.js";
+import { h as o } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+import { _ as p, a as f } from "./revolugo.vlistitem.ChmT4RKD.min.js";
+import { _ as g, a as E } from "./revolugo.vtoolbar.C98lEGDc.min.js";
+function a(s) {
+  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) + s;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(n);
+      for (const e of REVOLUGO_ELEMENTS_STYLES.components)
+        e(n);
+      if (s.indexOf("fonts") >= 0) {
+        const e = document.createElement("link");
+        e.rel = "stylesheet", linK.href = n, document.head.appendChild(e);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const L = c(u, h, d).extend({
+  name: "v-avatar",
+  props: {
+    left: Boolean,
+    right: Boolean,
+    size: {
+      type: [Number, String],
+      default: 48
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        "v-avatar--left": this.left,
+        "v-avatar--right": this.right,
+        ...this.roundedClasses
+      };
+    },
+    styles() {
+      return {
+        height: o(this.size),
+        minWidth: o(this.size),
+        width: o(this.size),
+        ...this.measurableStyles
+      };
+    }
+  },
+  render(s) {
+    const t = {
+      staticClass: "v-avatar",
+      class: this.classes,
+      style: this.styles,
+      on: this.$listeners
+    };
+    return s("div", this.setBackgroundColor(this.color, t), this.$slots.default);
+  }
+}), v = i.extend({
+  name: "LangPicker",
+  mixins: [m("components/RevolugoElements/LangPicker")],
+  computed: {
+    locales() {
+      return l;
+    }
+  },
+  methods: {
+    onItemClick(s) {
+      this.updateLang(s);
+    }
+  }
+});
+var C = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n(p, [n(g, { attrs: { color: "white", elevation: "0" } }, [n("h4", { staticClass: "grey--text text--darken-2" }, [t._v(" " + t._s(t.$t("LangPicker.title")) + " ")]), t._t("toolbar-right")], 2), t._l(Object.values(t.locales), function(e) {
+    return n(f, { key: e.name, class: t.config.lang === e.code ? "grey lighten-4" : null, attrs: { link: "" }, on: { click: function(r) {
+      return t.onItemClick(e.code);
+    } } }, [n(L, [n(E, { attrs: { "max-height": "34", "max-width": "34", src: `https://flagcdn.com/h60/${e.countryCode.toLowerCase()}.png`, srcset: `https://flagcdn.com/h80/${e.countryCode.toLowerCase()}.png 2x,
+              https://flagcdn.com/h120/${e.countryCode.toLowerCase()}.png 3x` }, on: { click: function(r) {
+      r.stopPropagation(), t.dialog = !0;
+    } } })], 1), n("span", { class: t.config.lang === e.code ? "font-weight-bold" : "" }, [t._v(" " + t._s(e.name) + " ")])], 1);
+  })], 2);
+}, y = [], S = /* @__PURE__ */ _(
+  v,
+  C,
+  y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const b = S.exports;
+a("css/revolugo.langpicker.B3TsOwUq.css");
+export {
+  b as L,
+  L as _
+};
+//# sourceMappingURL=revolugo.langpicker.DtWztNg3.min.js.map