@frontify/fondue 12.0.0-beta.224 → 12.0.0-beta.225

package/dist/components/RichTextEditor/serializer/utils/serializeLeafToHtml.es.js

@@ -1,15 +1,15 @@
 import n from "escape-html";
 import { BOLD_CLASSES as S } from "../../Plugins/BoldPlugin/BoldMarkupElement.es.js";
-import { ITALIC_CLASSES as l } from "../../Plugins/ItalicPlugin/ItalicMarkupElement.es.js";
-import { UNDERLINE_CLASSES as e } from "../../Plugins/UnderlinePlugin/UnderlineMarkupElement.es.js";
-import { STRIKETHROUGH_CLASSES as m } from "../../Plugins/StrikethroughPlugin/StrikethroughMarkupElement.es.js";
-import { CODE_CLASSES as f } from "../../Plugins/CodePlugin/CodeMarkupElement.es.js";
+import { ITALIC_CLASSES as f } from "../../Plugins/ItalicPlugin/ItalicMarkupElement.es.js";
+import { UNDERLINE_CLASSES as m } from "../../Plugins/UnderlinePlugin/UnderlineMarkupElement.es.js";
+import { STRIKETHROUGH_CLASSES as c } from "../../Plugins/StrikethroughPlugin/StrikethroughMarkupElement.es.js";
+import { CODE_CLASSES as $ } from "../../Plugins/CodePlugin/CodeMarkupElement.es.js";
 const _ = (r) => {
   let s = n(r.text);
   s = s.replaceAll(`
 `, "<br />");
-  const { bold: a, italic: p, underline: t, strikethrough: i, code: o } = r;
-  return a && (s = `<span class="${S}">${s}</span>`), p && (s = `<span class="${l}">${s}</span>`), t && (s = `<span class="${e}">${s}</span>`), i && (s = `<span class="${m}">${s}</span>`), o && (s = `<span class="${f}">${s}</span>`), s;
+  const { bold: p, italic: i, underline: t, strikethrough: a, code: o, subscript: e, superscript: l } = r;
+  return p && (s = `<span class="${S}">${s}</span>`), i && (s = `<span class="${f}">${s}</span>`), t && (s = `<span class="${m}">${s}</span>`), a && (s = `<span class="${c}">${s}</span>`), o && (s = `<span class="${$}">${s}</span>`), e ? s = `<sub>${s}</sub>` : l && (s = `<sup>${s}</sup>`), s;
 };
 export {
   _ as serializeLeafToHtml

package/dist/components/RichTextEditor/serializer/utils/serializeLeafToHtml.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializeLeafToHtml.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeLeafToHtml.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    BOLD_CLASSES,\n    CODE_CLASSES,\n    ITALIC_CLASSES,\n    STRIKETHROUGH_CLASSES,\n    UNDERLINE_CLASSES,\n} from '@components/RichTextEditor/Plugins';\nimport { TText } from '@udecode/plate';\nimport escapeHtml from 'escape-html';\n\nexport const serializeLeafToHtml = (node: TText): string => {\n    let string = escapeHtml(node.text);\n    string = string.replaceAll('\\n', '<br />');\n    const { bold, italic, underline, strikethrough, code } = node;\n    if (bold) {\n        string = `<span class=\"${BOLD_CLASSES}\">${string}</span>`;\n    }\n    if (italic) {\n        string = `<span class=\"${ITALIC_CLASSES}\">${string}</span>`;\n    }\n    if (underline) {\n        string = `<span class=\"${UNDERLINE_CLASSES}\">${string}</span>`;\n    }\n    if (strikethrough) {\n        string = `<span class=\"${STRIKETHROUGH_CLASSES}\">${string}</span>`;\n    }\n    if (code) {\n        string = `<span class=\"${CODE_CLASSES}\">${string}</span>`;\n    }\n    return string;\n};\n"],"names":["serializeLeafToHtml","node","string","escapeHtml","bold","italic","underline","strikethrough","code","BOLD_CLASSES","ITALIC_CLASSES","UNDERLINE_CLASSES","STRIKETHROUGH_CLASSES","CODE_CLASSES"],"mappings":";;;;;;AAYa,MAAAA,IAAsB,CAACC,MAAwB;AACpD,MAAAC,IAASC,EAAWF,EAAK,IAAI;AACxB,EAAAC,IAAAA,EAAO,WAAW;AAAA,GAAM,QAAQ;AACzC,QAAM,EAAE,MAAAE,GAAM,QAAAC,GAAQ,WAAAC,GAAW,eAAAC,GAAe,MAAAC,EAAS,IAAAP;AACzD,SAAIG,MACAF,IAAS,gBAAgBO,MAAiBP,aAE1CG,MACAH,IAAS,gBAAgBQ,MAAmBR,aAE5CI,MACAJ,IAAS,gBAAgBS,MAAsBT,aAE/CK,MACAL,IAAS,gBAAgBU,MAA0BV,aAEnDM,MACAN,IAAS,gBAAgBW,MAAiBX,aAEvCA;AACX;"}
+{"version":3,"file":"serializeLeafToHtml.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeLeafToHtml.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    BOLD_CLASSES,\n    CODE_CLASSES,\n    ITALIC_CLASSES,\n    STRIKETHROUGH_CLASSES,\n    UNDERLINE_CLASSES,\n} from '@components/RichTextEditor/Plugins';\nimport { TText } from '@udecode/plate';\nimport escapeHtml from 'escape-html';\n\nexport const serializeLeafToHtml = (node: TText): string => {\n    let string = escapeHtml(node.text);\n    string = string.replaceAll('\\n', '<br />');\n    const { bold, italic, underline, strikethrough, code, subscript, superscript } = node;\n    if (bold) {\n        string = `<span class=\"${BOLD_CLASSES}\">${string}</span>`;\n    }\n    if (italic) {\n        string = `<span class=\"${ITALIC_CLASSES}\">${string}</span>`;\n    }\n    if (underline) {\n        string = `<span class=\"${UNDERLINE_CLASSES}\">${string}</span>`;\n    }\n    if (strikethrough) {\n        string = `<span class=\"${STRIKETHROUGH_CLASSES}\">${string}</span>`;\n    }\n    if (code) {\n        string = `<span class=\"${CODE_CLASSES}\">${string}</span>`;\n    }\n    if (subscript) {\n        string = `<sub>${string}</sub>`;\n    } else if (superscript) {\n        string = `<sup>${string}</sup>`;\n    }\n    return string;\n};\n"],"names":["serializeLeafToHtml","node","string","escapeHtml","bold","italic","underline","strikethrough","code","subscript","superscript","BOLD_CLASSES","ITALIC_CLASSES","UNDERLINE_CLASSES","STRIKETHROUGH_CLASSES","CODE_CLASSES"],"mappings":";;;;;;AAYa,MAAAA,IAAsB,CAACC,MAAwB;AACpD,MAAAC,IAASC,EAAWF,EAAK,IAAI;AACxB,EAAAC,IAAAA,EAAO,WAAW;AAAA,GAAM,QAAQ;AACnC,QAAA,EAAE,MAAAE,GAAM,QAAAC,GAAQ,WAAAC,GAAW,eAAAC,GAAe,MAAAC,GAAM,WAAAC,GAAW,aAAAC,EAAgB,IAAAT;AACjF,SAAIG,MACAF,IAAS,gBAAgBS,MAAiBT,aAE1CG,MACAH,IAAS,gBAAgBU,MAAmBV,aAE5CI,MACAJ,IAAS,gBAAgBW,MAAsBX,aAE/CK,MACAL,IAAS,gBAAgBY,MAA0BZ,aAEnDM,MACAN,IAAS,gBAAgBa,MAAiBb,aAE1CO,IACAP,IAAS,QAAQA,YACVQ,MACPR,IAAS,QAAQA,YAEdA;AACX;"}

package/dist/components/Tabs/TabItem.es.js

