@revolugo/elements 5.5.1 → 5.5.2-beta.0

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

@@ -0,0 +1,322 @@
+import { V as l } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { m as o, b as d } from "./revolugo.webcomponentwrapper.C4B-n-nK.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.CV2-KqZg.min.js";
+import { B as m } from "./revolugo.watch-list.B0bwqcfr.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.roOsqEC8.min.js.map

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

@@ -0,0 +1,103 @@
+import { V as i, j as l } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { m as c, C as u, l as m, n as _ } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { R as d, M as h } from "./revolugo.vsheet.g-wezcj4.min.js";
+import { h as o } from "./revolugo.revolugo-config.CV2-KqZg.min.js";
+import { _ as p, a as f } from "./revolugo.vlistitem.rGqVrGQv.min.js";
+import { _ as g, a as E } from "./revolugo.vtoolbar.C8u8AAF6.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.DxUfUdgi.min.js.map

package/dist/revolugo.langpickerbtn.BKUmtrmC.min.js

@@ -0,0 +1,28 @@
+import { V as r } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { L as o, l as t } from "./revolugo.langpickerbtn.CTjVH93j.min.js";
+import { W as a, n as s } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+const p = r.extend({
+  components: {
+    LangPickerBtn: o,
+    WebComponentWrapper: a
+  },
+  props: t
+});
+var c = function() {
+  var n = this, e = n._self._c;
+  return n._self._setupProxy, e("web-component-wrapper", [e("lang-picker-btn", n._b({}, "lang-picker-btn", n.$props, !1))], 1);
+}, l = [], _ = /* @__PURE__ */ s(
+  p,
+  c,
+  l,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const g = _.exports;
+export {
+  g as default
+};
+//# sourceMappingURL=revolugo.langpickerbtn.BKUmtrmC.min.js.map

package/dist/revolugo.langpickerbtn.CTjVH93j.min.js

@@ -0,0 +1,111 @@
+import { V as t, j as i } from "./revolugo.i18n.CyGKqo0B.min.js";
+import { L as c, _ } from "./revolugo.langpicker.DxUfUdgi.min.js";
+import { d as l } from "./revolugo.dialog-attach.GnnAYjIE.min.js";
+import { n as s } from "./revolugo.webcomponentwrapper.C4B-n-nK.min.js";
+import { _ as p } from "./revolugo.vdialog.BGaQYjRQ.min.js";
+import { _ as m } from "./revolugo.common.C_rtPL-E.min.js";
+import { _ as r } from "./revolugo.vbtn.BnwFj80Q.min.js";
+import { _ as u } from "./revolugo.index.FGCgdl6A.min.js";
+import { a as g } from "./revolugo.vtoolbar.C8u8AAF6.min.js";
+const f = {
+  value: {
+    type: Boolean
+  }
+}, d = t.extend({
+  name: "LangPickerDialog",
+  components: {
+    LangPicker: c
+  },
+  mixins: [l],
+  props: f,
+  data() {
+    return {
+      open: this.value
+    };
+  },
+  watch: {
+    "config.lang"(e) {
+      e && (this.open = !1);
+    },
+    open(e) {
+      this.$emit("input", e);
+    },
+    value(e) {
+      this.open = e;
+    }
+  }
+});
+var h = function() {
+  var n = this, o = n._self._c;
+  return n._self._setupProxy, o(p, { attrs: { attach: n.$dialogAttach, "max-width": "290" }, model: { value: n.open, callback: function(a) {
+    n.open = a;
+  }, expression: "open" } }, [o("lang-picker", { scopedSlots: n._u([{ key: "toolbar-right", fn: function() {
+    return [o(m), o(r, { staticClass: "mx-1", attrs: { fab: "", icon: "", text: "", "x-small": "" }, on: { click: function(a) {
+      n.open = !1;
+    } } }, [o(u, { attrs: { color: "dark" } }, [n._v(" fa-times ")])], 1)];
+  }, proxy: !0 }]) })], 1);
+}, x = [], k = /* @__PURE__ */ s(
+  d,
+  h,
+  x,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const v = k.exports, P = {
+  dialog: {
+    type: Boolean,
+    default: !1
+  },
+  elevation: {
+    type: [String, Number],
+    default: 0
+  }
+}, C = t.extend({
+  name: "LangPickerBtn",
+  components: {
+    LangPickerDialog: v
+  },
+  mixins: [l],
+  props: P,
+  data() {
+    return {
+      langPickerDialog: !1
+    };
+  },
+  computed: {
+    locales() {
+      return i;
+    }
+  },
+  methods: {
+    onClick() {
+      this.dialog && (this.langPickerDialog = !0);
+    }
+  }
+});
+var L = function() {
+  var n = this, o = n._self._c;
+  return n._self._setupProxy, o(r, { class: `elevation-${n.elevation}`, attrs: { color: "secondary", fab: "", outlined: "", text: "", "x-small": "" }, on: { click: n.onClick } }, [o(_, [o(g, { attrs: { "max-height": "28", "max-width": "28", src: `https://flagcdn.com/h60/${n.locales[n.config.lang].countryCode.toLowerCase()}.png`, srcset: `https://flagcdn.com/h80/${n.locales[n.config.lang].countryCode.toLowerCase()}.png 2x,
+          https://flagcdn.com/h120/${n.locales[n.config.lang].countryCode.toLowerCase()}.png 3x` } })], 1), n.dialog ? o("lang-picker-dialog", { model: { value: n.langPickerDialog, callback: function(a) {
+    n.langPickerDialog = a;
+  }, expression: "langPickerDialog" } }) : n._e()], 1);
+}, y = [], $ = /* @__PURE__ */ s(
+  C,
+  L,
+  y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const I = $.exports;
+export {
+  I as L,
+  v as a,
+  P as l
+};
+//# sourceMappingURL=revolugo.langpickerbtn.CTjVH93j.min.js.map

package/dist/revolugo.localizedformat.BmFJB2Ek.min.js

@@ -0,0 +1,47 @@
+import { k as D, l as d, g as _ } from "./revolugo.i18n.CyGKqo0B.min.js";
+var l = { exports: {} };
+(function(n, Y) {
+  (function(r, t) {
+    n.exports = t(D);
+  })(d, function(r) {
+    function t(e) {
+      return e && typeof e == "object" && "default" in e ? e : { default: e };
+    }
+    var s = t(r), o = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(e) {
+      return "" + e + (e === 1 ? "er" : "");
+    } };
+    return s.default.locale(o, null, !0), o;
+  });
+})(l);
+var x = l.exports;
+const b = /* @__PURE__ */ _(x);
+var M = { exports: {} };
+(function(n, Y) {
+  (function(r, t) {
+    n.exports = t();
+  })(d, function() {
+    var r = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
+    return function(t, s, o) {
+      var e = s.prototype, c = e.format;
+      o.en.formats = r, e.format = function(m) {
+        m === void 0 && (m = "YYYY-MM-DDTHH:mm:ssZ");
+        var i = this.$locale().formats, f = function(p, u) {
+          return p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, L, a) {
+            var v = a && a.toUpperCase();
+            return L || u[a] || r[a] || u[v].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(S, h, j) {
+              return h || j.slice(1);
+            });
+          });
+        }(m, i === void 0 ? {} : i);
+        return c.call(this, f);
+      };
+    };
+  });
+})(M);
+var y = M.exports;
+const k = /* @__PURE__ */ _(y);
+export {
+  b as d,
+  k as l
+};
+//# sourceMappingURL=revolugo.localizedformat.BmFJB2Ek.min.js.map