@universityofmaryland/web-elements-library 1.4.8 → 1.5.0-beta.0

package/dist/utilities/markup/locate.mjs

@@ -1,26 +0,0 @@
-const findParent = ({
-  element,
-  attr
-}) => {
-  let parent = element;
-  const findParentElementByAttribute = ({
-    element: element2,
-    attr: attr2
-  }) => {
-    if (!element2 || element2.hasAttribute(attr2)) {
-      return element2;
-    } else {
-      return findParentElementByAttribute({
-        element: element2.parentElement,
-        attr: attr2
-      });
-    }
-  };
-  const foundElement = findParentElementByAttribute({ element, attr });
-  if (foundElement) parent = foundElement;
-  return parent;
-};
-export {
-  findParent
-};
-//# sourceMappingURL=locate.mjs.map

package/dist/utilities/markup/locate.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"locate.mjs","sources":["../../../source/utilities/markup/locate.ts"],"sourcesContent":["export const findParent = ({\n  element,\n  attr,\n}: {\n  element: HTMLElement;\n  attr: string;\n}) => {\n  let parent = element;\n\n  const findParentElementByAttribute: any = ({\n    element,\n    attr,\n  }: {\n    element: HTMLElement | null;\n    attr: string;\n  }) => {\n    if (!element || element.hasAttribute(attr)) {\n      return element;\n    } else {\n      return findParentElementByAttribute({\n        element: element.parentElement,\n        attr,\n      });\n    }\n  };\n\n  const foundElement = findParentElementByAttribute({ element, attr });\n  if (foundElement) parent = foundElement;\n\n  return parent;\n};\n"],"names":["element","attr"],"mappings":"AAAO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AACF,MAGM;AACJ,MAAI,SAAS;AAEb,QAAM,+BAAoC,CAAC;AAAA,IACzC,SAAAA;AAAAA,IACA,MAAAC;AAAAA,EAAA,MAII;AACJ,QAAI,CAACD,YAAWA,SAAQ,aAAaC,KAAI,GAAG;AAC1C,aAAOD;AAAAA,IACT,OAAO;AACL,aAAO,6BAA6B;AAAA,QAClC,SAASA,SAAQ;AAAA,QACjB,MAAAC;AAAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,eAAe,6BAA6B,EAAE,SAAS,MAAM;AACnE,MAAI,aAAc,UAAS;AAE3B,SAAO;AACT;"}

package/dist/utilities/markup/modify.d.ts

@@ -1,21 +0,0 @@
-export declare const animationLinkSpan: ({ element, }: {
-    element: HTMLElement | HTMLAnchorElement;
-}) => void;
-export declare const wrapTextNodeInSpan: (element: HTMLElement | HTMLAnchorElement | HTMLButtonElement) => Element | undefined;
-export declare const truncateText: ({ text, maxTextSize, }: {
-    text: string;
-    maxTextSize: number;
-}) => string;
-export declare const truncateTextBasedOnSize: ({ text, size, breakpointLarge, breakpointMax, textSizeSmall, textSizeLarge, textSizeMax, }: {
-    text: string;
-    size: number;
-    breakpointLarge?: number;
-    breakpointMax?: number;
-    textSizeSmall?: number;
-    textSizeLarge?: number;
-    textSizeMax?: number;
-}) => string;
-export declare const cleanCopy: ({ element }: {
-    element: HTMLElement;
-}) => HTMLAnchorElement;
-//# sourceMappingURL=modify.d.ts.map

package/dist/utilities/markup/modify.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modify.d.ts","sourceRoot":"","sources":["../../../source/utilities/markup/modify.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,cAE/B;IACD,OAAO,EAAE,WAAW,GAAG,iBAAiB,CAAC;CAC1C,SAiBA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,WAAW,GAAG,iBAAiB,GAAG,iBAAiB,wBAoB7D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,wBAG1B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,WAwCA,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,4FAQrC;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,WASA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,aAAa;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,sBAa9D,CAAC"}

package/dist/utilities/markup/modify.js

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const animationLinkSpan = ({
-  element
-}) => {
-  const isSlotContent = element.querySelector("slot") || element instanceof HTMLSlotElement;
-  const link = element instanceof HTMLAnchorElement ? element : element.querySelector("a");
-  if (isSlotContent) return;
-  if (!link) return;
-  const isLinkSpan = link.querySelector("span");
-  if (!isLinkSpan) {
-    const span = document.createElement("span");
-    span.innerHTML = link.innerHTML;
-    link.innerHTML = "";
-    link.appendChild(span);
-  }
-};
-const wrapTextNodeInSpan = (element) => {
-  const target = element instanceof HTMLElement && !("href" in element || "type" in element) ? element.querySelector("a, button") : element;
-  if (!target) return;
-  const textNodes = Array.from(target.childNodes).filter(
-    (node) => node.nodeType === Node.TEXT_NODE
-  );
-  textNodes.forEach((node) => {
-    const span = document.createElement("span");
-    span.textContent = node.textContent?.trim() || "";
-    node.replaceWith(span);
-  });
-  return target;
-};
-const truncateText = ({
-  text,
-  maxTextSize
-}) => {
-  const wrapper = document.createElement("div");
-  const cleanedText = text.replace(/[\n\r\t]+/g, "").replace(/>\s+</g, "><").replace(/\s{2,}/g, " ").trim();
-  wrapper.innerHTML = cleanedText;
-  let textContent = wrapper.textContent || wrapper.innerText;
-  let orginalString = textContent;
-  textContent = textContent.slice(0, maxTextSize);
-  const walkAndReplace = (node) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      let newText = textContent.slice(0, node.nodeValue.length);
-      textContent = textContent.slice(node.nodeValue.length);
-      node.nodeValue = `${newText}`;
-    } else {
-      node.childNodes.forEach(walkAndReplace);
-    }
-  };
-  walkAndReplace(wrapper);
-  if (orginalString.length >= maxTextSize) {
-    const lastChild = wrapper.children[wrapper.children.length - 1];
-    if (lastChild) {
-      lastChild.innerHTML = lastChild.innerHTML + " ...";
-    } else {
-      wrapper.innerHTML += " ...";
-    }
-  }
-  return wrapper.innerHTML;
-};
-const truncateTextBasedOnSize = ({
-  text,
-  size,
-  breakpointLarge = 400,
-  breakpointMax = 600,
-  textSizeSmall = 220,
-  textSizeLarge = 260,
-  textSizeMax = 280
-}) => {
-  const isContainerLarge = size >= breakpointLarge;
-  const isContainerMax = size >= breakpointMax;
-  let textSize = textSizeSmall;
-  if (isContainerLarge) textSize = textSizeLarge;
-  if (isContainerMax) textSize = textSizeMax;
-  return truncateText({ text, maxTextSize: textSize });
-};
-const cleanCopy = ({ element }) => {
-  const clonedNoded = element.cloneNode(true);
-  const attributes = Array.from(clonedNoded.attributes);
-  attributes.forEach((attribute) => {
-    const name = attribute.name;
-    if (name !== "href") {
-      clonedNoded.removeAttribute(name);
-    }
-  });
-  return clonedNoded;
-};
-exports.animationLinkSpan = animationLinkSpan;
-exports.cleanCopy = cleanCopy;
-exports.truncateText = truncateText;
-exports.truncateTextBasedOnSize = truncateTextBasedOnSize;
-exports.wrapTextNodeInSpan = wrapTextNodeInSpan;
-//# sourceMappingURL=modify.js.map

