@rebilly/revel 13.6.2 → 13.6.3

package/dist/directives/r-tooltip/r-tooltip.mjs

@@ -0,0 +1,51 @@
+/* empty css                */
+import { getShadowParent as e } from "../../common/helpers/get-shadow-parent.mjs";
+import { nanoid as t } from "../../vendor/nanoid/non-secure/index.mjs";
+//#region src/directives/r-tooltip/r-tooltip.ts
+var n = {}, r = {
+	mounted(r, { value: i }) {
+		if (i.text) {
+			let a = t(), o = document.createElement("div"), s = document.createElement("span"), c = document.createElement("div"), l = i.offset || 8, u = i.boundaryLeft || 0, d = i.boundaryTop || 0, f = e(r);
+			o.classList.add("r-tooltip"), c.classList.add("r-tooltip-arrow"), s.innerText = i.text, o.appendChild(s), r.setAttribute("data-tooltip-id", a), r.classList.add("r-position-relative");
+			let p = (e) => ({
+				top: parseFloat(o.style.top.replace("px", "")) < d,
+				left: parseFloat(o.style.left.replace("px", "")) < u,
+				right: parseFloat(o.style.left.replace("px", "")) + e.width > (window.innerWidth || document.documentElement.clientWidth)
+			});
+			r.vTooltipEnter = () => {
+				i.multiline && o.classList.add("r-tooltip-multiline"), i.wrap && o.classList.add("r-tooltip-wrap"), f ? f.appendChild(o) : document.body.appendChild(o), o.appendChild(c);
+				let e = r.getBoundingClientRect(), t = e.top + window.scrollY, n = o.getBoundingClientRect();
+				o.style.left = `${e.left + e.width / 2 - n.width / 2}px`, o.style.top = `${t - (n.height + l)}px`;
+				let a = p(n);
+				switch (o.style.opacity = "1", i.position) {
+					case "left":
+						o.classList.add("r-tooltip-left"), o.style.left = `${e.left - n.width - l}px`, o.style.top = `${t - (n.height / 2 - e.height / 2)}px`;
+						break;
+					case "right":
+						o.classList.add("r-tooltip-right"), o.style.left = `${e.right + l}px`, o.style.top = `${t - (n.height / 2 - e.height / 2)}px`;
+						break;
+					case "bottom":
+						o.classList.add("r-tooltip-bottom"), o.style.top = `${t + n.height + l}px`;
+						break;
+					case void 0: a.right ? (o.style.left = `${e.left + e.width - n.width}px`, o.classList.add("r-tooltip-out-right")) : a.left && (o.style.left = `${e.left}px`, o.classList.add("r-tooltip-out-left")), a.top && (o.style.top = `${t + n.height + l}px`, o.classList.add("r-tooltip-out-top")), o.classList.contains("r-tooltip-out-right") ? c.style.left = `${n.width - e.width / 2}px` : o.classList.contains("r-tooltip-out-left") ? c.style.left = `${e.width / 2}px` : c.style.left = `${n.width / 2}px`;
+				}
+			}, r.vTooltipLeave = () => {
+				o.style.opacity = "0", o.style.left = "0", o.style.top = "0", o.className = "r-tooltip", o.remove();
+			}, r.addEventListener("mouseenter", r.vTooltipEnter, !1), r.addEventListener("mouseleave", r.vTooltipLeave, !1), i.hideOnTargetClick && (r.vTooltipClick = () => {
+				o.remove();
+			}, r.addEventListener("mousedown", r.vTooltipClick, !1)), n[a] = o;
+		}
+	},
+	updated(e, { value: t, oldValue: r }) {
+		let i = t.text !== r.text, a = e.getAttribute("data-tooltip-id");
+		i && a && n[a] && (n[a].querySelector("span").innerText = t.text);
+	},
+	unmounted(e) {
+		let t = e.getAttribute("data-tooltip-id");
+		t && delete n[t];
+		let r = document.querySelector(".r-tooltip");
+		r && r.remove(), e.vTooltipEnter && e.vTooltipLeave && (e.removeEventListener("mouseenter", e.vTooltipEnter), e.removeEventListener("mouseleave", e.vTooltipLeave)), e.vTooltipClick && e.removeEventListener("mousedown", e.vTooltipClick), e.vTooltipEnter = null, e.vTooltipLeave = null, e.vTooltipClick = null;
+	}
+};
+//#endregion
+export { r as RTooltipDirective };

package/dist/index.mjs