@@ -1,24 +1,26 @@
-import o, { useRef as c } from "react";
-import { FOCUS_VISIBLE_STYLE as l } from "../../utilities/focusStyle.es.js";
-import { merge as i } from "../../utilities/merge.es.js";
-import { checkIfContainInteractiveElements as s } from "../../utilities/elements.es.js";
-const I = ({ active: n, disabled: a, children: m, id: e }) => {
-  const t = c(null), r = s(t.current);
-  return /* @__PURE__ */ o.createElement(
+import s, { useRef as c, useState as l, useEffect as i } from "react";
+import { FOCUS_VISIBLE_STYLE as f } from "../../utilities/focusStyle.es.js";
+import { merge as I } from "../../utilities/merge.es.js";
+import { checkIfContainInteractiveElements as p } from "../../utilities/elements.es.js";
+const u = ({ active: r, disabled: m, children: e, id: t }) => {
+  const a = c(null), [n, o] = l(!1);
+  return i(() => {
+    o(p(a.current));
+  }, [e]), /* @__PURE__ */ s.createElement(
     "div",
     {
       role: "tabpanel",
-      ref: t,
-      id: `${e}-content`,
-      "aria-labelledby": e,
-      className: i([!n || a ? "tw-hidden" : "", !r && l]),
-      tabIndex: r ? -1 : 0
+      ref: a,
+      id: `${t}-content`,
+      "aria-labelledby": t,
+      className: I([!r || m ? "tw-hidden" : "", !n && f]),
+      tabIndex: n ? -1 : 0
     },
-    m
+    e
   );
 };
-I.displayName = "FondueTabItem";
+u.displayName = "FondueTabItem";
 export {
-  I as TabItem
+  u as TabItem
 };
 //# sourceMappingURL=TabItem.es.js.map

package/dist/components/Tabs/TabItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.es.js","sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactElement, ReactNode, useRef } from 'react';\nimport { BadgeProps } from '@components/Badge';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { checkIfContainInteractiveElements } from '@utilities/elements';\n\nexport type TabItemProps = {\n    id: string;\n    label: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    decorator?: ReactElement;\n    badge?: BadgeProps;\n    children: ReactNode;\n};\n\nexport const TabItem = ({ active, disabled, children, id }: TabItemProps & { active?: boolean }): ReactElement => {\n    const ref = useRef<HTMLDivElement | null>(null);\n    const hasInteractiveElements = checkIfContainInteractiveElements(ref.current);\n\n    return (\n        <div\n            role=\"tabpanel\"\n            ref={ref}\n            id={`${id}-content`}\n            aria-labelledby={id}\n            className={merge([!active || disabled ? 'tw-hidden' : '', !hasInteractiveElements && FOCUS_VISIBLE_STYLE])}\n            tabIndex={hasInteractiveElements ? -1 : 0}\n        >\n            {children}\n        </div>\n    );\n};\nTabItem.displayName = 'FondueTabItem';\n"],"names":["TabItem","active","disabled","children","id","ref","useRef","hasInteractiveElements","checkIfContainInteractiveElements","React","merge","FOCUS_VISIBLE_STYLE"],"mappings":";;;;AAkBO,MAAMA,IAAU,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,IAAAC,QAA4D;AACxG,QAAAC,IAAMC,EAA8B,IAAI,GACxCC,IAAyBC,EAAkCH,EAAI,OAAO;AAGxE,SAAA,gBAAAI,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,KAAAJ;AAAA,MACA,IAAI,GAAGD;AAAA,MACP,mBAAiBA;AAAA,MACjB,WAAWM,EAAM,CAAC,CAACT,KAAUC,IAAW,cAAc,IAAI,CAACK,KAA0BI,CAAmB,CAAC;AAAA,MACzG,UAAUJ,IAAyB,KAAK;AAAA,IAAA;AAAA,IAEvCJ;AAAA,EAAA;AAGb;AACAH,EAAQ,cAAc;"}
+{"version":3,"file":"TabItem.es.js","sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactElement, ReactNode, useEffect, useRef, useState } from 'react';\nimport { BadgeProps } from '@components/Badge';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { checkIfContainInteractiveElements } from '@utilities/elements';\n\nexport type TabItemProps = {\n    id: string;\n    label: string;\n    onClick?: () => void;\n    disabled?: boolean;\n    decorator?: ReactElement;\n    badge?: BadgeProps;\n    children: ReactNode;\n};\n\nexport const TabItem = ({ active, disabled, children, id }: TabItemProps & { active?: boolean }): ReactElement => {\n    const ref = useRef<HTMLDivElement | null>(null);\n    const [hasInteractiveElements, setHasInteractiveElements] = useState(false);\n\n    useEffect(() => {\n        setHasInteractiveElements(checkIfContainInteractiveElements(ref.current));\n    }, [children]);\n\n    return (\n        <div\n            role=\"tabpanel\"\n            ref={ref}\n            id={`${id}-content`}\n            aria-labelledby={id}\n            className={merge([!active || disabled ? 'tw-hidden' : '', !hasInteractiveElements && FOCUS_VISIBLE_STYLE])}\n            tabIndex={hasInteractiveElements ? -1 : 0}\n        >\n            {children}\n        </div>\n    );\n};\nTabItem.displayName = 'FondueTabItem';\n"],"names":["TabItem","active","disabled","children","id","ref","useRef","hasInteractiveElements","setHasInteractiveElements","useState","useEffect","checkIfContainInteractiveElements","React","merge","FOCUS_VISIBLE_STYLE"],"mappings":";;;;AAkBO,MAAMA,IAAU,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,IAAAC,QAA4D;AACxG,QAAAC,IAAMC,EAA8B,IAAI,GACxC,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK;AAE1E,SAAAC,EAAU,MAAM;AACc,IAAAF,EAAAG,EAAkCN,EAAI,OAAO,CAAC;AAAA,EAAA,GACzE,CAACF,CAAQ,CAAC,GAGT,gBAAAS,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,KAAAP;AAAA,MACA,IAAI,GAAGD;AAAA,MACP,mBAAiBA;AAAA,MACjB,WAAWS,EAAM,CAAC,CAACZ,KAAUC,IAAW,cAAc,IAAI,CAACK,KAA0BO,CAAmB,CAAC;AAAA,MACzG,UAAUP,IAAyB,KAAK;AAAA,IAAA;AAAA,IAEvCJ;AAAA,EAAA;AAGb;AACAH,EAAQ,cAAc;"}

package/dist/components/Tooltip/Tooltip.es.js

@@ -2,7 +2,7 @@ import { IconSize as D } from "../../foundation/Icon/IconSize.es.js";
 import { useLink as ce } from "@react-aria/link";
 import { FOCUS_VISIBLE_STYLE as pe } from "../../utilities/focusStyle.es.js";
 import { merge as f } from "../../utilities/merge.es.js";
-import t, { useState as E, useRef as V, useMemo as ue, useCallback as g, useEffect as W, useLayoutEffect as be, cloneElement as T } from "react";
+import t, { useState as b, useRef as V, useMemo as ue, useCallback as E, useEffect as W, useLayoutEffect as be, cloneElement as T } from "react";
 import { BrightHeader as Ee, brightHeaderArrowBackgroundColors as C } from "./BrightHeader.es.js";
 import { usePopper as ge } from "react-popper";
 import { useMemoizedId as Se } from "../../hooks/useMemoizedId.es.js";
@@ -10,14 +10,14 @@ import { Portal as ve } from "../Portal/Portal.es.js";
 import { Button as Y } from "../Button/Button.es.js";
 import { ButtonStyle as j, ButtonEmphasis as q, ButtonSize as G } from "../Button/ButtonTypes.es.js";
 const J = {
-  small: "tw-pt-3.5",
-  large: "tw-pt-4"
+  small: "tw-pt-2",
+  large: "tw-pt-3"
 }, K = {
-  small: "tw-pb-3.5",
-  large: "tw-pb-4"
+  small: "tw-pb-2",
+  large: "tw-pb-3"
 };