package/dist/utilities/markup/modify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modify.js","sources":["../../../source/utilities/markup/modify.ts"],"sourcesContent":["export const animationLinkSpan = ({\n  element,\n}: {\n  element: HTMLElement | HTMLAnchorElement;\n}) => {\n  const isSlotContent =\n    element.querySelector('slot') || element instanceof HTMLSlotElement;\n  const link =\n    element instanceof HTMLAnchorElement ? element : element.querySelector('a');\n\n  if (isSlotContent) return;\n  if (!link) return;\n\n  const isLinkSpan = link.querySelector('span');\n\n  if (!isLinkSpan) {\n    const span = document.createElement('span');\n    span.innerHTML = link.innerHTML;\n    link.innerHTML = '';\n    link.appendChild(span);\n  }\n};\n\nexport const wrapTextNodeInSpan = (\n  element: HTMLElement | HTMLAnchorElement | HTMLButtonElement,\n) => {\n  const target =\n    element instanceof HTMLElement && !('href' in element || 'type' in element)\n      ? element.querySelector('a, button')\n      : element;\n\n  if (!target) return;\n\n  const textNodes = Array.from(target.childNodes).filter(\n    (node) => node.nodeType === Node.TEXT_NODE,\n  );\n\n  textNodes.forEach((node) => {\n    const span = document.createElement('span');\n    span.textContent = node.textContent?.trim() || '';\n    node.replaceWith(span);\n  });\n\n  return target;\n};\n\nexport const truncateText = ({\n  text,\n  maxTextSize,\n}: {\n  text: string;\n  maxTextSize: number;\n}) => {\n  const wrapper = document.createElement('div');\n  const cleanedText = text\n    .replace(/[\\n\\r\\t]+/g, '')\n    .replace(/>\\s+</g, '><')\n    .replace(/\\s{2,}/g, ' ')\n    .trim();\n\n  wrapper.innerHTML = cleanedText;\n\n  let textContent = wrapper.textContent || wrapper.innerText;\n  let orginalString = textContent;\n  textContent = textContent.slice(0, maxTextSize);\n\n  const walkAndReplace = (node: any) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      let newText = textContent.slice(0, node.nodeValue.length);\n      textContent = textContent.slice(node.nodeValue.length);\n\n      node.nodeValue = `${newText}`;\n    } else {\n      node.childNodes.forEach(walkAndReplace);\n    }\n  };\n\n  walkAndReplace(wrapper);\n\n  if (orginalString.length >= maxTextSize) {\n    const lastChild = wrapper.children[\n      wrapper.children.length - 1\n    ] as HTMLElement;\n\n    if (lastChild) {\n      lastChild.innerHTML = lastChild.innerHTML + ' ...';\n    } else {\n      wrapper.innerHTML += ' ...';\n    }\n  }\n\n  return wrapper.innerHTML;\n};\n\nexport const truncateTextBasedOnSize = ({\n  text,\n  size,\n  breakpointLarge = 400,\n  breakpointMax = 600,\n  textSizeSmall = 220,\n  textSizeLarge = 260,\n  textSizeMax = 280,\n}: {\n  text: string;\n  size: number;\n  breakpointLarge?: number;\n  breakpointMax?: number;\n  textSizeSmall?: number;\n  textSizeLarge?: number;\n  textSizeMax?: number;\n}) => {\n  const isContainerLarge = size >= breakpointLarge;\n  const isContainerMax = size >= breakpointMax;\n  let textSize = textSizeSmall;\n\n  if (isContainerLarge) textSize = textSizeLarge;\n  if (isContainerMax) textSize = textSizeMax;\n\n  return truncateText({ text, maxTextSize: textSize });\n};\n\nexport const cleanCopy = ({ element }: { element: HTMLElement }) => {\n  const clonedNoded = element.cloneNode(true) as HTMLAnchorElement;\n  const attributes = Array.from(clonedNoded.attributes);\n\n  attributes.forEach((attribute) => {\n    const name = attribute.name;\n\n    if (name !== 'href') {\n      clonedNoded.removeAttribute(name);\n    }\n  });\n\n  return clonedNoded;\n};\n"],"names":[],"mappings":";;AAAO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AACF,MAEM;AACJ,QAAM,gBACJ,QAAQ,cAAc,MAAM,KAAK,mBAAmB;AACtD,QAAM,OACJ,mBAAmB,oBAAoB,UAAU,QAAQ,cAAc,GAAG;AAE5E,MAAI,cAAe;AACnB,MAAI,CAAC,KAAM;AAEX,QAAM,aAAa,KAAK,cAAc,MAAM;AAE5C,MAAI,CAAC,YAAY;AACf,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,YAAY,KAAK;AACtB,SAAK,YAAY;AACjB,SAAK,YAAY,IAAI;AAAA,EACvB;AACF;AAEO,MAAM,qBAAqB,CAChC,YACG;AACH,QAAM,SACJ,mBAAmB,eAAe,EAAE,UAAU,WAAW,UAAU,WAC/D,QAAQ,cAAc,WAAW,IACjC;AAEN,MAAI,CAAC,OAAQ;AAEb,QAAM,YAAY,MAAM,KAAK,OAAO,UAAU,EAAE;AAAA,IAC9C,CAAC,SAAS,KAAK,aAAa,KAAK;AAAA,EAAA;AAGnC,YAAU,QAAQ,CAAC,SAAS;AAC1B,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,cAAc,KAAK,aAAa,KAAA,KAAU;AAC/C,SAAK,YAAY,IAAI;AAAA,EACvB,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,QAAM,cAAc,KACjB,QAAQ,cAAc,EAAE,EACxB,QAAQ,UAAU,IAAI,EACtB,QAAQ,WAAW,GAAG,EACtB,KAAA;AAEH,UAAQ,YAAY;AAEpB,MAAI,cAAc,QAAQ,eAAe,QAAQ;AACjD,MAAI,gBAAgB;AACpB,gBAAc,YAAY,MAAM,GAAG,WAAW;AAE9C,QAAM,iBAAiB,CAAC,SAAc;AACpC,QAAI,KAAK,aAAa,KAAK,WAAW;AACpC,UAAI,UAAU,YAAY,MAAM,GAAG,KAAK,UAAU,MAAM;AACxD,oBAAc,YAAY,MAAM,KAAK,UAAU,MAAM;AAErD,WAAK,YAAY,GAAG,OAAO;AAAA,IAC7B,OAAO;AACL,WAAK,WAAW,QAAQ,cAAc;AAAA,IACxC;AAAA,EACF;AAEA,iBAAe,OAAO;AAEtB,MAAI,cAAc,UAAU,aAAa;AACvC,UAAM,YAAY,QAAQ,SACxB,QAAQ,SAAS,SAAS,CAC5B;AAEA,QAAI,WAAW;AACb,gBAAU,YAAY,UAAU,YAAY;AAAA,IAC9C,OAAO;AACL,cAAQ,aAAa;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,QAAQ;AACjB;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,cAAc;AAChB,MAQM;AACJ,QAAM,mBAAmB,QAAQ;AACjC,QAAM,iBAAiB,QAAQ;AAC/B,MAAI,WAAW;AAEf,MAAI,iBAAkB,YAAW;AACjC,MAAI,eAAgB,YAAW;AAE/B,SAAO,aAAa,EAAE,MAAM,aAAa,UAAU;AACrD;AAEO,MAAM,YAAY,CAAC,EAAE,cAAwC;AAClE,QAAM,cAAc,QAAQ,UAAU,IAAI;AAC1C,QAAM,aAAa,MAAM,KAAK,YAAY,UAAU;AAEpD,aAAW,QAAQ,CAAC,cAAc;AAChC,UAAM,OAAO,UAAU;AAEvB,QAAI,SAAS,QAAQ;AACnB,kBAAY,gBAAgB,IAAI;AAAA,IAClC;AAAA,EACF,CAAC;AAED,SAAO;AACT;;;;;;"}

