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

package/dist/revolugo.vlistitem.ChmT4RKD.min.js

@@ -0,0 +1,204 @@
+import { _ as o } from "./revolugo.vsheet.BWJwctvS.min.js";
+import { m as r, f as d, T as h, C as u } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { R as l, f as c } from "./revolugo.index.CMpCToBI.min.js";
+import { r as f } from "./revolugo.vuetify.BEdap6Ni.min.js";
+import { m as p, k as m } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+function a(t) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const s = import.meta.url, e = s.slice(0, s.lastIndexOf("/") + 1) + t;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(e);
+      for (const i of REVOLUGO_ELEMENTS_STYLES.components)
+        i(e);
+      if (t.indexOf("fonts") >= 0) {
+        const i = document.createElement("link");
+        i.rel = "stylesheet", linK.href = e, document.head.appendChild(i);
+      }
+    }
+  } catch (s) {
+    console.error("[revolugo-elements] ", s);
+  }
+}
+const k = o.extend().extend({
+  name: "v-list",
+  provide() {
+    return {
+      isInList: !0,
+      list: this
+    };
+  },
+  inject: {
+    isInMenu: {
+      default: !1
+    },
+    isInNav: {
+      default: !1
+    }
+  },
+  props: {
+    dense: Boolean,
+    disabled: Boolean,
+    expand: Boolean,
+    flat: Boolean,
+    nav: Boolean,
+    rounded: Boolean,
+    subheader: Boolean,
+    threeLine: Boolean,
+    twoLine: Boolean
+  },
+  data: () => ({
+    groups: []
+  }),
+  computed: {
+    classes() {
+      return {
+        ...o.options.computed.classes.call(this),
+        "v-list--dense": this.dense,
+        "v-list--disabled": this.disabled,
+        "v-list--flat": this.flat,
+        "v-list--nav": this.nav,
+        "v-list--rounded": this.rounded,
+        "v-list--subheader": this.subheader,
+        "v-list--two-line": this.twoLine,
+        "v-list--three-line": this.threeLine
+      };
+    }
+  },
+  methods: {
+    register(t) {
+      this.groups.push(t);
+    },
+    unregister(t) {
+      const s = this.groups.findIndex((e) => e._uid === t._uid);
+      s > -1 && this.groups.splice(s, 1);
+    },
+    listClick(t) {
+      if (!this.expand)
+        for (const s of this.groups)
+          s.toggle(t);
+    }
+  },
+  render(t) {
+    const s = {
+      staticClass: "v-list",
+      class: this.classes,
+      style: this.styles,
+      attrs: {
+        role: this.isInNav || this.isInMenu ? void 0 : "list",
+        ...this.attrs$
+      }
+    };
+    return t(this.tag, this.setBackgroundColor(this.color, s), [this.$slots.default]);
+  }
+}), v = r(u, l, h, c("listItemGroup"), d("inputValue")), I = v.extend().extend({
+  name: "v-list-item",
+  directives: {
+    Ripple: f
+  },
+  inject: {
+    isInGroup: {
+      default: !1
+    },
+    isInList: {
+      default: !1
+    },
+    isInMenu: {
+      default: !1
+    },
+    isInNav: {
+      default: !1
+    }
+  },
+  inheritAttrs: !1,
+  props: {
+    activeClass: {
+      type: String,
+      default() {
+        return this.listItemGroup ? this.listItemGroup.activeClass : "";
+      }
+    },
+    dense: Boolean,
+    inactive: Boolean,
+    link: Boolean,
+    selectable: {
+      type: Boolean
+    },
+    tag: {
+      type: String,
+      default: "div"
+    },
+    threeLine: Boolean,
+    twoLine: Boolean,
+    value: null
+  },
+  data: () => ({
+    proxyClass: "v-list-item--active"
+  }),
+  computed: {
+    classes() {
+      return {
+        "v-list-item": !0,
+        ...l.options.computed.classes.call(this),
+        "v-list-item--dense": this.dense,
+        "v-list-item--disabled": this.disabled,
+        "v-list-item--link": this.isClickable && !this.inactive,
+        "v-list-item--selectable": this.selectable,
+        "v-list-item--three-line": this.threeLine,
+        "v-list-item--two-line": this.twoLine,
+        ...this.themeClasses
+      };
+    },
+    isClickable() {
+      return !!(l.options.computed.isClickable.call(this) || this.listItemGroup);
+    }
+  },
+  created() {
+    this.$attrs.hasOwnProperty("avatar") && p("avatar", this);
+  },
+  methods: {
+    click(t) {
+      t.detail && this.$el.blur(), this.$emit("click", t), this.to || this.toggle();
+    },
+    genAttrs() {
+      const t = {
+        "aria-disabled": this.disabled ? !0 : void 0,
+        tabindex: this.isClickable && !this.disabled ? 0 : -1,
+        ...this.$attrs
+      };
+      return this.$attrs.hasOwnProperty("role") || this.isInNav || (this.isInGroup ? (t.role = "option", t["aria-selected"] = String(this.isActive)) : this.isInMenu ? (t.role = this.isClickable ? "menuitem" : void 0, t.id = t.id || `list-item-${this._uid}`) : this.isInList && (t.role = "listitem")), t;
+    },
+    toggle() {
+      this.to && this.inputValue === void 0 && (this.isActive = !this.isActive), this.$emit("change");
+    }
+  },
+  render(t) {
+    let {
+      tag: s,
+      data: e
+    } = this.generateRouteLink();
+    e.attrs = {
+      ...e.attrs,
+      ...this.genAttrs()
+    }, e[this.to ? "nativeOn" : "on"] = {
+      ...e[this.to ? "nativeOn" : "on"],
+      keydown: (n) => {
+        this.disabled || (n.keyCode === m.enter && this.click(n), this.$emit("keydown", n));
+      }
+    }, this.inactive && (s = "div"), this.inactive && this.to && (e.on = e.nativeOn, delete e.nativeOn);
+    const i = this.$scopedSlots.default ? this.$scopedSlots.default({
+      active: this.isActive,
+      toggle: this.toggle
+    }) : this.$slots.default;
+    return t(s, this.isActive ? this.setTextColor(this.color, e) : e, i);
+  }
+});
+a("css/revolugo.vlistitem.BzwNE1YK.css");
+export {
+  k as _,
+  I as a
+};
+//# sourceMappingURL=revolugo.vlistitem.ChmT4RKD.min.js.map