-var ke = /* @__PURE__ */ ((e) => (e.Top = "Top", e.Right = "Right", e.Bottom = "Bottom", e.Left = "Left", e))(ke || {}), xe = /* @__PURE__ */ ((e) => (e.Start = "Start", e.Middle = "Middle", e.End = "End", e))(xe || {});
-const he = {
+var he = /* @__PURE__ */ ((e) => (e.Top = "Top", e.Right = "Right", e.Bottom = "Bottom", e.Left = "Left", e))(he || {}), ke = /* @__PURE__ */ ((e) => (e.Start = "Start", e.Middle = "Middle", e.End = "End", e))(ke || {});
+const xe = {
   ["Top-Start"]: "top-start",
   ["Top-End"]: "top-end",
   ["Bottom-Start"]: "bottom-start",
@@ -59,31 +59,31 @@ const he = {
   content: e,
   tooltipIcon: r,
   heading: l,
-  headingIcon: S,
+  headingIcon: g,
   linkUrl: c,
   linkLabel: Q,
-  brightHeader: p,
+  brightHeader: k,
   buttons: o,
   children: X,
   position: y = "Bottom",
   alignment: B = "Middle",
-  withArrow: v,
+  withArrow: S,
   flip: Z = !0,
   triggerElement: R,
   hoverDelay: z = 200,
-  enterDelay: h = 0,
+  enterDelay: x = 0,
   open: M = !1,
-  disabled: P = !1,
-  enablePortal: A = !1,
-  hidden: H = !1
+  disabled: H = !1,
+  enablePortal: P = !1,
+  hidden: A = !1
 }) => {
   var _;
-  const [L, U] = E(
+  const [L, U] = b(
     null
-  ), N = V(null), s = H || P, { linkProps: ee } = ce({ isDisabled: s }, N), te = ue(
-    () => c || p || o || l || S,
-    [c, p, o, l, S]
-  ), re = he[`${y}-${B}`], [u, oe] = E(null), [k, ae] = E(null), [se, ne] = E(null), O = Se(), w = ge(L, u, {
+  ), N = V(null), s = A || H, { linkProps: ee } = ce({ isDisabled: s }, N), te = ue(
+    () => c || o || l || g,
+    [c, o, l, g]
+  ), re = xe[`${y}-${B}`], [p, oe] = b(null), [v, ae] = b(null), [se, ne] = b(null), O = Se(), w = ge(L, p, {
     placement: re,
     strategy: "fixed",
     modifiers: [
@@ -96,7 +96,7 @@ const he = {
       {
         name: "offset",
         options: {
-          offset: [0, v ? 10 : 5]
+          offset: [0, S ? 10 : 5]
         }
       },
       {
@@ -104,27 +104,27 @@ const he = {
         enabled: Z
       }
     ]
-  }), le = ((_ = w.state) == null ? void 0 : _.placement) ?? y, ie = Le(le, p, B), [i, d] = E(!1), n = V(null), de = g(() => {
+  }), le = ((_ = w.state) == null ? void 0 : _.placement) ?? y, ie = Le(le, k, B), [i, d] = b(!1), n = V(null), de = E(() => {
     n.current && clearTimeout(n.current), n.current = setTimeout(() => d(!1), z);
-  }, [z]), F = g(() => {
-    if (n.current && clearTimeout(n.current), h) {
-      n.current = setTimeout(() => d(!0), h);
+  }, [z]), F = E(() => {
+    if (n.current && clearTimeout(n.current), x) {
+      n.current = setTimeout(() => d(!0), x);
       return;
     }
     d(!0);
-  }, [h]), fe = g(
+  }, [x]), fe = E(
     (a) => {
       var m;
-      const b = (m = a.composedPath) == null ? void 0 : m.call(a);
-      b && [L, k, u].some(($) => $ && b.includes($)) && F();
+      const u = (m = a.composedPath) == null ? void 0 : m.call(a);
+      u && [L, v, p].some(($) => $ && u.includes($)) && F();
     },
-    [F, u, k, L]
-  ), we = g(
+    [F, p, v, L]
+  ), we = E(
     (a) => {
-      const { relatedTarget: b } = a;
-      (!b || ![u, k].some((m) => m == null ? void 0 : m.contains(b))) && d(!1);
+      const { relatedTarget: u } = a;
+      (!u || ![p, v].some((m) => m == null ? void 0 : m.contains(u))) && d(!1);
     },
-    [u, k]
+    [p, v]
   ), I = s ? {} : {
     onMouseOver: (a) => fe(a.nativeEvent),
     onMouseLeave: de,
@@ -134,7 +134,7 @@ const he = {
   W(() => {
     n.current && clearTimeout(n.current), d(s ? !1 : M);
   }, [M, s]);
-  const x = g(
+  const h = E(
     (a) => {
       i && a.key === "Escape" && d(!1);
     },
@@ -142,13 +142,13 @@ const he = {
   );
   return be(() => {
     typeof w.update == "function" && i && w.update();
-  }, [i]), W(() => (i ? window.addEventListener("keydown", x) : window.removeEventListener("keydown", x), () => {
-    window.removeEventListener("keydown", x);
-  }), [x, i]), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { ...I, ref: ae }, R && T(R, {
+  }, [i]), W(() => (i ? window.addEventListener("keydown", h) : window.removeEventListener("keydown", h), () => {
+    window.removeEventListener("keydown", h);
+  }), [h, i]), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { ...I, ref: ae }, R && T(R, {
     ref: U,
     "aria-describedby": O,
     "aria-disabled": s
-  })), /* @__PURE__ */ t.createElement(Te, { enablePortal: A }, /* @__PURE__ */ t.createElement(
+  })), /* @__PURE__ */ t.createElement(Te, { enablePortal: P }, /* @__PURE__ */ t.createElement(
     "div",
     {
       ref: oe,
@@ -164,17 +164,17 @@ const he = {
       ...w.attributes.popper,
       ...I
     },
-    p && /* @__PURE__ */ t.createElement(Ee, { headerStyle: p }),
+    k && /* @__PURE__ */ t.createElement(Ee, { headerStyle: k }),
     /* @__PURE__ */ t.createElement(
       "div",
       {
         className: f([
-          "tw-px-4 tw-dark tw-bg-base tw-rounded-md tw-relative tw-z-[120000]",
-          te ? J.small : J.large,
-          c ? K.small : K.large
+          "tw-px-3 tw-dark tw-bg-base tw-rounded-md tw-relative tw-z-[120000]",
+          te ? J.large : J.small,
+          c ? K.large : K.small
         ])
       },
-      l && /* @__PURE__ */ t.createElement("h4", { className: "tw-flex tw-text-m tw-font-bold tw-mb-1" }, S && /* @__PURE__ */ t.createElement("span", { className: "tw-mr-1.5" }, T(S, { size: D.Size20 })), l),
+      l && /* @__PURE__ */ t.createElement("h4", { className: "tw-flex tw-text-m tw-font-bold tw-mb-1" }, g && /* @__PURE__ */ t.createElement("span", { className: "tw-mr-1.5" }, T(g, { size: D.Size20 })), l),
       /* @__PURE__ */ t.createElement("div", { className: "tw-flex" }, r && /* @__PURE__ */ t.createElement("span", { className: "tw-shrink-0 tw-mr-1 tw-leading-4" }, T(r, { size: D.Size16 })), /* @__PURE__ */ t.createElement("span", { className: "tw-text-s tw-min-w-0 tw-break-words" }, e)),
       c && /* @__PURE__ */ t.createElement(
         "a",
@@ -218,12 +218,12 @@ const he = {
       "div",
       {
         "data-test-id": "popover-arrow",
-        "data-popper-arrow": v,
+        "data-popper-arrow": S,
         ref: ne,
         style: w.styles.arrow,
         className: f([
-          v && "tw-popper-arrow tw-z-[110000] tw-absolute tw-w-3 tw-h-3 tw-pointer-events-none before:tw-absolute before:tw-w-3 before:tw-h-3 before:tw-rotate-45 before:tw-border before:tw-border-line",
-          v && ie
+          S && "tw-popper-arrow tw-z-[110000] tw-absolute tw-w-3 tw-h-3 tw-pointer-events-none before:tw-absolute before:tw-w-3 before:tw-h-3 before:tw-rotate-45 before:tw-border before:tw-border-line",
+          S && ie
         ])
       }
     )),
@@ -233,7 +233,7 @@ const he = {
 Ce.displayName = "FondueTooltip";
 export {
   Ce as Tooltip,
-  xe as TooltipAlignment,
-  ke as TooltipPosition
+  ke as TooltipAlignment,
+  he as TooltipPosition
 };
 //# sourceMappingURL=Tooltip.es.js.map

package/dist/components/Tooltip/Tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.es.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Button, ButtonEmphasis, ButtonSize, ButtonStyle } from '@components/Button';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useLink } from '@react-aria/link';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport React, {\n    FocusEvent,\n    HTMLAttributes,\n    ReactElement,\n    ReactNode,\n    cloneElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { BrightHeader, BrightHeaderStyle, brightHeaderArrowBackgroundColors } from './BrightHeader';\nimport { usePopper } from 'react-popper';\nimport { Placement } from '@popperjs/core';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { Portal } from '@components/Portal';\n\nexport type TooltipButton = {\n    label: string;\n    action: () => void;\n};\n\nexport type TooltipProps = {\n    triggerElement?: ReactElement;\n    content: ReactNode;\n    tooltipIcon?: ReactElement;\n    heading?: ReactNode;\n    headingIcon?: ReactElement;\n    linkUrl?: string;\n    linkLabel?: string;\n    brightHeader?: BrightHeaderStyle;\n    buttons?: [TooltipButton, TooltipButton] | [TooltipButton];\n    children?: ReactNode;\n    position?: TooltipPosition;\n    alignment?: TooltipAlignment;\n    flip?: boolean;\n    withArrow?: boolean;\n    hoverDelay?: number;\n    enterDelay?: number;\n    open?: boolean;\n    disabled?: boolean;\n    /** @deprecated use disabled since the tooltip is always present in the DOM now so hidden has no effect anymore */\n    hidden?: boolean;\n    enablePortal?: boolean;\n};\n\n/**\n * This is a temporary workaround because for some yet unknown reasons `tailwindcss` in clarify purges the `tw-pb-3.5` and `tw-pt-3.5` class.\n */\nconst paddingsTop = {\n    small: 'tw-pt-3.5',\n    large: 'tw-pt-4',\n};\n\nconst paddingsBottom = {\n    small: 'tw-pb-3.5',\n    large: 'tw-pb-4',\n};\n\nexport enum TooltipPosition {\n    Top = 'Top',\n    Right = 'Right',\n    Bottom = 'Bottom',\n    Left = 'Left',\n}\n\nexport enum TooltipAlignment {\n    Start = 'Start',\n    Middle = 'Middle',\n    End = 'End',\n}\n\nconst placementMap: Record<`${TooltipPosition}-${TooltipAlignment}`, Placement> = {\n    ['Top-Start']: 'top-start',\n    ['Top-End']: 'top-end',\n    ['Bottom-Start']: 'bottom-start',\n    ['Bottom-End']: 'bottom-end',\n    ['Left-Start']: 'left-start',\n    ['Left-End']: 'left-end',\n    ['Right-Start']: 'right-start',\n    ['Right-End']: 'right-end',\n    ['Top-Middle']: 'top',\n    ['Right-Middle']: 'right',\n    ['Bottom-Middle']: 'bottom',\n    ['Left-Middle']: 'left',\n};\n\nconst getArrowClasses = (currentPlacement: string, brightHeader: BrightHeaderStyle | undefined, alignment: string) => {\n    switch (true) {\n        case currentPlacement.toString().includes(TooltipPosition.Top.toLowerCase()):\n            return 'before:tw-border-t-0 before:tw-border-l-0 tw-bottom-[-6px] before:tw-dark before:tw-bg-base';\n        case currentPlacement.toString().includes(TooltipPosition.Right.toLowerCase()):\n            return merge([\n                'before:tw-border-t-0 before:tw-border-r-0 tw-left-[-5px]',\n                brightHeader &&\n                alignment === TooltipAlignment.Start &&\n                currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n                    ? brightHeaderArrowBackgroundColors[brightHeader]\n                    : 'before:tw-dark before:tw-bg-base',\n            ]);\n        case currentPlacement.toString().includes(TooltipPosition.Bottom.toLowerCase()):\n            return merge([\n                'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px]',\n                brightHeader ? brightHeaderArrowBackgroundColors[brightHeader] : 'before:tw-dark before:tw-bg-base',\n            ]);\n        case currentPlacement.toString().includes(TooltipPosition.Left.toLowerCase()):\n            return merge([\n                'before:tw-border-b-0 before:tw-border-l-0 tw-right-[-5px]',\n                brightHeader &&\n                alignment === TooltipAlignment.Start &&\n                currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n                    ? brightHeaderArrowBackgroundColors[brightHeader]\n                    : 'before:tw-dark before:tw-bg-base',\n            ]);\n        default:\n            return 'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px] before:tw-dark before:tw-bg-base';\n    }\n};\n\nconst TooltipWrapper = ({\n    enablePortal = false,\n    children,\n}: {\n    enablePortal?: boolean;\n    children?: ReactNode | ReactNode[];\n}) => {\n    if (enablePortal) {\n        return (<Portal>{children}</Portal>) as JSX.Element;\n    }\n\n    return children as JSX.Element;\n};\n\nexport const Tooltip = ({\n    content,\n    tooltipIcon,\n    heading,\n    headingIcon,\n    linkUrl,\n    linkLabel,\n    brightHeader,\n    buttons,\n    children,\n    position = TooltipPosition.Bottom,\n    alignment = TooltipAlignment.Middle,\n    withArrow,\n    flip = true,\n    triggerElement,\n    hoverDelay = 200,\n    enterDelay = 0,\n    open = false,\n    disabled = false,\n    enablePortal = false,\n    hidden = false,\n}: TooltipProps) => {\n    const [triggerElementRef, setTriggerElementRef] = useState<HTMLElement | HTMLDivElement | HTMLButtonElement | null>(\n        null,\n    );\n    const linkRef = useRef<HTMLAnchorElement | null>(null);\n\n    const shouldPreventTooltipOpening = hidden || disabled;\n    const { linkProps } = useLink({ isDisabled: shouldPreventTooltipOpening }, linkRef);\n    const hasLargePaddingTop = useMemo(\n        () => linkUrl || brightHeader || buttons || heading || headingIcon,\n        [linkUrl, brightHeader, buttons, heading, headingIcon],\n    );\n\n    const placement = placementMap[`${position}-${alignment}`];\n    const [tooltipContainerRef, setTooltipContainerRef] = useState<HTMLDivElement | null>(null);\n    const [triggerElementContainerRef, setTriggerElementContainerRef] = useState<HTMLDivElement | null>(null);\n    const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n    const id = useMemoizedId();\n\n    const tooltipOffset = withArrow ? 10 : 5;\n    const popperInstance = usePopper(triggerElementRef, tooltipContainerRef, {\n        placement,\n        strategy: 'fixed',\n        modifiers: [\n            {\n                name: 'arrow',\n                options: {\n                    element: arrowElement,\n                },\n            },\n            {\n                name: 'offset',\n                options: {\n                    offset: [0, tooltipOffset],\n                },\n            },\n            {\n                name: 'flip',\n                enabled: flip,\n            },\n        ],\n    });\n\n    const currentPlacement = popperInstance.state?.placement ?? position;\n    const arrowStyling = getArrowClasses(currentPlacement, brightHeader, alignment);\n    const [isOpen, setIsOpen] = useState(false);\n    const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const handleHideTooltipOnHover = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n        }\n        timeoutRef.current = setTimeout(() => setIsOpen(false), hoverDelay);\n    }, [hoverDelay]);\n\n    const handleShowTooltipOnHover = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n        }\n\n        if (enterDelay) {\n            timeoutRef.current = setTimeout(() => setIsOpen(true), enterDelay);\n            return;\n        }\n\n        setIsOpen(true);\n    }, [enterDelay]);\n\n    const checkIfHovered = useCallback(\n        (event: MouseEvent) => {\n            const hoveredElement = event.composedPath?.();\n            const hoverSources = [triggerElementRef, triggerElementContainerRef, tooltipContainerRef];\n\n            if (hoveredElement && hoverSources.some((el) => el && hoveredElement.includes(el))) {\n                handleShowTooltipOnHover();\n            }\n        },\n        [handleShowTooltipOnHover, tooltipContainerRef, triggerElementContainerRef, triggerElementRef],\n    );\n\n    const handleCloseIfFocusedOutside = useCallback(\n        (event: FocusEvent<HTMLElement>) => {\n            const { relatedTarget } = event;\n            const elements = [tooltipContainerRef, triggerElementContainerRef];\n\n            if (!relatedTarget || !elements.some((element) => element?.contains(relatedTarget))) {\n                setIsOpen(false);\n            }\n        },\n        [tooltipContainerRef, triggerElementContainerRef],\n    );\n\n    const openingEvents: HTMLAttributes<HTMLElement> = shouldPreventTooltipOpening\n        ? {}\n        : {\n              onMouseOver: (event) => checkIfHovered(event.nativeEvent),\n              onMouseLeave: handleHideTooltipOnHover,\n              onFocus: () => setIsOpen(true),\n              onBlur: handleCloseIfFocusedOutside,\n          };\n\n    useEffect(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n        }\n        setIsOpen(shouldPreventTooltipOpening ? false : open);\n    }, [open, shouldPreventTooltipOpening]);\n\n    const listenForEsc = useCallback(\n        (event: KeyboardEvent) => {\n            if (isOpen && event.key === 'Escape') {\n                setIsOpen(false);\n            }\n        },\n        [isOpen],\n    );\n\n    useLayoutEffect(() => {\n        if (typeof popperInstance.update === 'function' && isOpen) {\n            popperInstance.update();\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isOpen) {\n            window.addEventListener('keydown', listenForEsc);\n        } else {\n            window.removeEventListener('keydown', listenForEsc);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', listenForEsc);\n        };\n    }, [listenForEsc, isOpen]);\n\n    return (\n        <>\n            <div {...openingEvents} ref={setTriggerElementContainerRef}>\n                {triggerElement &&\n                    cloneElement(triggerElement, {\n                        ref: setTriggerElementRef,\n                        'aria-describedby': id,\n                        'aria-disabled': shouldPreventTooltipOpening,\n                    })}\n            </div>\n            <TooltipWrapper enablePortal={enablePortal}>\n                <div\n                    ref={setTooltipContainerRef}\n                    aria-hidden={shouldPreventTooltipOpening}\n                    className={merge([\n                        'tw-popper-container tw-inline-block tw-max-w-[200px] tw-dark tw-bg-base tw-rounded-md tw-shadow-mid tw-text-text tw-z-[120000]',\n                        !isOpen && 'tw-opacity-0 tw-h-0 tw-w-0 tw-overflow-hidden',\n                    ])}\n                    data-test-id=\"tooltip\"\n                    role=\"tooltip\"\n                    id={id}\n                    style={popperInstance.styles.popper}\n                    {...popperInstance.attributes.popper}\n                    {...openingEvents}\n                >\n                    {brightHeader && <BrightHeader headerStyle={brightHeader} />}\n                    <div\n                        className={merge([\n                            'tw-px-4 tw-dark tw-bg-base tw-rounded-md tw-relative tw-z-[120000]',\n                            hasLargePaddingTop ? paddingsTop.small : paddingsTop.large,\n                            linkUrl ? paddingsBottom.small : paddingsBottom.large,\n                        ])}\n                    >\n                        {heading && (\n                            <h4 className=\"tw-flex tw-text-m tw-font-bold tw-mb-1\">\n                                {headingIcon && (\n                                    <span className=\"tw-mr-1.5\">\n                                        {cloneElement(headingIcon, { size: IconSize.Size20 })}\n                                    </span>\n                                )}\n                                {heading}\n                            </h4>\n                        )}\n                        <div className=\"tw-flex\">\n                            {tooltipIcon && (\n                                <span className=\"tw-shrink-0 tw-mr-1 tw-leading-4\">\n                                    {cloneElement(tooltipIcon, { size: IconSize.Size16 })}\n                                </span>\n                            )}\n                            <span className=\"tw-text-s tw-min-w-0 tw-break-words\">{content}</span>\n                        </div>\n                        {linkUrl && (\n                            <a\n                                {...linkProps}\n                                data-test-id=\"tooltip-link\"\n                                ref={linkRef}\n                                href={linkUrl}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className={merge([\n                                    'tw-text-xs tw-text-black-40 tw-underline tw-mt-1',\n                                    FOCUS_VISIBLE_STYLE,\n                                ])}\n                            >\n                                {linkLabel ?? 'Click here to learn more.'}\n                            </a>\n                        )}\n                        {buttons && (\n                            <div className=\"tw-flex tw-flex-row-reverse tw-gap-x-1 tw-mt-4\">\n                                {buttons.length > 0 && (\n                                    <Button\n                                        style={ButtonStyle.Default}\n                                        emphasis={ButtonEmphasis.Strong}\n                                        size={ButtonSize.Small}\n                                        onClick={buttons[0].action}\n                                        disabled={shouldPreventTooltipOpening}\n                                    >\n                                        {buttons[0].label}\n                                    </Button>\n                                )}\n                                {buttons.length === 2 && (\n                                    <Button\n                                        style={ButtonStyle.Default}\n                                        emphasis={ButtonEmphasis.Default}\n                                        size={ButtonSize.Small}\n                                        onClick={buttons[1].action}\n                                        disabled={shouldPreventTooltipOpening}\n                                    >\n                                        {buttons[1].label}\n                                    </Button>\n                                )}\n                            </div>\n                        )}\n                    </div>\n                    {/**\n                     * This container is needed for the arrow element to not be styled by popperJS\n                     * selectors for its immediate children .tw-popper-container > .tw-popper-arrow\n                     * */}\n                    <div aria-hidden=\"true\">\n                        <div\n                            data-test-id=\"popover-arrow\"\n                            data-popper-arrow={withArrow}\n                            ref={setArrowElement}\n                            style={popperInstance.styles.arrow}\n                            className={merge([\n                                withArrow &&\n                                    'tw-popper-arrow tw-z-[110000] tw-absolute tw-w-3 tw-h-3 tw-pointer-events-none before:tw-absolute before:tw-w-3 before:tw-h-3 before:tw-rotate-45 before:tw-border before:tw-border-line',\n                                withArrow && arrowStyling,\n                            ])}\n                        />\n                    </div>\n                    {children}\n                </div>\n            </TooltipWrapper>\n        </>\n    );\n};\nTooltip.displayName = 'FondueTooltip';\n"],"names":["paddingsTop","paddingsBottom","TooltipPosition","TooltipAlignment","placementMap","getArrowClasses","currentPlacement","brightHeader","alignment","merge","brightHeaderArrowBackgroundColors","TooltipWrapper","enablePortal","children","React","Portal","Tooltip","content","tooltipIcon","heading","headingIcon","linkUrl","linkLabel","buttons","position","withArrow","flip","triggerElement","hoverDelay","enterDelay","open","disabled","hidden","triggerElementRef","setTriggerElementRef","useState","linkRef","useRef","shouldPreventTooltipOpening","linkProps","useLink","hasLargePaddingTop","useMemo","placement","tooltipContainerRef","setTooltipContainerRef","triggerElementContainerRef","setTriggerElementContainerRef","arrowElement","setArrowElement","id","useMemoizedId","popperInstance","usePopper","_a","arrowStyling","isOpen","setIsOpen","timeoutRef","handleHideTooltipOnHover","useCallback","handleShowTooltipOnHover","checkIfHovered","event","hoveredElement","el","handleCloseIfFocusedOutside","relatedTarget","element","openingEvents","useEffect","listenForEsc","useLayoutEffect","cloneElement","BrightHeader","IconSize","FOCUS_VISIBLE_STYLE","Button","ButtonStyle","ButtonEmphasis","ButtonSize"],"mappings":"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"}
+{"version":3,"file":"Tooltip.es.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Button, ButtonEmphasis, ButtonSize, ButtonStyle } from '@components/Button';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useLink } from '@react-aria/link';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport React, {\n    FocusEvent,\n    HTMLAttributes,\n    ReactElement,\n    ReactNode,\n    cloneElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { BrightHeader, BrightHeaderStyle, brightHeaderArrowBackgroundColors } from './BrightHeader';\nimport { usePopper } from 'react-popper';\nimport { Placement } from '@popperjs/core';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { Portal } from '@components/Portal';\n\nexport type TooltipButton = {\n    label: string;\n    action: () => void;\n};\n\nexport type TooltipProps = {\n    triggerElement?: ReactElement;\n    content: ReactNode;\n    tooltipIcon?: ReactElement;\n    heading?: ReactNode;\n    headingIcon?: ReactElement;\n    linkUrl?: string;\n    linkLabel?: string;\n    brightHeader?: BrightHeaderStyle;\n    buttons?: [TooltipButton, TooltipButton] | [TooltipButton];\n    children?: ReactNode;\n    position?: TooltipPosition;\n    alignment?: TooltipAlignment;\n    flip?: boolean;\n    withArrow?: boolean;\n    hoverDelay?: number;\n    enterDelay?: number;\n    open?: boolean;\n    disabled?: boolean;\n    /** @deprecated use disabled since the tooltip is always present in the DOM now so hidden has no effect anymore */\n    hidden?: boolean;\n    enablePortal?: boolean;\n};\n\nconst paddingsTop = {\n    small: 'tw-pt-2',\n    large: 'tw-pt-3',\n};\n\nconst paddingsBottom = {\n    small: 'tw-pb-2',\n    large: 'tw-pb-3',\n};\n\nexport enum TooltipPosition {\n    Top = 'Top',\n    Right = 'Right',\n    Bottom = 'Bottom',\n    Left = 'Left',\n}\n\nexport enum TooltipAlignment {\n    Start = 'Start',\n    Middle = 'Middle',\n    End = 'End',\n}\n\nconst placementMap: Record<`${TooltipPosition}-${TooltipAlignment}`, Placement> = {\n    ['Top-Start']: 'top-start',\n    ['Top-End']: 'top-end',\n    ['Bottom-Start']: 'bottom-start',\n    ['Bottom-End']: 'bottom-end',\n    ['Left-Start']: 'left-start',\n    ['Left-End']: 'left-end',\n    ['Right-Start']: 'right-start',\n    ['Right-End']: 'right-end',\n    ['Top-Middle']: 'top',\n    ['Right-Middle']: 'right',\n    ['Bottom-Middle']: 'bottom',\n    ['Left-Middle']: 'left',\n};\n\nconst getArrowClasses = (currentPlacement: string, brightHeader: BrightHeaderStyle | undefined, alignment: string) => {\n    switch (true) {\n        case currentPlacement.toString().includes(TooltipPosition.Top.toLowerCase()):\n            return 'before:tw-border-t-0 before:tw-border-l-0 tw-bottom-[-6px] before:tw-dark before:tw-bg-base';\n        case currentPlacement.toString().includes(TooltipPosition.Right.toLowerCase()):\n            return merge([\n                'before:tw-border-t-0 before:tw-border-r-0 tw-left-[-5px]',\n                brightHeader &&\n                alignment === TooltipAlignment.Start &&\n                currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n                    ? brightHeaderArrowBackgroundColors[brightHeader]\n                    : 'before:tw-dark before:tw-bg-base',\n            ]);\n        case currentPlacement.toString().includes(TooltipPosition.Bottom.toLowerCase()):\n            return merge([\n                'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px]',\n                brightHeader ? brightHeaderArrowBackgroundColors[brightHeader] : 'before:tw-dark before:tw-bg-base',\n            ]);\n        case currentPlacement.toString().includes(TooltipPosition.Left.toLowerCase()):\n            return merge([\n                'before:tw-border-b-0 before:tw-border-l-0 tw-right-[-5px]',\n                brightHeader &&\n                alignment === TooltipAlignment.Start &&\n                currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n                    ? brightHeaderArrowBackgroundColors[brightHeader]\n                    : 'before:tw-dark before:tw-bg-base',\n            ]);\n        default:\n            return 'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px] before:tw-dark before:tw-bg-base';\n    }\n};\n\nconst TooltipWrapper = ({\n    enablePortal = false,\n    children,\n}: {\n    enablePortal?: boolean;\n    children?: ReactNode | ReactNode[];\n}) => {\n    if (enablePortal) {\n        return (<Portal>{children}</Portal>) as JSX.Element;\n    }\n\n    return children as JSX.Element;\n};\n\nexport const Tooltip = ({\n    content,\n    tooltipIcon,\n    heading,\n    headingIcon,\n    linkUrl,\n    linkLabel,\n    brightHeader,\n    buttons,\n    children,\n    position = TooltipPosition.Bottom,\n    alignment = TooltipAlignment.Middle,\n    withArrow,\n    flip = true,\n    triggerElement,\n    hoverDelay = 200,\n    enterDelay = 0,\n    open = false,\n    disabled = false,\n    enablePortal = false,\n    hidden = false,\n}: TooltipProps) => {\n    const [triggerElementRef, setTriggerElementRef] = useState<HTMLElement | HTMLDivElement | HTMLButtonElement | null>(\n        null,\n    );\n    const linkRef = useRef<HTMLAnchorElement | null>(null);\n\n    const shouldPreventTooltipOpening = hidden || disabled;\n    const { linkProps } = useLink({ isDisabled: shouldPreventTooltipOpening }, linkRef);\n    const hasLargePaddingTop = useMemo(\n        () => linkUrl || buttons || heading || headingIcon,\n        [linkUrl, buttons, heading, headingIcon],\n    );\n\n    const placement = placementMap[`${position}-${alignment}`];\n    const [tooltipContainerRef, setTooltipContainerRef] = useState<HTMLDivElement | null>(null);\n    const [triggerElementContainerRef, setTriggerElementContainerRef] = useState<HTMLDivElement | null>(null);\n    const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n    const id = useMemoizedId();\n\n    const tooltipOffset = withArrow ? 10 : 5;\n    const popperInstance = usePopper(triggerElementRef, tooltipContainerRef, {\n        placement,\n        strategy: 'fixed',\n        modifiers: [\n            {\n                name: 'arrow',\n                options: {\n                    element: arrowElement,\n                },\n            },\n            {\n                name: 'offset',\n                options: {\n                    offset: [0, tooltipOffset],\n                },\n            },\n            {\n                name: 'flip',\n                enabled: flip,\n            },\n        ],\n    });\n\n    const currentPlacement = popperInstance.state?.placement ?? position;\n    const arrowStyling = getArrowClasses(currentPlacement, brightHeader, alignment);\n    const [isOpen, setIsOpen] = useState(false);\n    const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const handleHideTooltipOnHover = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n        }\n        timeoutRef.current = setTimeout(() => setIsOpen(false), hoverDelay);\n    }, [hoverDelay]);\n\n    const handleShowTooltipOnHover = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n        }\n\n        if (enterDelay) {\n            timeoutRef.current = setTimeout(() => setIsOpen(true), enterDelay);\n            return;\n        }\n\n        setIsOpen(true);\n    }, [enterDelay]);\n\n    const checkIfHovered = useCallback(\n        (event: MouseEvent) => {\n            const hoveredElement = event.composedPath?.();\n            const hoverSources = [triggerElementRef, triggerElementContainerRef, tooltipContainerRef];\n\n            if (hoveredElement && hoverSources.some((el) => el && hoveredElement.includes(el))) {\n                handleShowTooltipOnHover();\n            }\n        },\n        [handleShowTooltipOnHover, tooltipContainerRef, triggerElementContainerRef, triggerElementRef],\n    );\n\n    const handleCloseIfFocusedOutside = useCallback(\n        (event: FocusEvent<HTMLElement>) => {\n            const { relatedTarget } = event;\n            const elements = [tooltipContainerRef, triggerElementContainerRef];\n\n            if (!relatedTarget || !elements.some((element) => element?.contains(relatedTarget))) {\n                setIsOpen(false);\n            }\n        },\n        [tooltipContainerRef, triggerElementContainerRef],\n    );\n\n    const openingEvents: HTMLAttributes<HTMLElement> = shouldPreventTooltipOpening\n        ? {}\n        : {\n              onMouseOver: (event) => checkIfHovered(event.nativeEvent),\n              onMouseLeave: handleHideTooltipOnHover,\n              onFocus: () => setIsOpen(true),\n              onBlur: handleCloseIfFocusedOutside,\n          };\n\n    useEffect(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n        }\n        setIsOpen(shouldPreventTooltipOpening ? false : open);\n    }, [open, shouldPreventTooltipOpening]);\n\n    const listenForEsc = useCallback(\n        (event: KeyboardEvent) => {\n            if (isOpen && event.key === 'Escape') {\n                setIsOpen(false);\n            }\n        },\n        [isOpen],\n    );\n\n    useLayoutEffect(() => {\n        if (typeof popperInstance.update === 'function' && isOpen) {\n            popperInstance.update();\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isOpen) {\n            window.addEventListener('keydown', listenForEsc);\n        } else {\n            window.removeEventListener('keydown', listenForEsc);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', listenForEsc);\n        };\n    }, [listenForEsc, isOpen]);\n\n    return (\n        <>\n            <div {...openingEvents} ref={setTriggerElementContainerRef}>\n                {triggerElement &&\n                    cloneElement(triggerElement, {\n                        ref: setTriggerElementRef,\n                        'aria-describedby': id,\n                        'aria-disabled': shouldPreventTooltipOpening,\n                    })}\n            </div>\n            <TooltipWrapper enablePortal={enablePortal}>\n                <div\n                    ref={setTooltipContainerRef}\n                    aria-hidden={shouldPreventTooltipOpening}\n                    className={merge([\n                        'tw-popper-container tw-inline-block tw-max-w-[200px] tw-dark tw-bg-base tw-rounded-md tw-shadow-mid tw-text-text tw-z-[120000]',\n                        !isOpen && 'tw-opacity-0 tw-h-0 tw-w-0 tw-overflow-hidden',\n                    ])}\n                    data-test-id=\"tooltip\"\n                    role=\"tooltip\"\n                    id={id}\n                    style={popperInstance.styles.popper}\n                    {...popperInstance.attributes.popper}\n                    {...openingEvents}\n                >\n                    {brightHeader && <BrightHeader headerStyle={brightHeader} />}\n                    <div\n                        className={merge([\n                            'tw-px-3 tw-dark tw-bg-base tw-rounded-md tw-relative tw-z-[120000]',\n                            hasLargePaddingTop ? paddingsTop.large : paddingsTop.small,\n                            linkUrl ? paddingsBottom.large : paddingsBottom.small,\n                        ])}\n                    >\n                        {heading && (\n                            <h4 className=\"tw-flex tw-text-m tw-font-bold tw-mb-1\">\n                                {headingIcon && (\n                                    <span className=\"tw-mr-1.5\">\n                                        {cloneElement(headingIcon, { size: IconSize.Size20 })}\n                                    </span>\n                                )}\n                                {heading}\n                            </h4>\n                        )}\n                        <div className=\"tw-flex\">\n                            {tooltipIcon && (\n                                <span className=\"tw-shrink-0 tw-mr-1 tw-leading-4\">\n                                    {cloneElement(tooltipIcon, { size: IconSize.Size16 })}\n                                </span>\n                            )}\n                            <span className=\"tw-text-s tw-min-w-0 tw-break-words\">{content}</span>\n                        </div>\n                        {linkUrl && (\n                            <a\n                                {...linkProps}\n                                data-test-id=\"tooltip-link\"\n                                ref={linkRef}\n                                href={linkUrl}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className={merge([\n                                    'tw-text-xs tw-text-black-40 tw-underline tw-mt-1',\n                                    FOCUS_VISIBLE_STYLE,\n                                ])}\n                            >\n                                {linkLabel ?? 'Click here to learn more.'}\n                            </a>\n                        )}\n                        {buttons && (\n                            <div className=\"tw-flex tw-flex-row-reverse tw-gap-x-1 tw-mt-4\">\n                                {buttons.length > 0 && (\n                                    <Button\n                                        style={ButtonStyle.Default}\n                                        emphasis={ButtonEmphasis.Strong}\n                                        size={ButtonSize.Small}\n                                        onClick={buttons[0].action}\n                                        disabled={shouldPreventTooltipOpening}\n                                    >\n                                        {buttons[0].label}\n                                    </Button>\n                                )}\n                                {buttons.length === 2 && (\n                                    <Button\n                                        style={ButtonStyle.Default}\n                                        emphasis={ButtonEmphasis.Default}\n                                        size={ButtonSize.Small}\n                                        onClick={buttons[1].action}\n                                        disabled={shouldPreventTooltipOpening}\n                                    >\n                                        {buttons[1].label}\n                                    </Button>\n                                )}\n                            </div>\n                        )}\n                    </div>\n                    {/**\n                     * This container is needed for the arrow element to not be styled by popperJS\n                     * selectors for its immediate children .tw-popper-container > .tw-popper-arrow\n                     * */}\n                    <div aria-hidden=\"true\">\n                        <div\n                            data-test-id=\"popover-arrow\"\n                            data-popper-arrow={withArrow}\n                            ref={setArrowElement}\n                            style={popperInstance.styles.arrow}\n                            className={merge([\n                                withArrow &&\n                                    'tw-popper-arrow tw-z-[110000] tw-absolute tw-w-3 tw-h-3 tw-pointer-events-none before:tw-absolute before:tw-w-3 before:tw-h-3 before:tw-rotate-45 before:tw-border before:tw-border-line',\n                                withArrow && arrowStyling,\n                            ])}\n                        />\n                    </div>\n                    {children}\n                </div>\n            </TooltipWrapper>\n        </>\n    );\n};\nTooltip.displayName = 'FondueTooltip';\n"],"names":["paddingsTop","paddingsBottom","TooltipPosition","TooltipAlignment","placementMap","getArrowClasses","currentPlacement","brightHeader","alignment","merge","brightHeaderArrowBackgroundColors","TooltipWrapper","enablePortal","children","React","Portal","Tooltip","content","tooltipIcon","heading","headingIcon","linkUrl","linkLabel","buttons","position","withArrow","flip","triggerElement","hoverDelay","enterDelay","open","disabled","hidden","triggerElementRef","setTriggerElementRef","useState","linkRef","useRef","shouldPreventTooltipOpening","linkProps","useLink","hasLargePaddingTop","useMemo","placement","tooltipContainerRef","setTooltipContainerRef","triggerElementContainerRef","setTriggerElementContainerRef","arrowElement","setArrowElement","id","useMemoizedId","popperInstance","usePopper","_a","arrowStyling","isOpen","setIsOpen","timeoutRef","handleHideTooltipOnHover","useCallback","handleShowTooltipOnHover","checkIfHovered","event","hoveredElement","el","handleCloseIfFocusedOutside","relatedTarget","element","openingEvents","useEffect","listenForEsc","useLayoutEffect","cloneElement","BrightHeader","IconSize","FOCUS_VISIBLE_STYLE","Button","ButtonStyle","ButtonEmphasis","ButtonSize"],"mappings":";;;;;;;;;;;AAuDA,MAAMA,IAAc;AAAA,EAChB,OAAO;AAAA,EACP,OAAO;AACX,GAEMC,IAAiB;AAAA,EACnB,OAAO;AAAA,EACP,OAAO;AACX;AAEY,IAAAC,uBAAAA,OACRA,EAAA,MAAM,OACNA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,OAAO,QAJCA,IAAAA,MAAA,CAAA,CAAA,GAOAC,uBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,MAAM,OAHEA,IAAAA,MAAA,CAAA,CAAA;AAMZ,MAAMC,KAA4E;AAAA,EAC9E,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,SAAS,GAAG;AAAA,EACb,CAAC,cAAc,GAAG;AAAA,EAClB,CAAC,YAAY,GAAG;AAAA,EAChB,CAAC,YAAY,GAAG;AAAA,EAChB,CAAC,UAAU,GAAG;AAAA,EACd,CAAC,aAAa,GAAG;AAAA,EACjB,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,YAAY,GAAG;AAAA,EAChB,CAAC,cAAc,GAAG;AAAA,EAClB,CAAC,eAAe,GAAG;AAAA,EACnB,CAAC,aAAa,GAAG;AACrB,GAEMC,KAAkB,CAACC,GAA0BC,GAA6CC,MAAsB;AAClH,UAAQ,IAAM;AAAA,IACV,KAAKF,EAAiB,WAAW,SAAS,MAAoB,aAAa;AAChE,aAAA;AAAA,IACX,KAAKA,EAAiB,WAAW,SAAS,QAAsB,aAAa;AACzE,aAAOG,EAAM;AAAA,QACT;AAAA,QACAF,KACAC,MAAc,WACdF,EAAiB,SAAS,EAAE,SAAS,QAAuB,YAAY,CAAC,IACnEI,EAAkCH,CAAY,IAC9C;AAAA,MAAA,CACT;AAAA,IACL,KAAKD,EAAiB,WAAW,SAAS,SAAuB,aAAa;AAC1E,aAAOG,EAAM;AAAA,QACT;AAAA,QACAF,IAAeG,EAAkCH,CAAY,IAAI;AAAA,MAAA,CACpE;AAAA,IACL,KAAKD,EAAiB,WAAW,SAAS,OAAqB,aAAa;AACxE,aAAOG,EAAM;AAAA,QACT;AAAA,QACAF,KACAC,MAAc,WACdF,EAAiB,SAAS,EAAE,SAAS,QAAuB,YAAY,CAAC,IACnEI,EAAkCH,CAAY,IAC9C;AAAA,MAAA,CACT;AAAA,IACL;AACW,aAAA;AAAA,EACf;AACJ,GAEMI,KAAiB,CAAC;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AACJ,MAIQD,IACQ,gBAAAE,EAAA,cAACC,UAAQF,CAAS,IAGvBA,GAGEG,KAAU,CAAC;AAAA,EACpB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAf;AAAA,EACA,SAAAgB;AAAA,EACA,UAAAV;AAAA,EACA,UAAAW,IAAW;AAAA,EACX,WAAAhB,IAAY;AAAA,EACZ,WAAAiB;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,gBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,cAAAnB,IAAe;AAAA,EACf,QAAAoB,IAAS;AACb,MAAoB;;AACV,QAAA,CAACC,GAAmBC,CAAoB,IAAIC;AAAA,IAC9C;AAAA,EAAA,GAEEC,IAAUC,EAAiC,IAAI,GAE/CC,IAA8BN,KAAUD,GACxC,EAAE,WAAAQ,OAAcC,GAAQ,EAAE,YAAYF,EAAA,GAA+BF,CAAO,GAC5EK,KAAqBC;AAAA,IACvB,MAAMrB,KAAWE,KAAWJ,KAAWC;AAAA,IACvC,CAACC,GAASE,GAASJ,GAASC,CAAW;AAAA,EAAA,GAGrCuB,KAAYvC,GAAa,GAAGoB,KAAYhB,GAAW,GACnD,CAACoC,GAAqBC,EAAsB,IAAIV,EAAgC,IAAI,GACpF,CAACW,GAA4BC,EAA6B,IAAIZ,EAAgC,IAAI,GAClG,CAACa,IAAcC,EAAe,IAAId,EAAgC,IAAI,GACtEe,IAAKC,MAGLC,IAAiBC,GAAUpB,GAAmBW,GAAqB;AAAA,IACrE,WAAAD;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,MACP;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,SAASK;AAAA,QACb;AAAA,MACJ;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,QAAQ,CAAC,GAdHvB,IAAY,KAAK,CAcE;AAAA,QAC7B;AAAA,MACJ;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,SAASC;AAAA,MACb;AAAA,IACJ;AAAA,EAAA,CACH,GAEKpB,OAAmBgD,IAAAF,EAAe,UAAf,gBAAAE,EAAsB,cAAa9B,GACtD+B,KAAelD,GAAgBC,IAAkBC,GAAcC,CAAS,GACxE,CAACgD,GAAQC,CAAS,IAAItB,EAAS,EAAK,GACpCuB,IAAarB,EAA6C,IAAI,GAE9DsB,KAA2BC,EAAY,MAAM;AAC/C,IAAIF,EAAW,WACX,aAAaA,EAAW,OAAO,GAEnCA,EAAW,UAAU,WAAW,MAAMD,EAAU,EAAK,GAAG7B,CAAU;AAAA,EAAA,GACnE,CAACA,CAAU,CAAC,GAETiC,IAA2BD,EAAY,MAAM;AAK/C,QAJIF,EAAW,WACX,aAAaA,EAAW,OAAO,GAG/B7B,GAAY;AACZ,MAAA6B,EAAW,UAAU,WAAW,MAAMD,EAAU,EAAI,GAAG5B,CAAU;AACjE;AAAA,IACJ;AAEA,IAAA4B,EAAU,EAAI;AAAA,EAAA,GACf,CAAC5B,CAAU,CAAC,GAETiC,KAAiBF;AAAA,IACnB,CAACG,MAAsB;;AACb,YAAAC,KAAiBV,IAAAS,EAAM,iBAAN,gBAAAT,EAAA,KAAAS;AAGnB,MAAAC,KAFiB,CAAC/B,GAAmBa,GAA4BF,CAAmB,EAErD,KAAK,CAACqB,MAAOA,KAAMD,EAAe,SAASC,CAAE,CAAC,KACpDJ;IAEjC;AAAA,IACA,CAACA,GAA0BjB,GAAqBE,GAA4Bb,CAAiB;AAAA,EAAA,GAG3FiC,KAA8BN;AAAA,IAChC,CAACG,MAAmC;AAC1B,YAAA,EAAE,eAAAI,EAAkB,IAAAJ;AAGtB,OAAA,CAACI,KAAiB,CAFL,CAACvB,GAAqBE,CAA0B,EAEjC,KAAK,CAACsB,MAAYA,KAAA,gBAAAA,EAAS,SAASD,EAAc,MAC9EV,EAAU,EAAK;AAAA,IAEvB;AAAA,IACA,CAACb,GAAqBE,CAA0B;AAAA,EAAA,GAG9CuB,IAA6C/B,IAC7C,KACA;AAAA,IACI,aAAa,CAACyB,MAAUD,GAAeC,EAAM,WAAW;AAAA,IACxD,cAAcJ;AAAA,IACd,SAAS,MAAMF,EAAU,EAAI;AAAA,IAC7B,QAAQS;AAAA,EAAA;AAGlB,EAAAI,EAAU,MAAM;AACZ,IAAIZ,EAAW,WACX,aAAaA,EAAW,OAAO,GAEzBD,EAAAnB,IAA8B,KAAQR,CAAI;AAAA,EAAA,GACrD,CAACA,GAAMQ,CAA2B,CAAC;AAEtC,QAAMiC,IAAeX;AAAA,IACjB,CAACG,MAAyB;AAClB,MAAAP,KAAUO,EAAM,QAAQ,YACxBN,EAAU,EAAK;AAAA,IAEvB;AAAA,IACA,CAACD,CAAM;AAAA,EAAA;AAGX,SAAAgB,GAAgB,MAAM;AAClB,IAAI,OAAOpB,EAAe,UAAW,cAAcI,KAC/CJ,EAAe,OAAO;AAAA,EAC1B,GAGD,CAACI,CAAM,CAAC,GAEXc,EAAU,OACFd,IACO,OAAA,iBAAiB,WAAWe,CAAY,IAExC,OAAA,oBAAoB,WAAWA,CAAY,GAG/C,MAAM;AACF,WAAA,oBAAoB,WAAWA,CAAY;AAAA,EAAA,IAEvD,CAACA,GAAcf,CAAM,CAAC,GAGrB,gBAAA1C,EAAA,cAAAA,EAAA,UAAA,sCACK,OAAK,EAAA,GAAGuD,GAAe,KAAKtB,GAAA,GACxBpB,KACG8C,EAAa9C,GAAgB;AAAA,IACzB,KAAKO;AAAA,IACL,oBAAoBgB;AAAA,IACpB,iBAAiBZ;AAAA,EAAA,CACpB,CACT,GACA,gBAAAxB,EAAA,cAACH,MAAe,cAAAC,EACZ,GAAA,gBAAAE,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK+B;AAAA,MACL,eAAaP;AAAA,MACb,WAAW7B,EAAM;AAAA,QACb;AAAA,QACA,CAAC+C,KAAU;AAAA,MAAA,CACd;AAAA,MACD,gBAAa;AAAA,MACb,MAAK;AAAA,MACL,IAAAN;AAAA,MACA,OAAOE,EAAe,OAAO;AAAA,MAC5B,GAAGA,EAAe,WAAW;AAAA,MAC7B,GAAGiB;AAAA,IAAA;AAAA,IAEH9D,KAAgB,gBAAAO,EAAA,cAAC4D,IAAa,EAAA,aAAanE,GAAc;AAAA,IAC1D,gBAAAO,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWL,EAAM;AAAA,UACb;AAAA,UACAgC,KAAqBzC,EAAY,QAAQA,EAAY;AAAA,UACrDqB,IAAUpB,EAAe,QAAQA,EAAe;AAAA,QAAA,CACnD;AAAA,MAAA;AAAA,MAEAkB,KACI,gBAAAL,EAAA,cAAA,MAAA,EAAG,WAAU,4CACTM,qCACI,QAAK,EAAA,WAAU,eACXqD,EAAarD,GAAa,EAAE,MAAMuD,EAAS,QAAQ,CACxD,GAEHxD,CACL;AAAA,MAEJ,gBAAAL,EAAA,cAAC,SAAI,WAAU,UAAA,GACVI,KACI,gBAAAJ,EAAA,cAAA,QAAA,EAAK,WAAU,mCAAA,GACX2D,EAAavD,GAAa,EAAE,MAAMyD,EAAS,OAAO,CAAC,CACxD,mCAEH,QAAK,EAAA,WAAU,sCAAuC,GAAA1D,CAAQ,CACnE;AAAA,MACCI,KACG,gBAAAP,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAGyB;AAAA,UACJ,gBAAa;AAAA,UACb,KAAKH;AAAA,UACL,MAAMf;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAWZ,EAAM;AAAA,YACb;AAAA,YACAmE;AAAA,UAAA,CACH;AAAA,QAAA;AAAA,QAEAtD,KAAa;AAAA,MAClB;AAAA,MAEHC,KACI,gBAAAT,EAAA,cAAA,OAAA,EAAI,WAAU,iDACV,GAAAS,EAAQ,SAAS,KACd,gBAAAT,EAAA;AAAA,QAAC+D;AAAA,QAAA;AAAA,UACG,OAAOC,EAAY;AAAA,UACnB,UAAUC,EAAe;AAAA,UACzB,MAAMC,EAAW;AAAA,UACjB,SAASzD,EAAQ,CAAC,EAAE;AAAA,UACpB,UAAUe;AAAA,QAAA;AAAA,QAETf,EAAQ,CAAC,EAAE;AAAA,MAChB,GAEHA,EAAQ,WAAW,KAChB,gBAAAT,EAAA;AAAA,QAAC+D;AAAA,QAAA;AAAA,UACG,OAAOC,EAAY;AAAA,UACnB,UAAUC,EAAe;AAAA,UACzB,MAAMC,EAAW;AAAA,UACjB,SAASzD,EAAQ,CAAC,EAAE;AAAA,UACpB,UAAUe;AAAA,QAAA;AAAA,QAETf,EAAQ,CAAC,EAAE;AAAA,MAAA,CAGxB;AAAA,IAER;AAAA,IAKA,gBAAAT,EAAA,cAAC,OAAI,EAAA,eAAY,OACb,GAAA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,qBAAmBW;AAAA,QACnB,KAAKwB;AAAA,QACL,OAAOG,EAAe,OAAO;AAAA,QAC7B,WAAW3C,EAAM;AAAA,UACbgB,KACI;AAAA,UACJA,KAAa8B;AAAA,QAAA,CAChB;AAAA,MAAA;AAAA,IAAA,CAET;AAAA,IACC1C;AAAA,EAET,CAAA,CACJ;AAER;AACAG,GAAQ,cAAc;"}