package/dist/utilities/markup/modify.mjs

@@ -1,93 +0,0 @@
-const animationLinkSpan = ({
-  element
-}) => {
-  const isSlotContent = element.querySelector("slot") || element instanceof HTMLSlotElement;
-  const link = element instanceof HTMLAnchorElement ? element : element.querySelector("a");
-  if (isSlotContent) return;
-  if (!link) return;
-  const isLinkSpan = link.querySelector("span");
-  if (!isLinkSpan) {
-    const span = document.createElement("span");
-    span.innerHTML = link.innerHTML;
-    link.innerHTML = "";
-    link.appendChild(span);
-  }
-};
-const wrapTextNodeInSpan = (element) => {
-  const target = element instanceof HTMLElement && !("href" in element || "type" in element) ? element.querySelector("a, button") : element;
-  if (!target) return;
-  const textNodes = Array.from(target.childNodes).filter(
-    (node) => node.nodeType === Node.TEXT_NODE
-  );
-  textNodes.forEach((node) => {
-    const span = document.createElement("span");
-    span.textContent = node.textContent?.trim() || "";
-    node.replaceWith(span);
-  });
-  return target;
-};
-const truncateText = ({
-  text,
-  maxTextSize
-}) => {
-  const wrapper = document.createElement("div");
-  const cleanedText = text.replace(/[\n\r\t]+/g, "").replace(/>\s+</g, "><").replace(/\s{2,}/g, " ").trim();
-  wrapper.innerHTML = cleanedText;
-  let textContent = wrapper.textContent || wrapper.innerText;
-  let orginalString = textContent;
-  textContent = textContent.slice(0, maxTextSize);
-  const walkAndReplace = (node) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      let newText = textContent.slice(0, node.nodeValue.length);
-      textContent = textContent.slice(node.nodeValue.length);
-      node.nodeValue = `${newText}`;
-    } else {
-      node.childNodes.forEach(walkAndReplace);
-    }
-  };
-  walkAndReplace(wrapper);
-  if (orginalString.length >= maxTextSize) {
-    const lastChild = wrapper.children[wrapper.children.length - 1];
-    if (lastChild) {
-      lastChild.innerHTML = lastChild.innerHTML + " ...";
-    } else {
-      wrapper.innerHTML += " ...";
-    }
-  }
-  return wrapper.innerHTML;
-};
-const truncateTextBasedOnSize = ({
-  text,
-  size,
-  breakpointLarge = 400,
-  breakpointMax = 600,
-  textSizeSmall = 220,
-  textSizeLarge = 260,
-  textSizeMax = 280
-}) => {
-  const isContainerLarge = size >= breakpointLarge;
-  const isContainerMax = size >= breakpointMax;
-  let textSize = textSizeSmall;
-  if (isContainerLarge) textSize = textSizeLarge;
-  if (isContainerMax) textSize = textSizeMax;
-  return truncateText({ text, maxTextSize: textSize });
-};
-const cleanCopy = ({ element }) => {
-  const clonedNoded = element.cloneNode(true);
-  const attributes = Array.from(clonedNoded.attributes);
-  attributes.forEach((attribute) => {
-    const name = attribute.name;
-    if (name !== "href") {
-      clonedNoded.removeAttribute(name);
-    }
-  });
-  return clonedNoded;
-};
-export {
-  animationLinkSpan,
-  cleanCopy,
-  truncateText,
-  truncateTextBasedOnSize,
-  wrapTextNodeInSpan
-};
-//# sourceMappingURL=modify.mjs.map

