@selfdecode/sd-component-library 4.0.73-vite11 → 4.0.73-vite12

package/lib/sd-component-library29.js

@@ -1,47 +1,25 @@
-import { j as B } from "./sd-component-library195.js";
+import { jsx as n } from "./sd-component-library196.js";
 import { Button as C } from "./sd-component-library28.js";
-const m = (r) => {
+const y = (r) => {
   const {
     v1: h,
     disabled: o,
     borderRadius: a = h ? "0" : "5px",
     borderWidth: e = "2px",
-    borderColor: s,
-    color: t,
-    bg: b,
-    hoverBorderColor: c,
-    hoverColor: l,
-    hoverBg: v,
+    borderColor: b,
+    color: l,
+    bg: c,
+    hoverBorderColor: v,
+    hoverColor: t,
+    hoverBg: g,
     disabledBg: d = "cl_grey",
     disabledColor: i = "cl_white",
-    children: g,
-    height: n = "42px"
+    children: s,
+    height: B = "42px"
   } = r;
-  return /* @__PURE__ */ B.jsx(
-    C,
-    {
-      ...r,
-      variant: "_cta",
-      borderRadius: a,
-      height: n,
-      bg: o ? d : b,
-      color: o ? i : t,
-      fill: t,
-      borderStyle: "solid",
-      borderWidth: e,
-      borderColor: o ? "cl_grey" : s,
-      hoverBg: o ? d : v,
-      hoverColor: o ? i : l,
-      hoverFill: l,
-      hoverBorderStyle: "solid",
-      hoverBorderWidth: e,
-      hoverBorderColor: o ? "cl_grey" : c,
-      "data-test": "cta-button",
-      children: g
-    }
-  );
+  return /* @__PURE__ */ n(C, { ...r, variant: "_cta", borderRadius: a, height: B, bg: o ? d : c, color: o ? i : l, fill: l, borderStyle: "solid", borderWidth: e, borderColor: o ? "cl_grey" : b, hoverBg: o ? d : g, hoverColor: o ? i : t, hoverFill: t, hoverBorderStyle: "solid", hoverBorderWidth: e, hoverBorderColor: o ? "cl_grey" : v, "data-test": "cta-button", children: s });
 };
 export {
-  m as CtaButton
+  y as CtaButton
 };
 //# sourceMappingURL=sd-component-library29.js.map

package/lib/sd-component-library29.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library29.js","sources":["../src/components/buttons/cta/cta-button/cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { CtaButtonProps } from \"./interfaces\";\n\n/**\n * The cta button.\n */\nexport const CtaButton: React.FC<CtaButtonProps> = (props) => {\n  const {\n    v1,\n    disabled,\n    borderRadius = v1 ? \"0\" : \"5px\",\n    borderWidth = \"2px\",\n    borderColor,\n    color,\n    bg,\n    hoverBorderColor,\n    hoverColor,\n    hoverBg,\n    disabledBg = \"cl_grey\",\n    disabledColor = \"cl_white\",\n    children,\n    height = \"42px\",\n  } = props;\n\n  return (\n    <Button\n      {...props}\n      variant=\"_cta\"\n      borderRadius={borderRadius}\n      height={height}\n      bg={disabled ? disabledBg : bg}\n      color={disabled ? disabledColor : color}\n      fill={color}\n      borderStyle=\"solid\"\n      borderWidth={borderWidth}\n      borderColor={disabled ? \"cl_grey\" : borderColor}\n      hoverBg={disabled ? disabledBg : hoverBg}\n      hoverColor={disabled ? disabledColor : hoverColor}\n      hoverFill={hoverColor}\n      hoverBorderStyle=\"solid\"\n      hoverBorderWidth={borderWidth}\n      hoverBorderColor={disabled ? \"cl_grey\" : hoverBorderColor}\n      data-test=\"cta-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["CtaButton","props","v1","disabled","borderRadius","borderWidth","borderColor","color","bg","hoverBorderColor","hoverColor","hoverBg","disabledBg","disabledColor","children","height","jsx","Button"],"mappings":";;AAQa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAeF,IAAK,MAAM;AAAA,IAC1B,aAAAG,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EACP,IAAAd;AAGF,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACJ,SAAQ;AAAA,MACR,cAAAG;AAAA,MACA,QAAAW;AAAA,MACA,IAAIZ,IAAWS,IAAaJ;AAAA,MAC5B,OAAOL,IAAWU,IAAgBN;AAAA,MAClC,MAAMA;AAAA,MACN,aAAY;AAAA,MACZ,aAAAF;AAAA,MACA,aAAaF,IAAW,YAAYG;AAAA,MACpC,SAASH,IAAWS,IAAaD;AAAA,MACjC,YAAYR,IAAWU,IAAgBH;AAAA,MACvC,WAAWA;AAAA,MACX,kBAAiB;AAAA,MACjB,kBAAkBL;AAAA,MAClB,kBAAkBF,IAAW,YAAYM;AAAA,MACzC,aAAU;AAAA,MAET,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library29.js","sources":["../src/components/buttons/cta/cta-button/cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { CtaButtonProps } from \"./interfaces\";\n\n/**\n * The cta button.\n */\nexport const CtaButton: React.FC<CtaButtonProps> = (props) => {\n  const {\n    v1,\n    disabled,\n    borderRadius = v1 ? \"0\" : \"5px\",\n    borderWidth = \"2px\",\n    borderColor,\n    color,\n    bg,\n    hoverBorderColor,\n    hoverColor,\n    hoverBg,\n    disabledBg = \"cl_grey\",\n    disabledColor = \"cl_white\",\n    children,\n    height = \"42px\",\n  } = props;\n\n  return (\n    <Button\n      {...props}\n      variant=\"_cta\"\n      borderRadius={borderRadius}\n      height={height}\n      bg={disabled ? disabledBg : bg}\n      color={disabled ? disabledColor : color}\n      fill={color}\n      borderStyle=\"solid\"\n      borderWidth={borderWidth}\n      borderColor={disabled ? \"cl_grey\" : borderColor}\n      hoverBg={disabled ? disabledBg : hoverBg}\n      hoverColor={disabled ? disabledColor : hoverColor}\n      hoverFill={hoverColor}\n      hoverBorderStyle=\"solid\"\n      hoverBorderWidth={borderWidth}\n      hoverBorderColor={disabled ? \"cl_grey\" : hoverBorderColor}\n      data-test=\"cta-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["CtaButton","props","v1","disabled","borderRadius","borderWidth","borderColor","color","bg","hoverBorderColor","hoverColor","hoverBg","disabledBg","disabledColor","children","height","jsx","Button"],"mappings":";;AAQO,MAAMA,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IACJC,IAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA,IAAeF,IAAK,MAAM;AAAA,IAC1BG,aAAAA,IAAc;AAAA,IACdC,aAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA,IAAa;AAAA,IACbC,eAAAA,IAAgB;AAAA,IAChBC,UAAAA;AAAAA,IACAC,QAAAA,IAAS;AAAA,EACPd,IAAAA;AAGF,SAAA,gBAAAe,EAACC,KACKhB,GAAAA,GACJ,SAAQ,QACR,cAAAG,GACA,QAAAW,GACA,IAAIZ,IAAWS,IAAaJ,GAC5B,OAAOL,IAAWU,IAAgBN,GAClC,MAAMA,GACN,aAAY,SACZ,aAAAF,GACA,aAAaF,IAAW,YAAYG,GACpC,SAASH,IAAWS,IAAaD,GACjC,YAAYR,IAAWU,IAAgBH,GACvC,WAAWA,GACX,kBAAiB,SACjB,kBAAkBL,GAClB,kBAAkBF,IAAW,YAAYM,GACzC,aAAU,cAETK,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library290.js

@@ -1,86 +1,56 @@
-import p from "./sd-component-library342.js";
-import f from "./sd-component-library343.js";
-import h from "./sd-component-library344.js";
-import w from "./sd-component-library345.js";
-import r from "./sd-component-library346.js";
-import i from "./sd-component-library347.js";
-import y from "./sd-component-library348.js";
-import l from "./sd-component-library349.js";
-import u from "./sd-component-library350.js";
-import M from "./sd-component-library351.js";
-import O from "./sd-component-library352.js";
-import b from "./sd-component-library353.js";
-import s from "./sd-component-library354.js";
-import C from "./sd-component-library294.js";
-const n = (t) => C(t, "EEE d MMM yyyy"), A = (t) => {
-  const e = "No date selected";
-  return !t || !t.startDate || !t.endDate ? e : s(t.startDate, t.endDate) ? n(t.startDate) : `${n(t.startDate)} - ${n(
-    t.endDate
-  )}`;
-}, W = [
-  {
-    label: "Yesterday",
-    startDate: p(f(/* @__PURE__ */ new Date(), -1)),
-    endDate: h(f(/* @__PURE__ */ new Date(), -1))
-  },
-  {
-    label: "Last Week",
-    startDate: w(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 }),
-    endDate: i(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
-  },
-  {
-    label: "Last 2 Weeks",
-    startDate: w(r(/* @__PURE__ */ new Date(), -2), { weekStartsOn: 1 }),
-    endDate: i(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
-  },
-  {
-    label: "Last Month",
-    startDate: y(l(/* @__PURE__ */ new Date(), -1)),
-    endDate: u(l(/* @__PURE__ */ new Date(), -1))
-  },
-  {
-    label: "Last Year",
-    startDate: M(O(/* @__PURE__ */ new Date(), -1)),
-    endDate: b(O(/* @__PURE__ */ new Date(), -1))
+var n = Object.defineProperty;
+var R = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var i = (t, e, s) => (R(t, typeof e != "symbol" ? e + "" : e, s), s);
+class h {
+  constructor() {
+    i(this, "refRegistry", {});
   }
-], G = (t, e, Y, S, c, k) => {
-  const D = (c || W).map(
-    ({ label: o, startDate: m, endDate: d }) => ({
-      label: o,
-      range: (a) => ({
-        startDate: m,
-        endDate: d
-      }),
-      isSelected: (a) => a.startDate && a.endDate ? s(a.startDate, m) && s(a.endDate, d) : !1
-    })
-  );
-  return k ? D.concat({
-    label: "Custom Range",
-    range: (o) => (e(), {
-      startDate: (t == null ? void 0 : t.startDate) || /* @__PURE__ */ new Date(),
-      endDate: (t == null ? void 0 : t.endDate) || /* @__PURE__ */ new Date()
-    }),
-    isSelected: (o) => S
-  }) : D;
-}, H = (t) => ({
-  ...t,
-  rangeColors: [t.color ?? "#9E1CB5"],
-  weekStartsOn: 1,
-  inputRanges: [],
-  ranges: [
-    t.selectedRange ?? {
-      startDate: /* @__PURE__ */ new Date(),
-      endDate: /* @__PURE__ */ new Date()
-    }
-  ],
-  months: t.months,
-  onChange: (e) => {
-    t.setSelectedRange(e.range1);
+  /**
+   * Check if ref is registered for a component with provided ID.
+   * @param id ID for the component.
+   */
+  doesRefExist(e) {
+    return !!this.refRegistry[e];
   }
-});
+  /**
+   * Register a ref.
+   *
+   * @param id ID for the component.
+   * @param ref React Ref object for the component. Used for scrolling.
+   */
+  addRef(e, s) {
+    const r = e.startsWith("#") ? e : `#${e}`;
+    this.refRegistry[r] = s;
+  }
+  /**
+   * Remove a ref from registry.
+   *
+   * @param id ID for the component.
+   */
+  removeRef(e) {
+    this.doesRefExist(e) ? delete this.refRegistry[e] : console.error(`Ref with ID ${e} does not exist in the registry`);
+  }
+  /**
+   * Scroll the component with provided ID into the view.
+   *
+   * @param id ID for the component.
+   * @param behavior Scroll behavior.
+   */
+  scrollToRef(e, {
+    behavior: s = "smooth",
+    block: r,
+    inline: f
+  }) {
+    var o;
+    this.doesRefExist(e) ? (o = this.refRegistry[e].current) == null || o.scrollIntoView({
+      behavior: s,
+      block: r,
+      inline: f
+    }) : console.error(`Ref with ID ${e} does not exist in the registry`);
+  }
+}
+const g = new h();
 export {
-  H as getCalendarProps,
-  A as getSelectedRangeText,
-  G as getStaticRanges
+  g as refsManager
 };
 //# sourceMappingURL=sd-component-library290.js.map

package/lib/sd-component-library290.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library290.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/utils.ts"],"sourcesContent":["import { OnChangeProps, Range, StaticRange } from \"react-date-range\";\n\nimport {\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  endOfDay,\n  endOfMonth,\n  endOfWeek,\n  endOfYear,\n  format,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n} from \"date-fns\";\n\nimport { OnRangeSelection, StaticRangeOption } from \"./interfaces\";\nimport { BaseDateRangeInputMobileProps } from \"./partials/base-date-range-input-mobile/interfaces\";\n\nconst getFormattedDate = (date: Date) => format(date, \"EEE d MMM yyyy\");\n\nexport const getSelectedRangeText = (range: Range | null | undefined) => {\n  const defaultText = \"No date selected\";\n\n  return !range || !range.startDate || !range.endDate\n    ? defaultText\n    : isSameDay(range.startDate, range.endDate)\n    ? getFormattedDate(range.startDate)\n    : `${getFormattedDate(range.startDate)} - ${getFormattedDate(\n        range.endDate\n      )}`;\n};\n\nconst ranges = [\n  {\n    label: \"Yesterday\",\n    startDate: startOfDay(addDays(new Date(), -1)),\n    endDate: endOfDay(addDays(new Date(), -1)),\n  },\n  {\n    label: \"Last Week\",\n    startDate: startOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last 2 Weeks\",\n    startDate: startOfWeek(addWeeks(new Date(), -2), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last Month\",\n    startDate: startOfMonth(addMonths(new Date(), -1)),\n    endDate: endOfMonth(addMonths(new Date(), -1)),\n  },\n  {\n    label: \"Last Year\",\n    startDate: startOfYear(addYears(new Date(), -1)),\n    endDate: endOfYear(addYears(new Date(), -1)),\n  },\n];\n\nexport const getStaticRanges = (\n  selectedRange: Range | undefined | null,\n  onCustomRangeSelect: () => void,\n  deselectCustomRange: () => void,\n  customOptionSelected: boolean,\n  customRanges?: StaticRangeOption[],\n  mobile?: boolean\n): StaticRange[] => {\n  const rangesToShow = customRanges || ranges;\n  const staticRanges: StaticRange[] = rangesToShow.map(\n    ({ label, startDate, endDate }) => ({\n      label,\n      range: (_) => ({\n        startDate,\n        endDate,\n      }),\n      isSelected: (range) =>\n        range.startDate && range.endDate\n          ? isSameDay(range.startDate, startDate) &&\n            isSameDay(range.endDate, endDate)\n          : false,\n    })\n  );\n\n  return !mobile\n    ? staticRanges\n    : staticRanges.concat({\n        label: \"Custom Range\",\n        range: (_) => {\n          onCustomRangeSelect();\n          return {\n            startDate: selectedRange?.startDate || new Date(),\n            endDate: selectedRange?.endDate || new Date(),\n          };\n        },\n        isSelected: (_) => customOptionSelected,\n      });\n};\n\nexport const getCalendarProps = (props: BaseDateRangeInputMobileProps) => ({\n  ...props,\n  rangeColors: [props.color ?? \"#9E1CB5\"],\n  weekStartsOn: 1,\n  inputRanges: [],\n  ranges: [\n    props.selectedRange ?? {\n      startDate: new Date(),\n      endDate: new Date(),\n    },\n  ],\n  months: props.months,\n  onChange: (value: OnChangeProps) => {\n    props.setSelectedRange((value as OnRangeSelection).range1);\n  },\n});\n"],"names":["getFormattedDate","date","format","getSelectedRangeText","range","defaultText","isSameDay","ranges","startOfDay","addDays","endOfDay","startOfWeek","addWeeks","endOfWeek","startOfMonth","addMonths","endOfMonth","startOfYear","addYears","endOfYear","getStaticRanges","selectedRange","onCustomRangeSelect","deselectCustomRange","customOptionSelected","customRanges","mobile","staticRanges","label","startDate","endDate","_","getCalendarProps","props","value"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,IAAmB,CAACC,MAAeC,EAAOD,GAAM,gBAAgB,GAEzDE,IAAuB,CAACC,MAAoC;AACvE,QAAMC,IAAc;AAEb,SAAA,CAACD,KAAS,CAACA,EAAM,aAAa,CAACA,EAAM,UACxCC,IACAC,EAAUF,EAAM,WAAWA,EAAM,OAAO,IACxCJ,EAAiBI,EAAM,SAAS,IAChC,GAAGJ,EAAiBI,EAAM,SAAS,CAAC,MAAMJ;AAAA,IACxCI,EAAM;AAAA,EACP,CAAA;AACP,GAEMG,IAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,WAAWC,EAAWC,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,IAC7C,SAASC,EAASD,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWD,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAaC,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,IACjD,SAASC,EAAWD,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,IAC/C,SAASC,EAAUD,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,EAC7C;AACF,GAEaE,IAAkB,CAC7BC,GACAC,GACAC,GACAC,GACAC,GACAC,MACkB;AAElB,QAAMC,KADeF,KAAgBlB,GACY;AAAA,IAC/C,CAAC,EAAE,OAAAqB,GAAO,WAAAC,GAAW,SAAAC,SAAe;AAAA,MAClC,OAAAF;AAAA,MACA,OAAO,CAACG,OAAO;AAAA,QACb,WAAAF;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,MAEF,YAAY,CAAC1B,MACXA,EAAM,aAAaA,EAAM,UACrBE,EAAUF,EAAM,WAAWyB,CAAS,KACpCvB,EAAUF,EAAM,SAAS0B,CAAO,IAChC;AAAA,IAAA;AAAA,EACR;AAGF,SAAQJ,IAEJC,EAAa,OAAO;AAAA,IAClB,OAAO;AAAA,IACP,OAAO,CAACI,OACcT,KACb;AAAA,MACL,YAAWD,KAAA,gBAAAA,EAAe,cAAa,oBAAI,KAAK;AAAA,MAChD,UAASA,KAAA,gBAAAA,EAAe,YAAW,oBAAI,KAAK;AAAA,IAAA;AAAA,IAGhD,YAAY,CAACU,MAAMP;AAAA,EAAA,CACpB,IAXDG;AAYN,GAEaK,IAAmB,CAACC,OAA0C;AAAA,EACzE,GAAGA;AAAA,EACH,aAAa,CAACA,EAAM,SAAS,SAAS;AAAA,EACtC,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,QAAQ;AAAA,IACNA,EAAM,iBAAiB;AAAA,MACrB,+BAAe,KAAK;AAAA,MACpB,6BAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EACA,QAAQA,EAAM;AAAA,EACd,UAAU,CAACC,MAAyB;AAC5B,IAAAD,EAAA,iBAAkBC,EAA2B,MAAM;AAAA,EAC3D;AACF;"}
+{"version":3,"file":"sd-component-library290.js","sources":["../src/components/utils/anchor/refs-manager.ts"],"sourcesContent":["import React from \"react\";\n\nimport { refsMap } from \"./interfaces\";\n\n/**\n * Refs Manager class to keep record of registered refs on the page.\n */\nclass RefsManager {\n  refRegistry: refsMap = {};\n\n  /**\n   * Check if ref is registered for a component with provided ID.\n   * @param id ID for the component.\n   */\n  public doesRefExist(id: string) {\n    return !!this.refRegistry[id];\n  }\n\n  /**\n   * Register a ref.\n   *\n   * @param id ID for the component.\n   * @param ref React Ref object for the component. Used for scrolling.\n   */\n  public addRef(\n    id: string,\n    ref: React.MutableRefObject<HTMLDivElement | undefined>\n  ) {\n    const key = id.startsWith(\"#\") ? id : `#${id}`;\n\n    this.refRegistry[key] = ref;\n  }\n\n  /**\n   * Remove a ref from registry.\n   *\n   * @param id ID for the component.\n   */\n  public removeRef(id: string) {\n    if (this.doesRefExist(id)) delete this.refRegistry[id];\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n\n  /**\n   * Scroll the component with provided ID into the view.\n   *\n   * @param id ID for the component.\n   * @param behavior Scroll behavior.\n   */\n  public scrollToRef(\n    id: string,\n    { behavior = \"smooth\", block, inline }: ScrollIntoViewOptions\n  ) {\n    if (this.doesRefExist(id))\n      this.refRegistry[id].current?.scrollIntoView({\n        behavior,\n        block,\n        inline,\n      });\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n}\n\nexport const refsManager = new RefsManager();\n"],"names":["RefsManager","refRegistry","doesRefExist","id","addRef","ref","key","startsWith","removeRef","error","scrollToRef","behavior","block","inline","_a","current","scrollIntoView","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACEC,IAAAA,EAAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhBC,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAKF,YAAYE,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOC,OACLD,GACAE,GACA;AACA,UAAMC,IAAMH,EAAGI,WAAW,GAAG,IAAIJ,IAAM,IAAGA,CAAG;AAExCF,SAAAA,YAAYK,CAAG,IAAID;AAAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOOG,UAAUL,GAAY;AACvB,IAAA,KAAKD,aAAaC,CAAE,IAAU,OAAA,KAAKF,YAAYE,CAAE,IACxCM,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOO,YACLP,GACA;AAAA,IAAEQ,UAAAA,IAAW;AAAA,IAAUC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,EAAAA,GAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAKZ,aAAaC,CAAE,KACtBW,IAAA,KAAKb,YAAYE,CAAE,EAAEY,YAArB,QAAAD,EAA8BE,eAAe;AAAA,MAC3CL,UAAAA;AAAAA,MACAC,OAAAA;AAAAA,MACAC,QAAAA;AAAAA,IAAAA,KAESJ,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AACF;AAEac,MAAAA,IAAc,IAAIjB,EAAY;"}