linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/uitour/index.js

@@ -1,186 +1,188 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as r, useRef as v, useCallback as V, useEffect as w, useMemo as X } from "react";
-import { createPortal as Y } from "react-dom";
-import Z from "../buttons/Button.js";
-import y from "../buttons/PrimaryButton.js";
-import "../icons/index.js";
-/* empty css                        */
-import { STEP_POSITIONS as h, ARROW_WIDTH as G, ARROW_HEIGHT as U } from "./helpers.js";
-const re = ($) => {
-  const {
-    data: i,
-    nextButtonLabel: j,
-    backButtonLabel: k,
-    finishButtonLabel: N,
-    showCloseButton: C = !0,
-    showBackButton: R = !0,
-    visible: a = !0,
-    onFinish: T,
-    onStepChange: P
-  } = $, [s, b] = r(void 0), [x, g] = r(!1), [I, S] = r(!1), [u, B] = r(!1), [L, H] = r(null), [f, A] = r(a), [W, O] = r(h.left), m = v(null), E = v(null), l = v([]), M = () => {
-    if (x) {
-      const e = i.findIndex((c) => c.id === (s == null ? void 0 : s.id)), t = i[e + 1], n = i.findIndex((c) => c.id === t.id);
-      document.getElementById(t.targetId) && b({ ...t, number: n + 1 });
+import { jsxs as j, jsx as r } from "react/jsx-runtime";
+import { c as Ie } from "../_virtual/compiler-runtime.js";
+import { useState as a, useRef as se, useEffect as oe } from "react";
+import { createPortal as Se } from "react-dom";
+import ve from "../buttons/Button.js";
+import ie from "../buttons/PrimaryButton.js";
+import '../assets/styles/uitour.css';import '../assets/styles/button.css';/* empty css                           */
+/* empty css                           */
+import { STEP_POSITIONS as M, ARROW_WIDTH as pe, ARROW_HEIGHT as he } from "./helpers.js";
+const Re = (be) => {
+  const e = Ie.c(54), {
+    data: o,
+    nextButtonLabel: $,
+    backButtonLabel: z,
+    finishButtonLabel: D,
+    showCloseButton: le,
+    showBackButton: ce,
+    visible: re,
+    onFinish: b,
+    onStepChange: g
+  } = be, F = le === void 0 ? !0 : le, G = ce === void 0 ? !0 : ce, l = re === void 0 ? !0 : re, [s, U] = a(void 0), [f, q] = a(!1), [u, J] = a(!1), [I, K] = a(!1), [Q, de] = a(null), [m, ae] = a(l), [V, fe] = a(M.left), X = se(null), Y = se(null);
+  let S;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (S = [], e[0] = S) : S = e[0];
+  const d = se(S);
+  let v;
+  e[1] !== s?.id || e[2] !== o || e[3] !== f ? (v = () => {
+    if (f) {
+      const t = o.findIndex((c) => c.id === s?.id), n = o[t + 1], i = o.findIndex((c) => c.id === n.id);
+      document.getElementById(n.targetId) && U({
+        ...n,
+        number: i + 1
+      });
     }
-  }, _ = () => {
-    if (I) {
-      const e = i.findIndex((c) => c.id === (s == null ? void 0 : s.id)), t = i[e - 1], n = i.findIndex((c) => c.id === t.id);
-      document.getElementById(t.targetId) && b({ ...t, number: n + 1 });
+  }, e[1] = s?.id, e[2] = o, e[3] = f, e[4] = v) : v = e[4];
+  const Z = v;
+  let x;
+  e[5] !== s?.id || e[6] !== o || e[7] !== u ? (x = () => {
+    if (u) {
+      const t = o.findIndex((c) => c.id === s?.id), n = o[t - 1], i = o.findIndex((c) => c.id === n.id);
+      document.getElementById(n.targetId) && U({
+        ...n,
+        number: i + 1
+      });
     }
-  }, p = () => {
-    A(!1), T && T(!0);
-  }, q = (e) => {
-    if (m.current) {
-      const t = m.current.getBoundingClientRect(), n = window.innerWidth;
-      t.right >= n || (s == null ? void 0 : s.position) === h.right ? (O(h.right), H({
-        top: e.top - U,
-        left: e.left - t.width - G
-      })) : (O(h.left), H({
-        top: e.top - U,
-        left: e.left + e.width + G
+  }, e[5] = s?.id, e[6] = o, e[7] = u, e[8] = x) : x = e[8];
+  const ee = x;
+  let B;
+  e[9] !== b ? (B = () => {
+    ae(!1), b && b(!0);
+  }, e[9] = b, e[10] = B) : B = e[10];
+  const y = B;
+  let E;
+  e[11] !== s?.position ? (E = (t) => {
+    if (X.current) {
+      const n = X.current.getBoundingClientRect(), i = window.innerWidth;
+      n.right >= i || s?.position === M.right ? (fe(M.right), de({
+        top: t.top - he,
+        left: t.left - n.width - pe
+      })) : (fe(M.left), de({
+        top: t.top - he,
+        left: t.left + t.width + pe
       }));
     }
-  }, D = (e) => {
-    A(a), b(e);
-  }, z = () => {
-    l.current.length > 0 && l.current.forEach((t) => {
-      const n = document.getElementById(t.elementId);
-      n && (delete n.dataset.uitour, l.current = l.current.filter((d) => d.elementId !== t.elementId));
+  }, e[11] = s?.position, e[12] = E) : E = e[12];
+  const te = E;
+  let w;
+  e[13] !== l ? (w = (t) => {
+    ae(l), U(t);
+  }, e[13] = l, e[14] = w) : w = e[14];
+  const k = w;
+  let _;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
+    d.current.length > 0 && d.current.forEach((n) => {
+      const i = document.getElementById(n.elementId);
+      i && (delete i.dataset.uitour, d.current = d.current.filter((h) => h.elementId !== n.elementId));
     });
-  }, F = V((e) => {
-    const t = document.getElementById(e.elementId);
-    t && (t.dataset.uitour = e.effect, l.current && l.current.push(e));
-  }, []), J = (e) => {
-    if (e.effect) {
-      const { effect: t, targetId: n } = e;
-      F({ effect: t, elementId: n });
+  }, e[15] = _) : _ = e[15];
+  const ue = _;
+  let C;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (C = (t) => {
+    const n = document.getElementById(t.elementId);
+    n && (n.dataset.uitour = t.effect, d.current && d.current.push(t));
+  }, e[16] = C) : C = e[16];
+  const me = C;
+  let N;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (N = (t) => {
+    if (t.effect) {
+      const {
+        effect: n,
+        targetId: i
+      } = t;
+      me({
+        effect: n,
+        elementId: i
+      });
     }
-    if (e.elementsEffects) {
-      let { elementsEffects: t } = e;
-      Array.isArray(t) || (t = [t]), t.forEach((n) => {
-        F(n);
+    if (t.elementsEffects) {
+      let {
+        elementsEffects: n
+      } = t;
+      Array.isArray(n) || (n = [n]), n.forEach((i) => {
+        me(i);
       });
     }
-  };
-  w(() => {
+  }, e[17] = N) : N = e[17];
+  const ge = N;
+  let R;
+  e[18] !== s || e[19] !== o || e[20] !== te || e[21] !== g ? (R = () => {
     if (s) {
-      const e = document.getElementById(s.targetId);
-      if (e) {
-        const t = e.getBoundingClientRect(), n = i.findIndex((Q) => Q.id === s.id), d = i.length - 1, c = 0;
-        switch (n) {
-          case d:
-            g(!1), S(!0), B(!0);
-            break;
-          case c:
-            g(!0), B(!1), S(!1);
-            break;
+      const t = document.getElementById(s.targetId);
+      if (t) {
+        const n = t.getBoundingClientRect(), i = o.findIndex((c) => c.id === s.id), h = o.length - 1;
+        e: switch (i) {
+          case h: {
+            q(!1), J(!0), K(!0);
+            break e;
+          }
+          case 0: {
+            q(!0), K(!1), J(!1);
+            break e;
+          }
           default:
-            g(!0), S(!0), B(!1);
+            q(!0), J(!0), K(!1);
         }
-        q(t), z(), J(i[n]), P && P(e);
+        te(n), ue(), ge(o[i]), g && g(t);
       }
-      E.current && (E.current.innerHTML = s.description);
+      Y.current && (Y.current.innerHTML = s.description);
     }
-  }, [s, m.current]), w(() => {
-    let e = null;
-    if (i && a) {
-      const n = { ...i[0], number: 1 };
-      document.getElementById(n.targetId) ? D(n) : (e = new MutationObserver(() => {
-        document.getElementById(n.targetId) && (D(n), e == null || e.disconnect(), e = null);
-      }), e.observe(document, { subtree: !0, childList: !0 }));
+  }, e[18] = s, e[19] = o, e[20] = te, e[21] = g, e[22] = R) : R = e[22];
+  let T;
+  e[23] !== s ? (T = [s], e[23] = s, e[24] = T) : T = e[24], oe(R, T);
+  let O;
+  e[25] !== o || e[26] !== k || e[27] !== l ? (O = () => {
+    let t = null;
+    if (o && l) {
+      const n = {
+        ...o[0],
+        number: 1
+      };
+      document.getElementById(n.targetId) ? k(n) : (t = new MutationObserver(() => {
+        document.getElementById(n.targetId) && (k(n), t?.disconnect(), t = null);
+      }), t.observe(document, {
+        subtree: !0,
+        childList: !0
+      }));
     }
     return () => {
-      e == null || e.disconnect(), e = null;
+      t?.disconnect(), t = null;
     };
-  }, [a, i]), w(() => {
-    !f && l.current.length > 0 && z(), f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
-  }, [f, l.current.length]);
-  const K = X(() => /* @__PURE__ */ o.jsx("div", { className: "uitour-component", children: s && /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      ref: m,
-      className: `step -${W}`,
-      style: { ...L },
-      children: [
-        C && /* @__PURE__ */ o.jsx("div", { className: "closebutton", children: /* @__PURE__ */ o.jsx(
-          Z,
-          {
-            iconName: "cancel2",
-            iconAlign: "center",
-            size: "large",
-            transparent: !0,
-            boxShadow: !1,
-            style: { padding: 0 },
-            onClick: p
-          }
-        ) }),
-        /* @__PURE__ */ o.jsxs("div", { className: "content", children: [
-          /* @__PURE__ */ o.jsx("span", { className: "number", children: s.number }),
-          /* @__PURE__ */ o.jsxs("div", { className: "about", children: [
-            /* @__PURE__ */ o.jsx("h3", { children: s.title }),
-            /* @__PURE__ */ o.jsx(
-              "p",
-              {
-                className: "description",
-                ref: E
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ o.jsxs("div", { className: "footer", children: [
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              label: k,
-              onClick: _,
-              disabled: !I,
-              visible: R,
-              customClass: "back-button"
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              label: j,
-              onClick: M,
-              disabled: !x,
-              visible: !u,
-              customClass: "next-button"
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              label: N,
-              visible: u,
-              onClick: p,
-              customClass: "finish-button"
-            }
-          )
-        ] })
-      ]
-    },
-    s.id
-  ) }), [
-    s,
-    W,
-    L,
-    C,
-    p,
-    k,
-    _,
-    I,
-    R,
-    j,
-    M,
-    x,
-    u,
-    N,
-    u,
-    p
-  ]);
-  return f ? Y(K, document.body) : null;
+  }, e[25] = o, e[26] = k, e[27] = l, e[28] = O) : O = e[28];
+  let P;
+  e[29] !== o || e[30] !== l ? (P = [l, o], e[29] = o, e[30] = l, e[31] = P) : P = e[31], oe(O, P);
+  let L, H;
+  e[32] !== m ? (L = () => {
+    !m && d.current.length > 0 && ue(), m ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
+  }, H = [m], e[32] = m, e[33] = L, e[34] = H) : (L = e[33], H = e[34]), oe(L, H);
+  let p;
+  e[35] !== z || e[36] !== s || e[37] !== D || e[38] !== ee || e[39] !== Z || e[40] !== u || e[41] !== f || e[42] !== I || e[43] !== $ || e[44] !== y || e[45] !== G || e[46] !== F || e[47] !== Q || e[48] !== V ? (p = s && /* @__PURE__ */ j("div", { ref: X, className: `step -${V}`, style: {
+    ...Q
+  }, children: [
+    F && /* @__PURE__ */ r("div", { className: "closebutton", children: /* @__PURE__ */ r(ve, { iconName: "cancel2", iconAlign: "center", size: "large", transparent: !0, boxShadow: !1, style: {
+      padding: 0
+    }, onClick: y }) }),
+    /* @__PURE__ */ j("div", { className: "content", children: [
+      /* @__PURE__ */ r("span", { className: "number", children: s.number }),
+      /* @__PURE__ */ j("div", { className: "about", children: [
+        /* @__PURE__ */ r("h3", { children: s.title }),
+        /* @__PURE__ */ r("p", { className: "description", ref: Y })
+      ] })
+    ] }),
+    /* @__PURE__ */ j("div", { className: "footer", children: [
+      /* @__PURE__ */ r(ie, { label: z, onClick: ee, disabled: !u, visible: G, customClass: "back-button" }),
+      /* @__PURE__ */ r(ie, { label: $, onClick: Z, disabled: !f, visible: !I, customClass: "next-button" }),
+      /* @__PURE__ */ r(ie, { label: D, visible: I, onClick: y, customClass: "finish-button" })
+    ] })
+  ] }, s.id), e[35] = z, e[36] = s, e[37] = D, e[38] = ee, e[39] = Z, e[40] = u, e[41] = f, e[42] = I, e[43] = $, e[44] = y, e[45] = G, e[46] = F, e[47] = Q, e[48] = V, e[49] = p) : p = e[49];
+  let A;
+  e[50] !== p ? (A = /* @__PURE__ */ r("div", { className: "uitour-component", children: p }), e[50] = p, e[51] = A) : A = e[51];
+  const ne = A;
+  if (!m)
+    return null;
+  let W;
+  return e[52] !== ne ? (W = Se(ne, document.body), e[52] = ne, e[53] = W) : W = e[53], W;
 };
 export {
-  re as default
+  Re as default
 };
+//# sourceMappingURL=index.js.map

package/lib/uitour/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/uitour/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport DefaultButton, { PrimaryButton } from '../buttons';\nimport '../assets/styles/uitour.scss';\nimport { ARROW_HEIGHT, ARROW_WIDTH, STEP_POSITIONS } from './helpers';\nimport { CurrentStep, ElementEffect, IUITourProps, StepDimensions, UITourData } from './types';\n\nconst UiTour = (props: IUITourProps) => {\n  const {\n    data, nextButtonLabel, backButtonLabel, finishButtonLabel, showCloseButton = true,\n    showBackButton = true, visible = true, onFinish, onStepChange,\n  } = props;\n  const [currentStep, setCurrentStep] = useState<CurrentStep | undefined>(undefined);\n  const [hasNextStep, setHasNextStep] = useState(false);\n  const [hasBackStep, setHasBackStep] = useState(false);\n  const [isLastStep, setIsLastStep] = useState(false);\n  const [stepDimensions, setStepDimensions] = useState<StepDimensions | null>(null);\n  const [showTour, setShowTour] = useState(visible);\n  const [stepPosition, setStepPosition] = useState(STEP_POSITIONS.left);\n  const stepRef = useRef<HTMLDivElement>(null);\n  const descriptionRef = useRef<HTMLParagraphElement>(null);\n  const activatedEffects = useRef<ElementEffect[]>([]);\n\n  const handleNextStep = () => {\n    if (hasNextStep) {\n      const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);\n      const nextStep = data[currentStepIndex + 1];\n      const nextStepIndex = data.findIndex(item => item.id === nextStep.id);\n      const target = document.getElementById(nextStep.targetId);\n      if (target) {\n        setCurrentStep({ ...nextStep, number: nextStepIndex + 1 });\n      }\n    }\n  };\n\n  const handleBackStep = () => {\n    if (hasBackStep) {\n      const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);\n      const backStep = data[currentStepIndex - 1];\n      const backStepIndex = data.findIndex(item => item.id === backStep.id);\n      const target = document.getElementById(backStep.targetId);\n      if (target) {\n        setCurrentStep({ ...backStep, number: backStepIndex + 1 });\n      }\n    }\n  };\n\n  const onCloseTour = () => {\n    setShowTour(false);\n    if (onFinish) onFinish(true);\n  };\n\n  const getStepPosition = (target: DOMRect) => {\n    if (stepRef.current) {\n      const stepRect = stepRef.current.getBoundingClientRect();\n      const windowWidth = window.innerWidth;\n\n      if (stepRect.right >= windowWidth || currentStep?.position === STEP_POSITIONS.right) {\n        setStepPosition(STEP_POSITIONS.right);\n        setStepDimensions({\n          top: target.top - ARROW_HEIGHT,\n          left: target.left - stepRect.width - ARROW_WIDTH,\n        });\n      } else {\n        setStepPosition(STEP_POSITIONS.left);\n        setStepDimensions({\n          top: target.top - ARROW_HEIGHT,\n          left: target.left + target.width + ARROW_WIDTH,\n        });\n      }\n    }\n  };\n\n  const showStepTour = (step: CurrentStep) => {\n    setShowTour(visible);\n    setCurrentStep(step);\n  };\n\n  const removePreviousElementsEffects = () => {\n    if (activatedEffects.current.length > 0) {\n      const effects = activatedEffects.current;\n\n      effects.forEach((ef) => {\n        const element = document.getElementById(ef.elementId);\n        if (element) {\n          delete element.dataset.uitour;\n          activatedEffects.current = activatedEffects.current\n            .filter(r => r.elementId !== ef.elementId);\n        }\n      });\n    }\n  };\n\n  const addElementEffect = useCallback((elementEffect: ElementEffect) => {\n    const element = document.getElementById(elementEffect.elementId);\n    if (element) {\n      element.dataset.uitour = elementEffect.effect;\n      if (activatedEffects.current) activatedEffects.current.push(elementEffect);\n    }\n  }, []);\n\n  const showElementsEffects = (currentData: UITourData) => {\n    if (currentData.effect) {\n      const { effect, targetId } = currentData;\n      addElementEffect({ effect, elementId: targetId });\n    }\n\n    if (currentData.elementsEffects) {\n      let { elementsEffects } = currentData;\n      if (!Array.isArray(elementsEffects)) elementsEffects = [elementsEffects];\n      elementsEffects.forEach((ef) => {\n        addElementEffect(ef);\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (currentStep) {\n      const target = document.getElementById(currentStep.targetId);\n      if (target) {\n        const targetRect = target.getBoundingClientRect();\n        const currentStepIndex = data.findIndex(item => item.id === currentStep.id);\n        const lastDataIndex = data.length - 1;\n        const initialDataIndex = 0;\n\n        switch (currentStepIndex) {\n          case lastDataIndex:\n            setHasNextStep(false);\n            setHasBackStep(true);\n            setIsLastStep(true);\n            break;\n          case initialDataIndex:\n            setHasNextStep(true);\n            setIsLastStep(false);\n            setHasBackStep(false);\n            break;\n          default:\n            setHasNextStep(true);\n            setHasBackStep(true);\n            setIsLastStep(false);\n        }\n        getStepPosition(targetRect);\n        removePreviousElementsEffects();\n        showElementsEffects(data[currentStepIndex]);\n        if (onStepChange) onStepChange(target);\n      }\n\n      if (descriptionRef.current) {\n        descriptionRef.current.innerHTML = currentStep.description;\n      }\n    }\n  }, [currentStep]);\n\n  useEffect(() => {\n    let mutationObserver: MutationObserver | null = null;\n    if (data && visible) {\n      const initialNumber = 1;\n      const initialStep = { ...data[0], number: initialNumber };\n\n      const target = document.getElementById(initialStep.targetId);\n      if (target) {\n        showStepTour(initialStep);\n      } else {\n        mutationObserver = new MutationObserver(() => {\n          const targetObserved = document.getElementById(initialStep.targetId);\n          if (targetObserved) {\n            showStepTour(initialStep);\n            mutationObserver?.disconnect();\n            mutationObserver = null;\n          }\n        });\n        mutationObserver.observe(document, { subtree: true, childList: true });\n      }\n    }\n\n    return () => {\n      mutationObserver?.disconnect();\n      mutationObserver = null;\n    };\n  }, [visible, data]);\n\n  useEffect(() => {\n    if (!showTour && activatedEffects.current.length > 0) {\n      removePreviousElementsEffects();\n    }\n\n    if (showTour) document.body.style.overflow = 'hidden';\n    else document.body.style.overflow = 'auto';\n  }, [showTour]);\n\n  const component = useMemo(() => (\n    <div className=\"uitour-component\">\n      {currentStep && (\n        <div\n          ref={stepRef}\n          className={`step -${stepPosition}`}\n          key={currentStep.id}\n          style={{ ...stepDimensions }}>\n          {showCloseButton && (\n            <div className=\"closebutton\">\n              <DefaultButton\n                iconName=\"cancel2\"\n                iconAlign=\"center\"\n                size=\"large\"\n                transparent\n                boxShadow={false}\n                style={{ padding: 0 }}\n                onClick={onCloseTour} />\n            </div>\n          )}\n          <div className=\"content\">\n            <span className=\"number\">{currentStep.number}</span>\n            <div className=\"about\">\n              <h3>{currentStep.title}</h3>\n              <p\n                className=\"description\"\n                ref={descriptionRef} />\n            </div>\n          </div>\n          <div className=\"footer\">\n            <PrimaryButton\n              label={backButtonLabel}\n              onClick={handleBackStep}\n              disabled={!hasBackStep}\n              visible={showBackButton}\n              customClass=\"back-button\" />\n            <PrimaryButton\n              label={nextButtonLabel}\n              onClick={handleNextStep}\n              disabled={!hasNextStep}\n              visible={!isLastStep}\n              customClass=\"next-button\" />\n            <PrimaryButton\n              label={finishButtonLabel}\n              visible={isLastStep}\n              onClick={onCloseTour}\n              customClass=\"finish-button\" />\n          </div>\n        </div>\n      )}\n    </div>\n  ), [\n    currentStep, stepPosition, stepDimensions, showCloseButton, onCloseTour, backButtonLabel,\n    handleBackStep, hasBackStep, showBackButton, nextButtonLabel, handleNextStep, hasNextStep,\n    isLastStep, finishButtonLabel, isLastStep, onCloseTour,\n  ]);\n\n  if (!showTour) return null;\n  return createPortal(component, document.body);\n};\n\nexport default UiTour;\n"],"names":["UiTour","props","$","_c","data","nextButtonLabel","backButtonLabel","finishButtonLabel","showCloseButton","t0","showBackButton","t1","visible","t2","onFinish","onStepChange","undefined","currentStep","setCurrentStep","useState","hasNextStep","setHasNextStep","hasBackStep","setHasBackStep","isLastStep","setIsLastStep","stepDimensions","setStepDimensions","showTour","setShowTour","stepPosition","setStepPosition","STEP_POSITIONS","left","stepRef","useRef","descriptionRef","t3","Symbol","for","activatedEffects","t4","id","currentStepIndex","findIndex","item","nextStep","nextStepIndex","item_0","document","getElementById","targetId","number","handleNextStep","t5","currentStepIndex_0","item_1","backStep","backStepIndex","item_2","handleBackStep","t6","onCloseTour","t7","position","target_1","current","stepRect","getBoundingClientRect","windowWidth","window","innerWidth","right","top","target","ARROW_HEIGHT","width","ARROW_WIDTH","getStepPosition","t8","step","showStepTour","t9","length","forEach","ef","element","elementId","dataset","uitour","filter","r","removePreviousElementsEffects","t10","elementEffect","element_0","effect","push","addElementEffect","t11","currentData","elementsEffects","Array","isArray","ef_0","showElementsEffects","t12","target_2","targetRect","currentStepIndex_1","item_3","lastDataIndex","bb85","innerHTML","description","t13","useEffect","t14","mutationObserver","initialStep","MutationObserver","disconnect","observe","subtree","childList","t15","t16","t17","body","style","overflow","t18","jsx","DefaultButton","padding","jsxs","title","PrimaryButton","t19","component","t20","createPortal"],"mappings":"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"}