package/dist/utilities/markup/modify.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"modify.mjs","sources":["../../../source/utilities/markup/modify.ts"],"sourcesContent":["export const animationLinkSpan = ({\n  element,\n}: {\n  element: HTMLElement | HTMLAnchorElement;\n}) => {\n  const isSlotContent =\n    element.querySelector('slot') || element instanceof HTMLSlotElement;\n  const link =\n    element instanceof HTMLAnchorElement ? element : element.querySelector('a');\n\n  if (isSlotContent) return;\n  if (!link) return;\n\n  const isLinkSpan = link.querySelector('span');\n\n  if (!isLinkSpan) {\n    const span = document.createElement('span');\n    span.innerHTML = link.innerHTML;\n    link.innerHTML = '';\n    link.appendChild(span);\n  }\n};\n\nexport const wrapTextNodeInSpan = (\n  element: HTMLElement | HTMLAnchorElement | HTMLButtonElement,\n) => {\n  const target =\n    element instanceof HTMLElement && !('href' in element || 'type' in element)\n      ? element.querySelector('a, button')\n      : element;\n\n  if (!target) return;\n\n  const textNodes = Array.from(target.childNodes).filter(\n    (node) => node.nodeType === Node.TEXT_NODE,\n  );\n\n  textNodes.forEach((node) => {\n    const span = document.createElement('span');\n    span.textContent = node.textContent?.trim() || '';\n    node.replaceWith(span);\n  });\n\n  return target;\n};\n\nexport const truncateText = ({\n  text,\n  maxTextSize,\n}: {\n  text: string;\n  maxTextSize: number;\n}) => {\n  const wrapper = document.createElement('div');\n  const cleanedText = text\n    .replace(/[\\n\\r\\t]+/g, '')\n    .replace(/>\\s+</g, '><')\n    .replace(/\\s{2,}/g, ' ')\n    .trim();\n\n  wrapper.innerHTML = cleanedText;\n\n  let textContent = wrapper.textContent || wrapper.innerText;\n  let orginalString = textContent;\n  textContent = textContent.slice(0, maxTextSize);\n\n  const walkAndReplace = (node: any) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      let newText = textContent.slice(0, node.nodeValue.length);\n      textContent = textContent.slice(node.nodeValue.length);\n\n      node.nodeValue = `${newText}`;\n    } else {\n      node.childNodes.forEach(walkAndReplace);\n    }\n  };\n\n  walkAndReplace(wrapper);\n\n  if (orginalString.length >= maxTextSize) {\n    const lastChild = wrapper.children[\n      wrapper.children.length - 1\n    ] as HTMLElement;\n\n    if (lastChild) {\n      lastChild.innerHTML = lastChild.innerHTML + ' ...';\n    } else {\n      wrapper.innerHTML += ' ...';\n    }\n  }\n\n  return wrapper.innerHTML;\n};\n\nexport const truncateTextBasedOnSize = ({\n  text,\n  size,\n  breakpointLarge = 400,\n  breakpointMax = 600,\n  textSizeSmall = 220,\n  textSizeLarge = 260,\n  textSizeMax = 280,\n}: {\n  text: string;\n  size: number;\n  breakpointLarge?: number;\n  breakpointMax?: number;\n  textSizeSmall?: number;\n  textSizeLarge?: number;\n  textSizeMax?: number;\n}) => {\n  const isContainerLarge = size >= breakpointLarge;\n  const isContainerMax = size >= breakpointMax;\n  let textSize = textSizeSmall;\n\n  if (isContainerLarge) textSize = textSizeLarge;\n  if (isContainerMax) textSize = textSizeMax;\n\n  return truncateText({ text, maxTextSize: textSize });\n};\n\nexport const cleanCopy = ({ element }: { element: HTMLElement }) => {\n  const clonedNoded = element.cloneNode(true) as HTMLAnchorElement;\n  const attributes = Array.from(clonedNoded.attributes);\n\n  attributes.forEach((attribute) => {\n    const name = attribute.name;\n\n    if (name !== 'href') {\n      clonedNoded.removeAttribute(name);\n    }\n  });\n\n  return clonedNoded;\n};\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AACF,MAEM;AACJ,QAAM,gBACJ,QAAQ,cAAc,MAAM,KAAK,mBAAmB;AACtD,QAAM,OACJ,mBAAmB,oBAAoB,UAAU,QAAQ,cAAc,GAAG;AAE5E,MAAI,cAAe;AACnB,MAAI,CAAC,KAAM;AAEX,QAAM,aAAa,KAAK,cAAc,MAAM;AAE5C,MAAI,CAAC,YAAY;AACf,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,YAAY,KAAK;AACtB,SAAK,YAAY;AACjB,SAAK,YAAY,IAAI;AAAA,EACvB;AACF;AAEO,MAAM,qBAAqB,CAChC,YACG;AACH,QAAM,SACJ,mBAAmB,eAAe,EAAE,UAAU,WAAW,UAAU,WAC/D,QAAQ,cAAc,WAAW,IACjC;AAEN,MAAI,CAAC,OAAQ;AAEb,QAAM,YAAY,MAAM,KAAK,OAAO,UAAU,EAAE;AAAA,IAC9C,CAAC,SAAS,KAAK,aAAa,KAAK;AAAA,EAAA;AAGnC,YAAU,QAAQ,CAAC,SAAS;AAC1B,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,cAAc,KAAK,aAAa,KAAA,KAAU;AAC/C,SAAK,YAAY,IAAI;AAAA,EACvB,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,QAAM,cAAc,KACjB,QAAQ,cAAc,EAAE,EACxB,QAAQ,UAAU,IAAI,EACtB,QAAQ,WAAW,GAAG,EACtB,KAAA;AAEH,UAAQ,YAAY;AAEpB,MAAI,cAAc,QAAQ,eAAe,QAAQ;AACjD,MAAI,gBAAgB;AACpB,gBAAc,YAAY,MAAM,GAAG,WAAW;AAE9C,QAAM,iBAAiB,CAAC,SAAc;AACpC,QAAI,KAAK,aAAa,KAAK,WAAW;AACpC,UAAI,UAAU,YAAY,MAAM,GAAG,KAAK,UAAU,MAAM;AACxD,oBAAc,YAAY,MAAM,KAAK,UAAU,MAAM;AAErD,WAAK,YAAY,GAAG,OAAO;AAAA,IAC7B,OAAO;AACL,WAAK,WAAW,QAAQ,cAAc;AAAA,IACxC;AAAA,EACF;AAEA,iBAAe,OAAO;AAEtB,MAAI,cAAc,UAAU,aAAa;AACvC,UAAM,YAAY,QAAQ,SACxB,QAAQ,SAAS,SAAS,CAC5B;AAEA,QAAI,WAAW;AACb,gBAAU,YAAY,UAAU,YAAY;AAAA,IAC9C,OAAO;AACL,cAAQ,aAAa;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,QAAQ;AACjB;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,cAAc;AAChB,MAQM;AACJ,QAAM,mBAAmB,QAAQ;AACjC,QAAM,iBAAiB,QAAQ;AAC/B,MAAI,WAAW;AAEf,MAAI,iBAAkB,YAAW;AACjC,MAAI,eAAgB,YAAW;AAE/B,SAAO,aAAa,EAAE,MAAM,aAAa,UAAU;AACrD;AAEO,MAAM,YAAY,CAAC,EAAE,cAAwC;AAClE,QAAM,cAAc,QAAQ,UAAU,IAAI;AAC1C,QAAM,aAAa,MAAM,KAAK,YAAY,UAAU;AAEpD,aAAW,QAAQ,CAAC,cAAc;AAChC,UAAM,OAAO,UAAU;AAEvB,QAAI,SAAS,QAAQ;AACnB,kBAAY,gBAAgB,IAAI;AAAA,IAClC;AAAA,EACF,CAAC;AAED,SAAO;AACT;"}