@@ -0,0 +1,58 @@
+import { setupCalendar as e } from "./vendor/@angelblanco/v-calendar/dist/es/index.mjs";
+import t from "./components/r-icon/r-icon.vue.mjs";
+import n from "./components/r-button/r-button.vue.mjs";
+import r from "./components/r-alert/r-alert.vue.mjs";
+import { RClickOutsideDirective as i } from "./directives/r-click-outside/r-click-outside.mjs";
+import { RTooltipDirective as a } from "./directives/r-tooltip/r-tooltip.mjs";
+import { RContentDirective as o } from "./directives/r-content/r-content.mjs";
+import { RLazyDirective as s } from "./directives/r-lazy.mjs";
+import { directives_exports as c } from "./directives/index.mjs";
+import l from "./components/r-img/r-img.vue.mjs";
+import u from "./components/r-avatar/r-avatar.vue.mjs";
+import d from "./components/r-badge/r-badge.vue.mjs";
+import f from "./components/r-button-group/r-button-group.vue.mjs";
+import p from "./components/r-checkbox/r-checkbox.vue.mjs";
+import { getCalendarPresetPeriods as m } from "./components/r-date-input/calendar-presets.mjs";
+import h from "./components/r-input-errors/r-input-errors.vue.mjs";
+import g from "./components/r-field-label/r-field-label.vue.mjs";
+import _ from "./components/r-date-input/r-date-input.vue.mjs";
+import v from "./components/r-popper/r-popper.vue.mjs";
+import y from "./components/r-date-range/r-date-range.vue.mjs";
+import b from "./components/r-file-dropzone/r-file-dropzone.vue.mjs";
+import x from "./components/r-file-upload/r-file-upload.vue.mjs";
+import S from "./components/r-flex/r-flex.vue.mjs";
+import C from "./components/r-flex/r-flex-item.vue.mjs";
+import w from "./components/r-grid/r-grid.vue.mjs";
+import T from "./components/r-grid/r-grid-cell.vue.mjs";
+import E from "./components/r-field-group/r-field-group.vue.mjs";
+import D from "./components/r-input/r-input.vue.mjs";
+import O from "./components/r-loader/r-loader.vue.mjs";
+import k from "./components/r-modal/r-modal.vue.mjs";
+import A from "./components/r-month-picker/r-month-picker.vue.mjs";
+import j from "./components/r-pagination-control/r-pagination-control.vue.mjs";
+import M from "./components/r-pagination/r-pagination.vue.mjs";
+import N from "./components/r-radio/r-radio.vue.mjs";
+import P from "./components/r-repeater/r-repeater.vue.mjs";
+import F from "./components/r-select/r-select.vue.mjs";
+import I from "./components/r-tabs/r-tab.vue.mjs";
+import L from "./components/r-tabs/r-tabs.vue.mjs";
+import R from "./components/r-tile/r-tile.vue.mjs";
+import z from "./components/r-tile/r-tile-content.vue.mjs";
+import B from "./components/r-toast/r-toast.vue.mjs";
+import V from "./components/r-toggle/r-toggle.vue.mjs";
+import H from "./components/r-multistep/r-step.vue.mjs";
+import U from "./components/r-multistep/r-multistep.vue.mjs";
+import { components_exports as W } from "./components/index.mjs";
+import { createRToastManager as G } from "./components/r-toast/r-toast-manager.mjs";
+import { tokens_exports as K } from "./styles/tokens.mjs";
+import { RIconSpritesAppend as q, r_icon_sprites_exports as J } from "./components/r-icon/r-icon-sprites.mjs";
+//#region src/index.ts
+var Y = (t, { registerDirectives: n = !0, appendIconSheet: r = !0 } = {}) => {
+	n && Object.keys(c).forEach((e) => {
+		t.directive(e, c[e]);
+	}), Object.keys(W).forEach((e) => {
+		t.component(e, W[e]);
+	}), t.config.globalProperties.$toast = G(t), r && q(null), t.use(e, {});
+}, X = { install: Y };
+//#endregion
+export { r as RAlert, u as RAvatar, d as RBadge, n as RButton, f as RButtonGroup, p as RCheckbox, _ as RDateInput, y as RDateRange, E as RFieldGroup, g as RFieldLabel, b as RFileDropzone, x as RFileUpload, S as RFlex, C as RFlexItem, w as RGrid, T as RGridCell, t as RIcon, l as RImg, D as RInput, h as RInputErrors, O as RLoader, k as RModal, A as RMonthPicker, U as RMultistep, M as RPagination, j as RPaginationControl, v as RPopper, N as RRadio, P as RRepeater, F as RSelect, H as RStep, I as RTab, L as RTabs, R as RTile, z as RTileContent, B as RToast, V as RToggle, i as clickOutside, o as content, G as createRToastManager, X as default, m as getCalendarPresetPeriods, J as icons, Y as install, s as lazy, K as tokens, a as tooltip };