@quoreadmin/ui 1.9.2 → 1.10.0

package/dist/index52.js

@@ -1,184 +1,66 @@
-import h from "./index161.js";
-import { resolveComponent as C, openBlock as s, createElementBlock as r, Fragment as d, createElementVNode as t, normalizeStyle as g, normalizeClass as b, createVNode as u, createCommentVNode as p, Transition as f, withCtx as k, toDisplayString as i, renderList as c, createTextVNode as $, withModifiers as v, renderSlot as S, createBlock as T, resolveDynamicComponent as w } from "vue";
+import n from "./index161.js";
+import { openBlock as r, createElementBlock as t, normalizeClass as i, renderSlot as l, createBlock as s, Teleport as p, createVNode as a, Transition as b, withCtx as f, normalizeStyle as m, createCommentVNode as u } from "vue";
 /* empty css         */
-import z from "./index64.js";
-const H = {
-  key: 0,
-  class: "tour-steps-container"
-}, L = { class: "mt-[1px]" }, N = { class: "popover-heading" }, E = { class: "step-list" }, P = { class: "text-black" }, I = { class: "text-black/70" }, V = ["onClick"], B = {
-  key: 0,
-  class: "skip-cta"
-}, q = ["id"], D = ["id"], O = ["id"], A = { class: "tour-title" }, M = ["innerHTML"], F = { class: "tour-actions" }, R = { class: "flex items-center gap-6" }, U = { class: "flex gap-1" }, _ = ["onClick"], j = { class: "flex items-center gap-1" }, Q = ["id"];
-function G(e, o, J, K, W, X) {
-  const a = C("q-icon"), m = C("i18n-t");
-  return s(), r(d, null, [
-    t("div", {
-      class: "tour-popover",
-      style: g({ bottom: e.props.popoverBottom, left: e.props.popoverLeft })
+/* empty css         */
+import w from "./index65.js";
+const v = ["aria-describedby"], $ = ["id"], k = ["id"];
+function y(e, o, g, T, h, C) {
+  return r(), t("div", {
+    ref: "tooltipTarget",
+    class: i([
+      "tooltip-container",
+      e.controlled ? "controlled" : "",
+      (e.controlled || e.teleport) && e.isVisible ? "is-visible" : ""
+    ]),
+    "aria-describedby": e.id,
+    onMouseenter: o[0] || (o[0] = (d) => e.teleport && !e.controlled ? e.showTooltip() : void 0),
+    onMouseleave: o[1] || (o[1] = (d) => e.teleport && !e.controlled ? e.hideTooltip() : void 0)
+  }, [
+    l(e.$slots, "trigger", {}, void 0, !0),
+    e.teleport ? (r(), s(p, {
+      key: 1,
+      to: e.teleportTo
     }, [
-      e.showPopover ? p("", !0) : (s(), r("button", {
-        key: 0,
-        class: b(["tour-fab", { "animate-bounce": e.props.animateButton }]),
-        onClick: o[0] || (o[0] = (...n) => e.togglePopover && e.togglePopover(...n))
-      }, [
-        u(a, {
-          icon: "quore-glyph",
-          type: "",
-          size: "sm",
-          color: "white"
-        })
-      ], 2)),
-      u(f, { name: "fade" }, {
-        default: k(() => [
-          e.showPopover ? (s(), r("div", H, [
-            t("button", {
-              class: "hide-button",
-              onClick: o[1] || (o[1] = (...n) => e.togglePopover && e.togglePopover(...n))
-            }, [
-              t("span", L, i(e.$t("HC_HIDE")), 1),
-              u(a, {
-                icon: "close",
-                type: "",
-                size: "sm",
-                color: "inkwell-30"
-              })
-            ]),
-            t("div", N, [
-              u(m, {
-                keypath: "HC_CONTINUE_THE_TOUR",
-                tag: "div",
-                scope: "global",
-                class: "flex items-center"
-              }, {
-                icon: k(() => [
-                  u(a, {
-                    icon: "quore-glyph",
-                    type: "",
-                    size: "lg",
-                    color: "green-quore",
-                    class: "mx-1"
-                  })
-                ]),
-                _: 1
-              })
+      a(b, { name: "q-tooltip-fade" }, {
+        default: f(() => [
+          e.isVisible ? (r(), t("div", {
+            key: 0,
+            id: e.id,
+            class: i([
+              "q-tooltip teleported fixed px-3 py-2 rounded-lg text-xs block text-white text-normal leading-3 z-[60] bg-inkwell-30 border border-inkwell-30",
+              e.color ? "bg-" + e.color + " border-" + e.color : "",
+              e.position,
+              e.noWrap ? "no-wrap text-center whitespace-nowrap min-w-[6.0625rem]" : "text-left w-[15rem]",
+              e.disabled ? "!hidden" : "",
+              e.tooltipClasses
             ]),
-            t("div", E, [
-              (s(!0), r(d, null, c(e.visibleSteps, (n, l) => (s(), r("div", {
-                key: l,
-                class: b(["step-item", { viewed: e.isStepViewed(l) }])
-              }, [
-                t("div", null, [
-                  t("span", P, i(l + 1) + ".", 1),
-                  o[7] || (o[7] = $()),
-                  t("span", I, i(n.title), 1)
-                ]),
-                t("button", {
-                  class: b(["step-button", { viewed: e.isStepViewed(l) }]),
-                  onClick: (y) => e.startStepFromPopover(l)
-                }, i(e.isStepViewed(l) ? e.$t("HC_OPEN") : e.$t("HC_START")), 11, V)
-              ], 2))), 128))
-            ]),
-            e.props.hideCTA ? p("", !0) : (s(), r("div", B, [
-              t("button", {
-                class: "text-blue-10 text-center mt-5",
-                onClick: o[2] || (o[2] = (n) => e.endTour())
-              }, i(e.$t("HC_I_DONT_NEED_HELP")), 1)
-            ]))
-          ])) : p("", !0)
+            style: m(e.tooltipStyle),
+            role: "tooltip"
+          }, [
+            l(e.$slots, "content", {}, void 0, !0)
+          ], 14, k)) : u("", !0)
         ]),
-        _: 1
+        _: 3
       })
-    ], 4),
-    t("div", {
-      id: e.backdropId,
-      class: "tour-backdrop",
-      "data-hidden": !0,
-      style: g({ "--tour-backdrop-blur": `${e.props.backdropBlur}px` })
-    }, [...o[8] || (o[8] = [
-      t("div", { class: "tour-highlight-outline" }, null, -1)
-    ])], 12, q),
-    t("div", {
-      id: e.targetOverlayId,
-      class: "tour-target-overlay",
-      "data-hidden": ""
-    }, null, 8, D),
-    t("div", {
-      id: e.tooltipId,
-      class: "tour-tooltip",
-      role: "tooltip",
-      "data-hidden": ""
+    ], 8, ["to"])) : (r(), t("div", {
+      key: 0,
+      id: e.id,
+      class: i([
+        "tooltip",
+        e.color ? "bg-" + e.color + " border-" + e.color : "",
+        e.position,
+        e.noWrap ? "no-wrap" : "",
+        e.relative ? "relative" : "",
+        e.disabled ? "!hidden" : "",
+        e.tooltipClasses
+      ]),
+      role: "tooltip"
     }, [
-      e._CurrentStep.getCurrentStep ? (s(), r(d, { key: 0 }, [
-        t("button", {
-          class: "close-button",
-          onClick: o[3] || (o[3] = v((n) => e.snoozeTour(), ["prevent"]))
-        }, [
-          u(a, {
-            icon: "close",
-            size: "sm",
-            color: "inkwell-40",
-            type: ""
-          })
-        ]),
-        S(e.$slots, "header", {
-          currentStep: e._CurrentStep.getCurrentStep
-        }, () => [
-          t("div", A, i(e._CurrentStep.getCurrentStep.title), 1)
-        ]),
-        S(e.$slots, "body", {
-          currentStep: e._CurrentStep.getCurrentStep
-        }, () => [
-          typeof e._CurrentStep.getCurrentStep.content == "object" ? (s(), T(w(e._CurrentStep.getCurrentStep.content), { key: 0 })) : (s(), r("div", {
-            key: 1,
-            class: "tour-content",
-            innerHTML: e._CurrentStep.getCurrentStep.content
-          }, null, 8, M))
-        ]),
-        S(e.$slots, "footer", {
-          currentStep: e._CurrentStep.getCurrentStep,
-          snoozeTour: e.snoozeTour,
-          lastStep: e.lastStep,
-          nextStep: e.nextStep,
-          buttonLabels: e.props.buttonLabels
-        }, () => [
-          t("div", F, [
-            t("div", R, [
-              e.props.hideSnooze ? p("", !0) : (s(), r("button", {
-                key: 0,
-                class: "snooze-button",
-                onClick: o[4] || (o[4] = v((n) => e.snoozeTour(), ["prevent"]))
-              }, i(e.props.buttonLabels.snooze), 1)),
-              t("div", U, [
-                (s(!0), r(d, null, c(e.visibleSteps, (n, l) => (s(), r("button", {
-                  key: l,
-                  onClick: (y) => e.goToStep(l),
-                  class: b(["w-2 h-2 rounded-full", e._CurrentStep.currentStep === l ? "step-button-active bg-blue-20 border border-gray-30 scale-125" : "step-button bg-blue-5"])
-                }, null, 10, _))), 128))
-              ])
-            ]),
-            t("div", j, [
-              e._CurrentStep.lastStep < e._CurrentStep.currentStep ? (s(), r("button", {
-                key: 0,
-                class: "back-button",
-                onClick: o[5] || (o[5] = v((n) => e.lastStep(), ["prevent"]))
-              }, i(e.props.buttonLabels.back), 1)) : p("", !0),
-              t("button", {
-                class: "next-button",
-                onClick: o[6] || (o[6] = v((n) => e.nextStep(), ["prevent"]))
-              }, i(e.getNextLabel), 1)
-            ])
-          ])
-        ])
-      ], 64)) : p("", !0),
-      e.props.hideArrow ? p("", !0) : (s(), r("div", {
-        key: 1,
-        id: e.arrowId,
-        class: "tour-arrow"
-      }, null, 8, Q))
-    ], 8, O)
-  ], 64);
+      l(e.$slots, "content", {}, void 0, !0)
+    ], 10, $))
+  ], 42, v);
 }
-const te = /* @__PURE__ */ z(h, [["render", G]]);
+const M = /* @__PURE__ */ w(n, [["render", y], ["__scopeId", "data-v-82feddb4"]]);
 export {
-  te as default
+  M as default
 };

package/dist/index53.js

@@ -1,88 +1,184 @@
-import g from "./index163.js";
-import { resolveComponent as a, openBlock as n, createBlock as r, Transition as b, withCtx as t, createVNode as d, createElementVNode as s, normalizeClass as m, renderSlot as o, createTextVNode as k, toDisplayString as _, createElementBlock as c, createCommentVNode as $ } from "vue";
+import h from "./index164.js";
+import { resolveComponent as C, openBlock as s, createElementBlock as r, Fragment as d, createElementVNode as t, normalizeStyle as g, normalizeClass as b, createVNode as u, createCommentVNode as p, Transition as f, withCtx as k, toDisplayString as i, renderList as c, createTextVNode as $, withModifiers as v, renderSlot as S, createBlock as T, resolveDynamicComponent as w } from "vue";
 /* empty css         */
-import q from "./index64.js";
-const C = {
+import z from "./index65.js";
+const H = {
   key: 0,
-  class: "flex flex-col gap-2 text-center"
-}, h = { class: "text-lg font-bold text-inkwell-30 leading-6" }, y = { class: "text-inkwell-0 mb-6" }, v = {
-  key: 1,
-  class: "flex flex-col gap-2 text-center"
-}, w = { class: "text-[1.25rem] font-bold text-center text-inkwell-30" }, M = { class: "text-sm text-center text-inkwell-0 mb-2" }, x = { class: "flex flex-col items-center justify-center gap-3 md:gap-2" };
-function N(e, l, z, T, V, B) {
-  const i = a("q-button"), f = a("q-modal-content"), p = a("q-modal");
-  return n(), r(b, {
-    name: e.mq.md ? "fade" : "slide-up"
-  }, {
-    default: t(() => [
-      e.toggleModal ? (n(), r(p, {
+  class: "tour-steps-container"
+}, L = { class: "mt-[1px]" }, N = { class: "popover-heading" }, E = { class: "step-list" }, P = { class: "text-black" }, I = { class: "text-black/70" }, V = ["onClick"], B = {
+  key: 0,
+  class: "skip-cta"
+}, q = ["id"], D = ["id"], O = ["id"], A = { class: "tour-title" }, M = ["innerHTML"], F = { class: "tour-actions" }, R = { class: "flex items-center gap-6" }, U = { class: "flex gap-1" }, _ = ["onClick"], j = { class: "flex items-center gap-1" }, Q = ["id"];
+function G(e, o, J, K, W, X) {
+  const a = C("q-icon"), m = C("i18n-t");
+  return s(), r(d, null, [
+    t("div", {
+      class: "tour-popover",
+      style: g({ bottom: e.props.popoverBottom, left: e.props.popoverLeft })
+    }, [
+      e.showPopover ? p("", !0) : (s(), r("button", {
         key: 0,
-        class: "warning-modal !z-[170]",
-        dismissible: !1,
-        overlay: e.mq.md ? "white-transparent" : "black-transparent",
-        "container-class": "h-fit min-h-fit",
-        onClose: l[1] || (l[1] = (u) => e.toggleModal = !1)
-      }, {
-        default: t(() => [
-          d(f, null, {
-            body: t(() => [
-              e.mq.md ? (n(), c("div", C, [
-                s("h2", h, [
-                  o(e.$slots, "desktopHeader", {}, void 0, !0)
-                ]),
-                s("p", y, [
-                  o(e.$slots, "desktopMessage", {}, void 0, !0)
-                ])
-              ])) : (n(), c("div", v, [
-                s("h2", w, [
-                  o(e.$slots, "mobileHeader", {}, void 0, !0)
+        class: b(["tour-fab", { "animate-bounce": e.props.animateButton }]),
+        onClick: o[0] || (o[0] = (...n) => e.togglePopover && e.togglePopover(...n))
+      }, [
+        u(a, {
+          icon: "quore-glyph",
+          type: "",
+          size: "sm",
+          color: "white"
+        })
+      ], 2)),
+      u(f, { name: "fade" }, {
+        default: k(() => [
+          e.showPopover ? (s(), r("div", H, [
+            t("button", {
+              class: "hide-button",
+              onClick: o[1] || (o[1] = (...n) => e.togglePopover && e.togglePopover(...n))
+            }, [
+              t("span", L, i(e.$t("HC_HIDE")), 1),
+              u(a, {
+                icon: "close",
+                type: "",
+                size: "sm",
+                color: "inkwell-30"
+              })
+            ]),
+            t("div", N, [
+              u(m, {
+                keypath: "HC_CONTINUE_THE_TOUR",
+                tag: "div",
+                scope: "global",
+                class: "flex items-center"
+              }, {
+                icon: k(() => [
+                  u(a, {
+                    icon: "quore-glyph",
+                    type: "",
+                    size: "lg",
+                    color: "green-quore",
+                    class: "mx-1"
+                  })
                 ]),
-                s("p", M, [
-                  o(e.$slots, "mobileMessage", {}, void 0, !0)
-                ])
-              ]))
+                _: 1
+              })
             ]),
-            footer: t(() => [
-              s("div", x, [
-                d(i, {
-                  disabled: e.processing,
-                  loading: e.processing,
-                  class: m([e.mq.md ? "mx-2" : "w-full"]),
-                  size: "lg",
-                  status: "danger",
-                  onClick: e.action
-                }, {
-                  default: t(() => [
-                    o(e.$slots, "buttonText", {}, void 0, !0)
-                  ]),
-                  _: 3
-                }, 8, ["disabled", "loading", "class", "onClick"]),
-                d(i, {
-                  class: m([e.mq.md ? "mx-2" : "w-full"]),
-                  disabled: e.processing,
-                  status: e.mq.md ? "link-secondary" : "secondary",
-                  size: "lg",
-                  onClick: l[0] || (l[0] = (u) => e.toggleModal = !1)
-                }, {
-                  default: t(() => [
-                    o(e.$slots, "cancelText", {}, () => [
-                      k(_(e.$t("HC_CANCEL")), 1)
-                    ], !0)
-                  ]),
-                  _: 3
-                }, 8, ["class", "disabled", "status"])
-              ])
+            t("div", E, [
+              (s(!0), r(d, null, c(e.visibleSteps, (n, l) => (s(), r("div", {
+                key: l,
+                class: b(["step-item", { viewed: e.isStepViewed(l) }])
+              }, [
+                t("div", null, [
+                  t("span", P, i(l + 1) + ".", 1),
+                  o[7] || (o[7] = $()),
+                  t("span", I, i(n.title), 1)
+                ]),
+                t("button", {
+                  class: b(["step-button", { viewed: e.isStepViewed(l) }]),
+                  onClick: (y) => e.startStepFromPopover(l)
+                }, i(e.isStepViewed(l) ? e.$t("HC_OPEN") : e.$t("HC_START")), 11, V)
+              ], 2))), 128))
             ]),
-            _: 3
+            e.props.hideCTA ? p("", !0) : (s(), r("div", B, [
+              t("button", {
+                class: "text-blue-10 text-center mt-5",
+                onClick: o[2] || (o[2] = (n) => e.endTour())
+              }, i(e.$t("HC_I_DONT_NEED_HELP")), 1)
+            ]))
+          ])) : p("", !0)
+        ]),
+        _: 1
+      })
+    ], 4),
+    t("div", {
+      id: e.backdropId,
+      class: "tour-backdrop",
+      "data-hidden": !0,
+      style: g({ "--tour-backdrop-blur": `${e.props.backdropBlur}px` })
+    }, [...o[8] || (o[8] = [
+      t("div", { class: "tour-highlight-outline" }, null, -1)
+    ])], 12, q),
+    t("div", {
+      id: e.targetOverlayId,
+      class: "tour-target-overlay",
+      "data-hidden": ""
+    }, null, 8, D),
+    t("div", {
+      id: e.tooltipId,
+      class: "tour-tooltip",
+      role: "tooltip",
+      "data-hidden": ""
+    }, [
+      e._CurrentStep.getCurrentStep ? (s(), r(d, { key: 0 }, [
+        t("button", {
+          class: "close-button",
+          onClick: o[3] || (o[3] = v((n) => e.snoozeTour(), ["prevent"]))
+        }, [
+          u(a, {
+            icon: "close",
+            size: "sm",
+            color: "inkwell-40",
+            type: ""
           })
         ]),
-        _: 3
-      }, 8, ["overlay"])) : $("", !0)
-    ]),
-    _: 3
-  }, 8, ["name"]);
+        S(e.$slots, "header", {
+          currentStep: e._CurrentStep.getCurrentStep
+        }, () => [
+          t("div", A, i(e._CurrentStep.getCurrentStep.title), 1)
+        ]),
+        S(e.$slots, "body", {
+          currentStep: e._CurrentStep.getCurrentStep
+        }, () => [
+          typeof e._CurrentStep.getCurrentStep.content == "object" ? (s(), T(w(e._CurrentStep.getCurrentStep.content), { key: 0 })) : (s(), r("div", {
+            key: 1,
+            class: "tour-content",
+            innerHTML: e._CurrentStep.getCurrentStep.content
+          }, null, 8, M))
+        ]),
+        S(e.$slots, "footer", {
+          currentStep: e._CurrentStep.getCurrentStep,
+          snoozeTour: e.snoozeTour,
+          lastStep: e.lastStep,
+          nextStep: e.nextStep,
+          buttonLabels: e.props.buttonLabels
+        }, () => [
+          t("div", F, [
+            t("div", R, [
+              e.props.hideSnooze ? p("", !0) : (s(), r("button", {
+                key: 0,
+                class: "snooze-button",
+                onClick: o[4] || (o[4] = v((n) => e.snoozeTour(), ["prevent"]))
+              }, i(e.props.buttonLabels.snooze), 1)),
+              t("div", U, [
+                (s(!0), r(d, null, c(e.visibleSteps, (n, l) => (s(), r("button", {
+                  key: l,
+                  onClick: (y) => e.goToStep(l),
+                  class: b(["w-2 h-2 rounded-full", e._CurrentStep.currentStep === l ? "step-button-active bg-blue-20 border border-gray-30 scale-125" : "step-button bg-blue-5"])
+                }, null, 10, _))), 128))
+              ])
+            ]),
+            t("div", j, [
+              e._CurrentStep.lastStep < e._CurrentStep.currentStep ? (s(), r("button", {
+                key: 0,
+                class: "back-button",
+                onClick: o[5] || (o[5] = v((n) => e.lastStep(), ["prevent"]))
+              }, i(e.props.buttonLabels.back), 1)) : p("", !0),
+              t("button", {
+                class: "next-button",
+                onClick: o[6] || (o[6] = v((n) => e.nextStep(), ["prevent"]))
+              }, i(e.getNextLabel), 1)
+            ])
+          ])
+        ])
+      ], 64)) : p("", !0),
+      e.props.hideArrow ? p("", !0) : (s(), r("div", {
+        key: 1,
+        id: e.arrowId,
+        class: "tour-arrow"
+      }, null, 8, Q))
+    ], 8, O)
+  ], 64);
 }
-const W = /* @__PURE__ */ q(g, [["render", N], ["__scopeId", "data-v-db0b6069"]]);
+const te = /* @__PURE__ */ z(h, [["render", G]]);
 export {
-  W as default
+  te as default
 };