package/dist/utilities/network/index.d.ts

@@ -1,10 +0,0 @@
-export type VariablesType = {
-    related?: string[];
-};
-export declare const FetchGraphQL: ({ query, url, variables, token, }: {
-    query: string;
-    url: string;
-    token: string;
-    variables?: VariablesType;
-}) => Promise<any>;
-//# sourceMappingURL=index.d.ts.map

package/dist/utilities/network/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/network/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAU,mCAKhC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,iBA8BA,CAAC"}

package/dist/utilities/network/index.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FetchGraphQL = async ({
-  query,
-  url,
-  variables,
-  token
-}) => {
-  const headers = {
-    "Content-Type": "application/json",
-    Authorization: `Bearer ${token}`
-  };
-  const body = JSON.stringify({
-    query,
-    variables
-  });
-  try {
-    const response = await fetch(url, {
-      method: "POST",
-      headers,
-      body
-    });
-    const responseData = await response.json();
-    if (responseData.errors) {
-      responseData.errors.forEach((error) => console.error(error.message));
-      return;
-    }
-    return responseData;
-  } catch (error) {
-    console.error(error);
-    return error;
-  }
-};
-exports.FetchGraphQL = FetchGraphQL;
-//# sourceMappingURL=index.js.map

package/dist/utilities/network/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../source/utilities/network/index.ts"],"sourcesContent":["export type VariablesType = {\n  related?: string[];\n};\n\nexport const FetchGraphQL = async ({\n  query,\n  url,\n  variables,\n  token,\n}: {\n  query: string;\n  url: string;\n  token: string;\n  variables?: VariablesType;\n}) => {\n  const headers = {\n    'Content-Type': 'application/json',\n    Authorization: `Bearer ${token}`,\n  };\n\n  const body = JSON.stringify({\n    query,\n    variables,\n  });\n\n  try {\n    const response = await fetch(url, {\n      method: 'POST',\n      headers,\n      body,\n    });\n\n    const responseData = await response.json();\n\n    if (responseData.errors) {\n      responseData.errors.forEach((error: any) => console.error(error.message));\n      return;\n    }\n\n    return responseData;\n  } catch (error) {\n    console.error(error);\n    return error;\n  }\n};\n"],"names":[],"mappings":";;AAIO,MAAM,eAAe,OAAO;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,UAAU;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe,UAAU,KAAK;AAAA,EAAA;AAGhC,QAAM,OAAO,KAAK,UAAU;AAAA,IAC1B;AAAA,IACA;AAAA,EAAA,CACD;AAED,MAAI;AACF,UAAM,WAAW,MAAM,MAAM,KAAK;AAAA,MAChC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,eAAe,MAAM,SAAS,KAAA;AAEpC,QAAI,aAAa,QAAQ;AACvB,mBAAa,OAAO,QAAQ,CAAC,UAAe,QAAQ,MAAM,MAAM,OAAO,CAAC;AACxE;AAAA,IACF;AAEA,WAAO;AAAA,EACT,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AACnB,WAAO;AAAA,EACT;AACF;;"}

package/dist/utilities/network/index.mjs

