@revolugo/elements 5.5.3-beta.9 → 5.5.3-rc.0

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

@@ -1,204 +0,0 @@
-import { _ as o } from "./revolugo.vsheet.C1tyLBBd.min.js";
-import { m as r, f as d, T as h, C as u } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
-import { R as l, f as c } from "./revolugo.index.sTY3URQu.min.js";
-import { r as f } from "./revolugo.vuetify.yojzDMFk.min.js";
-import { m as p, k as m } from "./revolugo.revolugo-config.Bs_HF2Eu.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.CrJxrMpP.min.js.map

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

@@ -1,349 +0,0 @@
-import { V as c, R as d } from "./revolugo.index.DfBSjbYu.min.js";
-import { A as u, a as f, D as m } from "./revolugo.index.A8BtC3Nq.min.js";
-import { M as r } from "./revolugo.index.CcRooNT6.min.js";
-import { R as p } from "./revolugo.vsheet.C1tyLBBd.min.js";
-import { m as v, T } from "./revolugo.webcomponentwrapper.-wnE6sKX.min.js";
-import { C as g, R as x } from "./revolugo.vuetify.yojzDMFk.min.js";
-import { h as o, x as a, m as y, k as n } from "./revolugo.revolugo-config.Bs_HF2Eu.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.CtMz9t6s.min.js.map