package/dist/revolugo.vmenu.CThLxAWt.min.js

@@ -0,0 +1,349 @@
+import { V as c, R as d } from "./revolugo.index.G0QSOBn3.min.js";
+import { A as u, a as f, D as m } from "./revolugo.index.DSbeMte7.min.js";
+import { M as r } from "./revolugo.index.ByALJ4Cg.min.js";
+import { R as p } from "./revolugo.vsheet.BWJwctvS.min.js";
+import { m as v, T } from "./revolugo.webcomponentwrapper.Dhr34jp1.min.js";
+import { C as g, R as x } from "./revolugo.vuetify.BEdap6Ni.min.js";
+import { h as o, x as a, m as y, k as n } from "./revolugo.revolugo-config.B9n_CElG.min.js";
+function h(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 A = v(m, f, d, p, T, r), S = A.extend({
+  name: "v-menu",
+  directives: {
+    ClickOutside: g,
+    Resize: x
+  },
+  provide() {
+    return {
+      isInMenu: !0,
+      // Pass theme through to default slot
+      theme: this.theme
+    };
+  },
+  props: {
+    auto: Boolean,
+    closeOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnContentClick: {
+      type: Boolean,
+      default: !0
+    },
+    disabled: Boolean,
+    disableKeys: Boolean,
+    maxHeight: {
+      type: [Number, String],
+      default: "auto"
+    },
+    offsetX: Boolean,
+    offsetY: Boolean,
+    openOnHover: Boolean,
+    origin: {
+      type: String,
+      default: "top left"
+    },
+    transition: {
+      type: [Boolean, String],
+      default: "v-menu-transition"
+    },
+    contentProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      calculatedTopAuto: 0,
+      defaultOffset: 8,
+      hasJustFocused: !1,
+      listIndex: -1,
+      resizeTimeout: 0,
+      selectedIndex: null,
+      tiles: []
+    };
+  },
+  computed: {
+    activeTile() {
+      return this.tiles[this.listIndex];
+    },
+    calculatedLeft() {
+      const t = Math.max(this.dimensions.content.width, parseFloat(this.calculatedMinWidth));
+      return this.auto ? o(this.calcXOverflow(this.calcLeftAuto(), t)) || "0" : this.calcLeft(t) || "0";
+    },
+    calculatedMaxHeight() {
+      return (this.auto ? "200px" : o(this.maxHeight)) || "0";
+    },
+    calculatedMaxWidth() {
+      return o(this.maxWidth) || "0";
+    },
+    calculatedMinWidth() {
+      if (this.minWidth)
+        return o(this.minWidth) || "0";
+      const t = Math.min(this.dimensions.activator.width + Number(this.nudgeWidth) + (this.auto ? 16 : 0), Math.max(this.pageWidth - 24, 0)), e = isNaN(parseInt(this.calculatedMaxWidth)) ? t : parseInt(this.calculatedMaxWidth);
+      return o(Math.min(e, t)) || "0";
+    },
+    calculatedTop() {
+      return (this.auto ? o(this.calcYOverflow(this.calculatedTopAuto)) : this.calcTop()) || "0";
+    },
+    hasClickableTiles() {
+      return !!this.tiles.find((t) => t.tabIndex > -1);
+    },
+    styles() {
+      return {
+        maxHeight: this.calculatedMaxHeight,
+        minWidth: this.calculatedMinWidth,
+        maxWidth: this.calculatedMaxWidth,
+        top: this.calculatedTop,
+        left: this.calculatedLeft,
+        transformOrigin: this.origin,
+        zIndex: this.zIndex || this.activeZIndex
+      };
+    }
+  },
+  watch: {
+    isActive(t) {
+      t || (this.listIndex = -1);
+    },
+    isContentActive(t) {
+      this.hasJustFocused = t;
+    },
+    listIndex(t, e) {
+      if (t in this.tiles) {
+        const i = this.tiles[t];
+        i.classList.add("v-list-item--highlighted");
+        const s = this.$refs.content.scrollTop, l = this.$refs.content.clientHeight;
+        s > i.offsetTop - 8 ? a(i.offsetTop - i.clientHeight, {
+          appOffset: !1,
+          duration: 300,
+          container: this.$refs.content
+        }) : s + l < i.offsetTop + i.clientHeight + 8 && a(i.offsetTop - l + i.clientHeight * 2, {
+          appOffset: !1,
+          duration: 300,
+          container: this.$refs.content
+        });
+      }
+      e in this.tiles && this.tiles[e].classList.remove("v-list-item--highlighted");
+    }
+  },
+  created() {
+    this.$attrs.hasOwnProperty("full-width") && y("full-width", this);
+  },
+  mounted() {
+    this.isActive && this.callActivate();
+  },
+  methods: {
+    activate() {
+      this.updateDimensions(), requestAnimationFrame(() => {
+        this.startTransition().then(() => {
+          this.$refs.content && (this.calculatedTopAuto = this.calcTopAuto(), this.auto && (this.$refs.content.scrollTop = this.calcScrollPosition()));
+        });
+      });
+    },
+    calcScrollPosition() {
+      const t = this.$refs.content, e = t.querySelector(".v-list-item--active"), i = t.scrollHeight - t.offsetHeight;
+      return e ? Math.min(i, Math.max(0, e.offsetTop - t.offsetHeight / 2 + e.offsetHeight / 2)) : t.scrollTop;
+    },
+    calcLeftAuto() {
+      return parseInt(this.dimensions.activator.left - this.defaultOffset * 2);
+    },
+    calcTopAuto() {
+      const t = this.$refs.content, e = t.querySelector(".v-list-item--active");
+      if (e || (this.selectedIndex = null), this.offsetY || !e)
+        return this.computedTop;
+      this.selectedIndex = Array.from(this.tiles).indexOf(e);
+      const i = e.offsetTop - this.calcScrollPosition(), s = t.querySelector(".v-list-item").offsetTop;
+      return this.computedTop - i - s - 1;
+    },
+    changeListIndex(t) {
+      if (this.getTiles(), !(!this.isActive || !this.hasClickableTiles)) {
+        if (t.keyCode === n.tab) {
+          this.isActive = !1;
+          return;
+        } else if (t.keyCode === n.down)
+          this.nextTile();
+        else if (t.keyCode === n.up)
+          this.prevTile();
+        else if (t.keyCode === n.end)
+          this.lastTile();
+        else if (t.keyCode === n.home)
+          this.firstTile();
+        else if (t.keyCode === n.enter && this.listIndex !== -1)
+          this.tiles[this.listIndex].click();
+        else
+          return;
+        t.preventDefault();
+      }
+    },
+    closeConditional(t) {
+      const e = t.target;
+      return this.isActive && !this._isDestroyed && this.closeOnClick && !this.$refs.content.contains(e);
+    },
+    genActivatorAttributes() {
+      const t = u.options.methods.genActivatorAttributes.call(this);
+      return this.activeTile && this.activeTile.id ? {
+        ...t,
+        "aria-activedescendant": this.activeTile.id
+      } : t;
+    },
+    genActivatorListeners() {
+      const t = r.options.methods.genActivatorListeners.call(this);
+      return this.disableKeys || (t.keydown = this.onKeyDown), t;
+    },
+    genTransition() {
+      const t = this.genContent();
+      return this.transition ? this.$createElement("transition", {
+        props: {
+          name: this.transition
+        }
+      }, [t]) : t;
+    },
+    genDirectives() {
+      const t = [{
+        name: "show",
+        value: this.isContentActive
+      }];
+      return !this.openOnHover && this.closeOnClick && t.push({
+        name: "click-outside",
+        value: {
+          handler: () => {
+            this.isActive = !1;
+          },
+          closeConditional: this.closeConditional,
+          include: () => [this.$el, ...this.getOpenDependentElements()]
+        }
+      }), t;
+    },
+    genContent() {
+      const t = {
+        attrs: {
+          ...this.getScopeIdAttrs(),
+          ...this.contentProps,
+          role: "role" in this.$attrs ? this.$attrs.role : "menu"
+        },
+        staticClass: "v-menu__content",
+        class: {
+          ...this.rootThemeClasses,
+          ...this.roundedClasses,
+          "v-menu__content--auto": this.auto,
+          "v-menu__content--fixed": this.activatorFixed,
+          menuable__content__active: this.isActive,
+          [this.contentClass.trim()]: !0
+        },
+        style: this.styles,
+        directives: this.genDirectives(),
+        ref: "content",
+        on: {
+          click: (e) => {
+            e.target.getAttribute("disabled") || this.closeOnContentClick && (this.isActive = !1);
+          },
+          keydown: this.onKeyDown
+        }
+      };
+      return this.$listeners.scroll && (t.on = t.on || {}, t.on.scroll = this.$listeners.scroll), !this.disabled && this.openOnHover && (t.on = t.on || {}, t.on.mouseenter = this.mouseEnterHandler), this.openOnHover && (t.on = t.on || {}, t.on.mouseleave = this.mouseLeaveHandler), this.$createElement("div", t, this.getContentSlot());
+    },
+    getTiles() {
+      this.$refs.content && (this.tiles = Array.from(this.$refs.content.querySelectorAll(".v-list-item, .v-divider, .v-subheader")));
+    },
+    mouseEnterHandler() {
+      this.runDelay("open", () => {
+        this.hasJustFocused || (this.hasJustFocused = !0);
+      });
+    },
+    mouseLeaveHandler(t) {
+      this.runDelay("close", () => {
+        var e;
+        !((e = this.$refs.content) === null || e === void 0) && e.contains(t.relatedTarget) || requestAnimationFrame(() => {
+          this.isActive = !1, this.callDeactivate();
+        });
+      });
+    },
+    nextTile() {
+      const t = this.tiles[this.listIndex + 1];
+      if (!t) {
+        if (!this.tiles.length)
+          return;
+        this.listIndex = -1, this.nextTile();
+        return;
+      }
+      this.listIndex++, t.tabIndex === -1 && this.nextTile();
+    },
+    prevTile() {
+      const t = this.tiles[this.listIndex - 1];
+      if (!t) {
+        if (!this.tiles.length)
+          return;
+        this.listIndex = this.tiles.length, this.prevTile();
+        return;
+      }
+      this.listIndex--, t.tabIndex === -1 && this.prevTile();
+    },
+    lastTile() {
+      const t = this.tiles[this.tiles.length - 1];
+      t && (this.listIndex = this.tiles.length - 1, t.tabIndex === -1 && this.prevTile());
+    },
+    firstTile() {
+      const t = this.tiles[0];
+      t && (this.listIndex = 0, t.tabIndex === -1 && this.nextTile());
+    },
+    onKeyDown(t) {
+      if (!this.disableKeys) {
+        if (t.keyCode === n.esc) {
+          setTimeout(() => {
+            this.isActive = !1;
+          });
+          const e = this.getActivator();
+          this.$nextTick(() => e && e.focus());
+        } else
+          !this.isActive && [n.up, n.down].includes(t.keyCode) && (this.isActive = !0);
+        this.$nextTick(() => this.changeListIndex(t));
+      }
+    },
+    onResize() {
+      this.isActive && (this.$refs.content.offsetWidth, this.updateDimensions(), clearTimeout(this.resizeTimeout), this.resizeTimeout = window.setTimeout(this.updateDimensions, 100));
+    }
+  },
+  render(t) {
+    const e = {
+      staticClass: "v-menu",
+      class: {
+        "v-menu--attached": this.attach === "" || this.attach === !0 || this.attach === "attach"
+      },
+      directives: [{
+        arg: "500",
+        name: "resize",
+        value: this.onResize
+      }]
+    };
+    return t("div", e, [!this.activator && this.genActivator(), this.showLazyContent(() => [this.$createElement(c, {
+      props: {
+        root: !0,
+        light: this.light,
+        dark: this.dark
+      }
+    }, [this.genTransition()])])]);
+  }
+});
+h("css/revolugo.vmenu.BKE0IO4q.css");
+export {
+  S as _
+};
+//# sourceMappingURL=revolugo.vmenu.CThLxAWt.min.js.map