@@ -1,35 +0,0 @@
-const FetchGraphQL = async ({
-  query,
-  url,
-  variables,
-  token
-}) => {
-  const headers = {
-    "Content-Type": "application/json",
-    Authorization: `Bearer ${token}`
-  };
-  const body = JSON.stringify({
-    query,
-    variables
-  });
-  try {
-    const response = await fetch(url, {
-      method: "POST",
-      headers,
-      body
-    });
-    const responseData = await response.json();
-    if (responseData.errors) {
-      responseData.errors.forEach((error) => console.error(error.message));
-      return;
-    }
-    return responseData;
-  } catch (error) {
-    console.error(error);
-    return error;
-  }
-};
-export {
-  FetchGraphQL
-};
-//# sourceMappingURL=index.mjs.map

package/dist/utilities/network/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../source/utilities/network/index.ts"],"sourcesContent":["export type VariablesType = {\n  related?: string[];\n};\n\nexport const FetchGraphQL = async ({\n  query,\n  url,\n  variables,\n  token,\n}: {\n  query: string;\n  url: string;\n  token: string;\n  variables?: VariablesType;\n}) => {\n  const headers = {\n    'Content-Type': 'application/json',\n    Authorization: `Bearer ${token}`,\n  };\n\n  const body = JSON.stringify({\n    query,\n    variables,\n  });\n\n  try {\n    const response = await fetch(url, {\n      method: 'POST',\n      headers,\n      body,\n    });\n\n    const responseData = await response.json();\n\n    if (responseData.errors) {\n      responseData.errors.forEach((error: any) => console.error(error.message));\n      return;\n    }\n\n    return responseData;\n  } catch (error) {\n    console.error(error);\n    return error;\n  }\n};\n"],"names":[],"mappings":"AAIO,MAAM,eAAe,OAAO;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,UAAU;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe,UAAU,KAAK;AAAA,EAAA;AAGhC,QAAM,OAAO,KAAK,UAAU;AAAA,IAC1B;AAAA,IACA;AAAA,EAAA,CACD;AAED,MAAI;AACF,UAAM,WAAW,MAAM,MAAM,KAAK;AAAA,MAChC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,eAAe,MAAM,SAAS,KAAA;AAEpC,QAAI,aAAa,QAAQ;AACvB,mBAAa,OAAO,QAAQ,CAAC,UAAe,QAAQ,MAAM,MAAM,OAAO,CAAC;AACxE;AAAA,IACF;AAEA,WAAO;AAAA,EACT,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AACnB,WAAO;AAAA,EACT;AACF;"}

package/dist/utilities/performance/index.d.ts

@@ -1,2 +0,0 @@
-export declare const debounce: <T extends Function>(cb: T, wait?: number) => T;
-//# sourceMappingURL=index.d.ts.map

package/dist/utilities/performance/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/performance/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAa,CAAC,SAAS,QAAQ,EAAE,IAAI,CAAC,EAAE,aAAS,KAO5D,CACT,CAAC"}

package/dist/utilities/performance/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const debounce = function(cb, wait = 50) {
-  let timer = 0;
-  const callable = (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => cb(...args), wait);
-  };
-  return callable;
-};
-exports.debounce = debounce;
-//# sourceMappingURL=index.js.map

package/dist/utilities/performance/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../source/utilities/performance/index.ts"],"sourcesContent":["export const debounce = function <T extends Function>(cb: T, wait = 50) {\n  let timer: number = 0;\n  const callable = (...args: any) => {\n    clearTimeout(timer);\n    // @ts-ignore\n    timer = setTimeout(() => cb(...args), wait);\n  };\n  return <T>(<any>callable);\n};\n"],"names":[],"mappings":";;AAAO,MAAM,WAAW,SAA8B,IAAO,OAAO,IAAI;AACtE,MAAI,QAAgB;AACpB,QAAM,WAAW,IAAI,SAAc;AACjC,iBAAa,KAAK;AAElB,YAAQ,WAAW,MAAM,GAAG,GAAG,IAAI,GAAG,IAAI;AAAA,EAC5C;AACA,SAAgB;AAClB;;"}

package/dist/utilities/performance/index.mjs

@@ -1,12 +0,0 @@
-const debounce = function(cb, wait = 50) {
-  let timer = 0;
-  const callable = (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => cb(...args), wait);
-  };
-  return callable;
-};
-export {
-  debounce
-};
-//# sourceMappingURL=index.mjs.map

package/dist/utilities/performance/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../source/utilities/performance/index.ts"],"sourcesContent":["export const debounce = function <T extends Function>(cb: T, wait = 50) {\n  let timer: number = 0;\n  const callable = (...args: any) => {\n    clearTimeout(timer);\n    // @ts-ignore\n    timer = setTimeout(() => cb(...args), wait);\n  };\n  return <T>(<any>callable);\n};\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,SAA8B,IAAO,OAAO,IAAI;AACtE,MAAI,QAAgB;AACpB,QAAM,WAAW,IAAI,SAAc;AACjC,iBAAa,KAAK;AAElB,YAAQ,WAAW,MAAM,GAAG,GAAG,IAAI,GAAG,IAAI;AAAA,EAC5C;AACA,SAAgB;AAClB;"}

package/dist/utilities/storage/index.d.ts

@@ -1,2 +0,0 @@
-export * as local from './local';
-//# sourceMappingURL=index.d.ts.map

package/dist/utilities/storage/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/storage/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/dist/utilities/storage/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const local = require("./local.js");
-exports.local = local;
-//# sourceMappingURL=index.js.map

package/dist/utilities/storage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/utilities/storage/index.mjs

@@ -1,5 +0,0 @@
-import * as local from "./local.mjs";
-export {
-  local
-};
-//# sourceMappingURL=index.mjs.map

package/dist/utilities/storage/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/utilities/storage/local.d.ts

@@ -1,7 +0,0 @@
-export declare const get: ({ key }: {
-    key: string;
-}) => number | null;
-export declare const set: ({ key }: {
-    key: string;
-}) => void;
-//# sourceMappingURL=local.d.ts.map

package/dist/utilities/storage/local.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"local.d.ts","sourceRoot":"","sources":["../../../source/utilities/storage/local.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,GAAI,SAAS;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,kBAI3C,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,SAAS;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,SAG3C,CAAC"}

package/dist/utilities/storage/local.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const get = ({ key }) => {
-  const string = localStorage.getItem(key);
-  if (string) return parseInt(string, 10);
-  return null;
-};
-const set = ({ key }) => {
-  const currentTime = (/* @__PURE__ */ new Date()).getTime();
-  localStorage.setItem(key, currentTime.toString());
-};
-exports.get = get;
-exports.set = set;
-//# sourceMappingURL=local.js.map

package/dist/utilities/storage/local.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"local.js","sources":["../../../source/utilities/storage/local.ts"],"sourcesContent":["export const get = ({ key }: { key: string }) => {\n  const string = localStorage.getItem(key);\n  if (string) return parseInt(string, 10);\n  return null;\n};\n\nexport const set = ({ key }: { key: string }) => {\n  const currentTime = new Date().getTime();\n  localStorage.setItem(key, currentTime.toString());\n};\n"],"names":[],"mappings":";;AAAO,MAAM,MAAM,CAAC,EAAE,UAA2B;AAC/C,QAAM,SAAS,aAAa,QAAQ,GAAG;AACvC,MAAI,OAAQ,QAAO,SAAS,QAAQ,EAAE;AACtC,SAAO;AACT;AAEO,MAAM,MAAM,CAAC,EAAE,UAA2B;AAC/C,QAAM,eAAc,oBAAI,KAAA,GAAO,QAAA;AAC/B,eAAa,QAAQ,KAAK,YAAY,SAAA,CAAU;AAClD;;;"}

package/dist/utilities/storage/local.mjs

@@ -1,14 +0,0 @@
-const get = ({ key }) => {
-  const string = localStorage.getItem(key);
-  if (string) return parseInt(string, 10);
-  return null;
-};
-const set = ({ key }) => {
-  const currentTime = (/* @__PURE__ */ new Date()).getTime();
-  localStorage.setItem(key, currentTime.toString());
-};
-export {
-  get,
-  set
-};
-//# sourceMappingURL=local.mjs.map

package/dist/utilities/storage/local.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"local.mjs","sources":["../../../source/utilities/storage/local.ts"],"sourcesContent":["export const get = ({ key }: { key: string }) => {\n  const string = localStorage.getItem(key);\n  if (string) return parseInt(string, 10);\n  return null;\n};\n\nexport const set = ({ key }: { key: string }) => {\n  const currentTime = new Date().getTime();\n  localStorage.setItem(key, currentTime.toString());\n};\n"],"names":[],"mappings":"AAAO,MAAM,MAAM,CAAC,EAAE,UAA2B;AAC/C,QAAM,SAAS,aAAa,QAAQ,GAAG;AACvC,MAAI,OAAQ,QAAO,SAAS,QAAQ,EAAE;AACtC,SAAO;AACT;AAEO,MAAM,MAAM,CAAC,EAAE,UAA2B;AAC/C,QAAM,eAAc,oBAAI,KAAA,GAAO,QAAA;AAC/B,eAAa,QAAQ,KAAK,YAAY,SAAA,CAAU;AAClD;"}

package/dist/utilities/theme/animations.d.ts

@@ -1,9 +0,0 @@
-export declare const shrinkThenRemove: ({ container }: {
-    container: HTMLElement;
-}) => void;
-export declare const scrollTo: ({ element, spread, frames, }: {
-    element: HTMLElement;
-    spread?: number;
-    frames?: number;
-}) => void;
-//# sourceMappingURL=animations.d.ts.map

package/dist/utilities/theme/animations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../source/utilities/theme/animations.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,GAAI,eAAe;IAAE,SAAS,EAAE,WAAW,CAAA;CAAE,SAoCzE,CAAC;AAKF,eAAO,MAAM,QAAQ,GAAI,8BAItB;IACD,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,SAoCA,CAAC"}

package/dist/utilities/theme/animations.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const shrinkThenRemove = ({ container }) => {
-  const frames = 30;
-  const startingHeight = container.clientHeight;
-  const startingPadding = parseInt(
-    window.getComputedStyle(container).paddingBottom.split("px")[0]
-  );
-  const heightDiff = startingHeight / frames;
-  const paddingDiff = startingPadding / frames;
-  let currentFrame = 0;
-  let currentHeight = startingHeight;
-  let currentPadding = startingPadding;
-  container.style.overflow = "hidden";
-  const shrink = () => {
-    if (frames > currentFrame) {
-      currentHeight = currentHeight - heightDiff;
-      currentPadding = currentPadding - paddingDiff;
-      container.style.height = `${currentHeight}px`;
-      container.style.paddingBottom = `${currentPadding}px`;
-      currentFrame++;
-      window.requestAnimationFrame(shrink);
-    } else {
-      container.style.height = "0px";
-      container.style.paddingBottom = "0px";
-      setTimeout(() => {
-        container.style.display = "none";
-        container.setAttribute("closed", "true");
-      }, 100);
-    }
-  };
-  window.requestAnimationFrame(shrink);
-};
-const scrollTo = ({
-  element,
-  spread = 30,
-  frames = 60
-}) => {
-  if (!element) return;
-  const documentBody = document.documentElement.scrollTop || document.body.scrollTop;
-  const elm = document.body;
-  let from = 0;
-  const to = element.getBoundingClientRect();
-  const toPosition = documentBody == 0 ? to.top - from - spread : to.top - spread;
-  const currentPosition = window.pageYOffset;
-  const jump = (toPosition - from) / frames;
-  from = currentPosition;
-  function scroll() {
-    if (frames > 0) {
-      const position = from + jump;
-      from = position;
-      elm.scrollTop = from;
-      document.documentElement.scrollTop = from;
-      frames--;
-      window.requestAnimationFrame(scroll);
-    } else {
-      const elms = Array.from(
-        element.querySelectorAll("a, button")
-      );
-      element.focus({ preventScroll: true });
-      if (Array.isArray(elms) && elms.length > 0) {
-        elms[0].focus({ preventScroll: true });
-      }
-    }
-  }
-  window.requestAnimationFrame(scroll);
-};
-exports.scrollTo = scrollTo;
-exports.shrinkThenRemove = shrinkThenRemove;
-//# sourceMappingURL=animations.js.map

package/dist/utilities/theme/animations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animations.js","sources":["../../../source/utilities/theme/animations.ts"],"sourcesContent":["/**\n * Animation utilities for theme and style transitions\n */\n\n/**\n * Animate element shrinking and removal\n * Used for collapsing UI elements smoothly\n */\nexport const shrinkThenRemove = ({ container }: { container: HTMLElement }) => {\n  const frames = 30;\n  const startingHeight = container.clientHeight;\n  const startingPadding = parseInt(\n    window.getComputedStyle(container).paddingBottom.split('px')[0],\n  );\n  const heightDiff = startingHeight / frames;\n  const paddingDiff = startingPadding / frames;\n  let currentFrame = 0;\n  let currentHeight = startingHeight;\n  let currentPadding = startingPadding;\n\n  container.style.overflow = 'hidden';\n\n  const shrink = () => {\n    if (frames > currentFrame) {\n      currentHeight = currentHeight - heightDiff;\n      currentPadding = currentPadding - paddingDiff;\n\n      container.style.height = `${currentHeight}px`;\n      container.style.paddingBottom = `${currentPadding}px`;\n\n      currentFrame++;\n      window.requestAnimationFrame(shrink);\n    } else {\n      container.style.height = '0px';\n      container.style.paddingBottom = '0px';\n\n      setTimeout(() => {\n        container.style.display = 'none';\n        container.setAttribute('closed', 'true');\n      }, 100);\n    }\n  };\n\n  window.requestAnimationFrame(shrink);\n};\n\n/**\n * Smooth scroll to element with optional offset\n */\nexport const scrollTo = ({\n  element,\n  spread = 30,\n  frames = 60,\n}: {\n  element: HTMLElement;\n  spread?: number;\n  frames?: number;\n}) => {\n  if (!element) return;\n\n  const documentBody =\n    document.documentElement.scrollTop || document.body.scrollTop;\n  const elm = document.body;\n  let from = 0;\n  const to = element.getBoundingClientRect();\n  const toPosition =\n    documentBody == 0 ? to.top - from - spread : to.top - spread;\n  const currentPosition = window.pageYOffset;\n  const jump = (toPosition - from) / frames;\n  from = currentPosition;\n\n  function scroll() {\n    if (frames > 0) {\n      const position = from + jump;\n\n      from = position;\n      elm.scrollTop = from;\n      document.documentElement.scrollTop = from;\n\n      frames--;\n      window.requestAnimationFrame(scroll);\n    } else {\n      const elms = Array.from(\n        element.querySelectorAll('a, button'),\n      ) as Array<HTMLElement>;\n      element.focus({ preventScroll: true });\n      if (Array.isArray(elms) && elms.length > 0) {\n        elms[0].focus({ preventScroll: true });\n      }\n    }\n  }\n\n  window.requestAnimationFrame(scroll);\n};"],"names":[],"mappings":";;AAQO,MAAM,mBAAmB,CAAC,EAAE,gBAA4C;AAC7E,QAAM,SAAS;AACf,QAAM,iBAAiB,UAAU;AACjC,QAAM,kBAAkB;AAAA,IACtB,OAAO,iBAAiB,SAAS,EAAE,cAAc,MAAM,IAAI,EAAE,CAAC;AAAA,EAAA;AAEhE,QAAM,aAAa,iBAAiB;AACpC,QAAM,cAAc,kBAAkB;AACtC,MAAI,eAAe;AACnB,MAAI,gBAAgB;AACpB,MAAI,iBAAiB;AAErB,YAAU,MAAM,WAAW;AAE3B,QAAM,SAAS,MAAM;AACnB,QAAI,SAAS,cAAc;AACzB,sBAAgB,gBAAgB;AAChC,uBAAiB,iBAAiB;AAElC,gBAAU,MAAM,SAAS,GAAG,aAAa;AACzC,gBAAU,MAAM,gBAAgB,GAAG,cAAc;AAEjD;AACA,aAAO,sBAAsB,MAAM;AAAA,IACrC,OAAO;AACL,gBAAU,MAAM,SAAS;AACzB,gBAAU,MAAM,gBAAgB;AAEhC,iBAAW,MAAM;AACf,kBAAU,MAAM,UAAU;AAC1B,kBAAU,aAAa,UAAU,MAAM;AAAA,MACzC,GAAG,GAAG;AAAA,IACR;AAAA,EACF;AAEA,SAAO,sBAAsB,MAAM;AACrC;AAKO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AACX,MAIM;AACJ,MAAI,CAAC,QAAS;AAEd,QAAM,eACJ,SAAS,gBAAgB,aAAa,SAAS,KAAK;AACtD,QAAM,MAAM,SAAS;AACrB,MAAI,OAAO;AACX,QAAM,KAAK,QAAQ,sBAAA;AACnB,QAAM,aACJ,gBAAgB,IAAI,GAAG,MAAM,OAAO,SAAS,GAAG,MAAM;AACxD,QAAM,kBAAkB,OAAO;AAC/B,QAAM,QAAQ,aAAa,QAAQ;AACnC,SAAO;AAEP,WAAS,SAAS;AAChB,QAAI,SAAS,GAAG;AACd,YAAM,WAAW,OAAO;AAExB,aAAO;AACP,UAAI,YAAY;AAChB,eAAS,gBAAgB,YAAY;AAErC;AACA,aAAO,sBAAsB,MAAM;AAAA,IACrC,OAAO;AACL,YAAM,OAAO,MAAM;AAAA,QACjB,QAAQ,iBAAiB,WAAW;AAAA,MAAA;AAEtC,cAAQ,MAAM,EAAE,eAAe,KAAA,CAAM;AACrC,UAAI,MAAM,QAAQ,IAAI,KAAK,KAAK,SAAS,GAAG;AAC1C,aAAK,CAAC,EAAE,MAAM,EAAE,eAAe,MAAM;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AAEA,SAAO,sBAAsB,MAAM;AACrC;;;"}