@apia/util 1.0.4 → 2.0.1

package/dist/documents/downloadStringAsDoc.d.ts

@@ -0,0 +1,8 @@
+type DownloadStringAsDocProps = {
+    fileName?: string;
+    blobProps?: BlobPropertyBag;
+};
+declare function downloadStringAsDoc(content: string, options?: DownloadStringAsDocProps): Promise<void>;
+
+export { type DownloadStringAsDocProps, downloadStringAsDoc };
+//# sourceMappingURL=downloadStringAsDoc.d.ts.map

package/dist/documents/downloadStringAsDoc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"downloadStringAsDoc.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/documents/downloadStringAsDoc.js

@@ -0,0 +1,12 @@
+async function downloadStringAsDoc(content, options) {
+  (await import('file-saver')).default.saveAs(
+    new Blob([content], {
+      type: "text/plain; charset=utf-8",
+      ...options?.blobProps
+    }),
+    options?.fileName
+  );
+}
+
+export { downloadStringAsDoc };
+//# sourceMappingURL=downloadStringAsDoc.js.map

package/dist/documents/downloadStringAsDoc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"downloadStringAsDoc.js","sources":["../../src/documents/downloadStringAsDoc.ts"],"sourcesContent":["export type DownloadStringAsDocProps = {\n  fileName?: string;\n  blobProps?: BlobPropertyBag;\n};\n\nexport async function downloadStringAsDoc(\n  content: string,\n  options?: DownloadStringAsDocProps,\n) {\n  (await import('file-saver')).default.saveAs(\n    new Blob([content], {\n      type: 'text/plain; charset=utf-8',\n      ...options?.blobProps,\n    }),\n    options?.fileName,\n  );\n}\n"],"names":[],"mappings":"AAKsB,eAAA,mBAAA,CACpB,SACA,OACA,EAAA;AACA,EAAA,CAAC,MAAM,OAAO,YAAY,CAAA,EAAG,OAAQ,CAAA,MAAA;AAAA,IACnC,IAAI,IAAA,CAAK,CAAC,OAAO,CAAG,EAAA;AAAA,MAClB,IAAM,EAAA,2BAAA;AAAA,MACN,GAAG,OAAS,EAAA,SAAA;AAAA,KACb,CAAA;AAAA,IACD,OAAS,EAAA,QAAA;AAAA,GACX,CAAA;AACF;;;;"}

package/dist/documents/downloadUrl.d.ts

@@ -0,0 +1,20 @@
+import { AxiosResponse } from 'axios';
+
+declare function defaultGetNameFromResponse(blob: AxiosResponse): string;
+/**
+ * This function gets an URL and a file name and performs a file download.
+ *
+ * @param url The url to fetch
+ * @param getNameFromResponse The name will be given by the 'content-disposition' prop in the headers
+ */
+declare function downloadUrl(url: string, getNameFromResponse?: (blob: AxiosResponse) => string): Promise<void>;
+/**
+ * This function gets an URL and a file name and performs a file download.
+ *
+ * @param url The url to fetch
+ * @param fileName The name the file will have as default in the save dialog
+ */
+declare function downloadUrl(url: string, fileName: string): Promise<void>;
+
+export { defaultGetNameFromResponse, downloadUrl };
+//# sourceMappingURL=downloadUrl.d.ts.map

package/dist/documents/downloadUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"downloadUrl.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/documents/downloadUrl.js

@@ -0,0 +1,18 @@
+function defaultGetNameFromResponse(blob) {
+  return blob.headers["content-disposition"]?.match?.(
+    /filename=(?:\\?")?([\w,\s-() ]+(?:\.[A-Za-z]+)?)(?:\\?")?;?/
+  )?.[1] ?? "noFileName";
+}
+async function downloadUrl(url, secondParameter = defaultGetNameFromResponse) {
+  const blob = await (await import('axios')).default.get(url, {
+    responseType: "blob"
+  });
+  const actualFileName = typeof secondParameter === "string" ? secondParameter : secondParameter(blob);
+  (await import('file-saver')).default.saveAs(
+    new Blob([blob.data]),
+    actualFileName
+  );
+}
+
+export { defaultGetNameFromResponse, downloadUrl };
+//# sourceMappingURL=downloadUrl.js.map

package/dist/documents/downloadUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"downloadUrl.js","sources":["../../src/documents/downloadUrl.ts"],"sourcesContent":["import type { AxiosResponse } from 'axios';\n\nexport function defaultGetNameFromResponse(blob: AxiosResponse) {\n  return (\n    (blob.headers['content-disposition'] as string)?.match?.(\n      /filename=(?:\\\\?\")?([\\w,\\s-() ]+(?:\\.[A-Za-z]+)?)(?:\\\\?\")?;?/,\n    )?.[1] ?? 'noFileName'\n  );\n}\n\n/**\n * This function gets an URL and a file name and performs a file download.\n *\n * @param url The url to fetch\n * @param getNameFromResponse The name will be given by the 'content-disposition' prop in the headers\n */\nexport async function downloadUrl(\n  url: string,\n  getNameFromResponse?: (blob: AxiosResponse) => string,\n): Promise<void>;\n/**\n * This function gets an URL and a file name and performs a file download.\n *\n * @param url The url to fetch\n * @param fileName The name the file will have as default in the save dialog\n */\nexport async function downloadUrl(url: string, fileName: string): Promise<void>;\nexport async function downloadUrl(\n  url: string,\n  secondParameter:\n    | string\n    | ((blob: AxiosResponse) => string) = defaultGetNameFromResponse,\n): Promise<void> {\n  const blob = await (\n    await import('axios')\n  ).default.get(url, {\n    responseType: 'blob',\n  });\n\n  const actualFileName =\n    typeof secondParameter === 'string'\n      ? secondParameter\n      : secondParameter(blob);\n\n  (await import('file-saver')).default.saveAs(\n    new Blob([blob.data]),\n    actualFileName,\n  );\n}\n"],"names":[],"mappings":"AAEO,SAAS,2BAA2B,IAAqB,EAAA;AAC9D,EACG,OAAA,IAAA,CAAK,OAAQ,CAAA,qBAAqB,CAAc,EAAA,KAAA;AAAA,IAC/C,6DAAA;AAAA,GACF,GAAI,CAAC,CAAK,IAAA,YAAA,CAAA;AAEd,CAAA;AAmBsB,eAAA,WAAA,CACpB,GACA,EAAA,eAAA,GAEwC,0BACzB,EAAA;AACf,EAAM,MAAA,IAAA,GAAO,OACX,MAAM,OAAO,OAAO,CACpB,EAAA,OAAA,CAAQ,IAAI,GAAK,EAAA;AAAA,IACjB,YAAc,EAAA,MAAA;AAAA,GACf,CAAA,CAAA;AAED,EAAA,MAAM,iBACJ,OAAO,eAAA,KAAoB,QACvB,GAAA,eAAA,GACA,gBAAgB,IAAI,CAAA,CAAA;AAE1B,EAAA,CAAC,MAAM,OAAO,YAAY,CAAA,EAAG,OAAQ,CAAA,MAAA;AAAA,IACnC,IAAI,IAAA,CAAK,CAAC,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,IACpB,cAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/documents/openAndReadFile.d.ts

@@ -0,0 +1,4 @@
+declare function openAndReadFile(): Promise<string | ArrayBuffer | null>;
+
+export { openAndReadFile };
+//# sourceMappingURL=openAndReadFile.d.ts.map

package/dist/documents/openAndReadFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openAndReadFile.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/documents/openAndReadFile.js

@@ -0,0 +1,29 @@
+function openAndReadFile() {
+  return new Promise((resolve) => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.style.display = "none";
+    document.body.append(input);
+    input.click();
+    input.addEventListener("change", (ev) => {
+      const fileInput = ev.target;
+      const file = fileInput?.files?.[0];
+      if (file) {
+        const reader = new FileReader();
+        reader.onload = (event) => {
+          fileInput.value = "";
+          const content = event.target?.result;
+          if (content) {
+            resolve(content);
+          }
+        };
+        reader.readAsText(file);
+      } else {
+        resolve(null);
+      }
+    });
+  });
+}
+
+export { openAndReadFile };
+//# sourceMappingURL=openAndReadFile.js.map

package/dist/documents/openAndReadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openAndReadFile.js","sources":["../../src/documents/openAndReadFile.ts"],"sourcesContent":["export function openAndReadFile() {\n  return new Promise<string | ArrayBuffer | null>((resolve) => {\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.style.display = 'none';\n    document.body.append(input);\n    input.click();\n    input.addEventListener('change', (ev) => {\n      const fileInput = ev.target as HTMLInputElement;\n      const file = fileInput?.files?.[0];\n      if (file) {\n        const reader = new FileReader();\n        reader.onload = (event) => {\n          fileInput.value = '';\n          const content = event.target?.result;\n          if (content) {\n            resolve(content);\n          }\n        };\n        reader.readAsText(file);\n      } else {\n        resolve(null);\n      }\n    });\n  });\n}\n"],"names":[],"mappings":"AAAO,SAAS,eAAkB,GAAA;AAChC,EAAO,OAAA,IAAI,OAAqC,CAAA,CAAC,OAAY,KAAA;AAC3D,IAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAC5C,IAAA,KAAA,CAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,KAAA,CAAM,MAAM,OAAU,GAAA,MAAA,CAAA;AACtB,IAAS,QAAA,CAAA,IAAA,CAAK,OAAO,KAAK,CAAA,CAAA;AAC1B,IAAA,KAAA,CAAM,KAAM,EAAA,CAAA;AACZ,IAAM,KAAA,CAAA,gBAAA,CAAiB,QAAU,EAAA,CAAC,EAAO,KAAA;AACvC,MAAA,MAAM,YAAY,EAAG,CAAA,MAAA,CAAA;AACrB,MAAM,MAAA,IAAA,GAAO,SAAW,EAAA,KAAA,GAAQ,CAAC,CAAA,CAAA;AACjC,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,MAAA,GAAS,IAAI,UAAW,EAAA,CAAA;AAC9B,QAAO,MAAA,CAAA,MAAA,GAAS,CAAC,KAAU,KAAA;AACzB,UAAA,SAAA,CAAU,KAAQ,GAAA,EAAA,CAAA;AAClB,UAAM,MAAA,OAAA,GAAU,MAAM,MAAQ,EAAA,MAAA,CAAA;AAC9B,UAAA,IAAI,OAAS,EAAA;AACX,YAAA,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,WACjB;AAAA,SACF,CAAA;AACA,QAAA,MAAA,CAAO,WAAW,IAAI,CAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,OACd;AAAA,KACD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AACH;;;;"}

package/dist/dom/autoDisconnectMutationObserver.d.ts

@@ -0,0 +1,17 @@
+interface IAutoDisconnectMutationObserverConf {
+    /** Por defecto es true */
+    runCallbackOnInit?: boolean;
+    /** Por defecto es 100 (ms) */
+    timeout?: number;
+}
+/**
+ * Crea un observer que va a desconectarse automáticamente luego de que pase
+ * una determinada cantidad de tiempo sin actividad en el elemento.
+ *
+ * Se usa especialmente para esperar que un componente termine de renderizar y
+ * aplicar cálculos a nivel de layout sobre él.
+ */
+declare function autoDisconnectMutationObserver(element: HTMLElement, callback: () => unknown, conf?: IAutoDisconnectMutationObserverConf): () => void;
+
+export { type IAutoDisconnectMutationObserverConf, autoDisconnectMutationObserver };
+//# sourceMappingURL=autoDisconnectMutationObserver.d.ts.map

package/dist/dom/autoDisconnectMutationObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoDisconnectMutationObserver.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/autoDisconnectMutationObserver.js

@@ -0,0 +1,35 @@
+function autoDisconnectMutationObserver(element, callback, conf) {
+  let timeoutRegister = -1;
+  let isConnected = false;
+  function disconnect() {
+    if (isConnected) {
+      isConnected = false;
+      observer.disconnect();
+      clearTimeout(timeoutRegister);
+    }
+  }
+  let shoutCallback;
+  const observer = new MutationObserver((...props) => {
+    if (props[0]?.[0] && (props[0][0].removedNodes || props[0][0].addedNodes)) {
+      clearTimeout(shoutCallback);
+      shoutCallback = setTimeout(callback, 100);
+      clearTimeout(timeoutRegister);
+      timeoutRegister = setTimeout(
+        disconnect,
+        conf?.timeout ?? 100
+      );
+    }
+  });
+  isConnected = true;
+  observer.observe(element, { subtree: true, childList: true });
+  timeoutRegister = setTimeout(
+    disconnect,
+    conf?.timeout ?? 100
+  );
+  if (conf?.runCallbackOnInit !== false)
+    shoutCallback = setTimeout(callback, 100);
+  return disconnect;
+}
+
+export { autoDisconnectMutationObserver };
+//# sourceMappingURL=autoDisconnectMutationObserver.js.map

package/dist/dom/autoDisconnectMutationObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoDisconnectMutationObserver.js","sources":["../../src/dom/autoDisconnectMutationObserver.ts"],"sourcesContent":["export interface IAutoDisconnectMutationObserverConf {\n  /** Por defecto es true */\n  runCallbackOnInit?: boolean;\n  /** Por defecto es 100 (ms) */\n  timeout?: number;\n}\n\n/**\n * Crea un observer que va a desconectarse automáticamente luego de que pase\n * una determinada cantidad de tiempo sin actividad en el elemento.\n *\n * Se usa especialmente para esperar que un componente termine de renderizar y\n * aplicar cálculos a nivel de layout sobre él.\n */\nexport function autoDisconnectMutationObserver(\n  element: HTMLElement,\n  callback: () => unknown,\n  conf?: IAutoDisconnectMutationObserverConf,\n) {\n  let timeoutRegister = -1;\n  let isConnected = false;\n  function disconnect() {\n    if (isConnected) {\n      isConnected = false;\n      observer.disconnect();\n      clearTimeout(timeoutRegister);\n    }\n  }\n  let shoutCallback: number;\n\n  const observer = new MutationObserver((...props) => {\n    if (props[0]?.[0] && (props[0][0].removedNodes || props[0][0].addedNodes)) {\n      clearTimeout(shoutCallback);\n      shoutCallback = setTimeout(callback, 100) as unknown as number;\n      clearTimeout(timeoutRegister);\n      timeoutRegister = setTimeout(\n        disconnect,\n        conf?.timeout ?? 100,\n      ) as unknown as number;\n    }\n  });\n  isConnected = true;\n  observer.observe(element, { subtree: true, childList: true });\n  timeoutRegister = setTimeout(\n    disconnect,\n    conf?.timeout ?? 100,\n  ) as unknown as number;\n\n  if (conf?.runCallbackOnInit !== false)\n    shoutCallback = setTimeout(callback, 100) as unknown as number;\n\n  return disconnect;\n}\n"],"names":[],"mappings":"AAcgB,SAAA,8BAAA,CACd,OACA,EAAA,QAAA,EACA,IACA,EAAA;AACA,EAAA,IAAI,eAAkB,GAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAI,WAAc,GAAA,KAAA,CAAA;AAClB,EAAA,SAAS,UAAa,GAAA;AACpB,IAAA,IAAI,WAAa,EAAA;AACf,MAAc,WAAA,GAAA,KAAA,CAAA;AACd,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AACpB,MAAA,YAAA,CAAa,eAAe,CAAA,CAAA;AAAA,KAC9B;AAAA,GACF;AACA,EAAI,IAAA,aAAA,CAAA;AAEJ,EAAA,MAAM,QAAW,GAAA,IAAI,gBAAiB,CAAA,CAAA,GAAI,KAAU,KAAA;AAClD,IAAA,IAAI,MAAM,CAAC,CAAA,GAAI,CAAC,CAAA,KAAM,MAAM,CAAC,CAAA,CAAE,CAAC,CAAA,CAAE,gBAAgB,KAAM,CAAA,CAAC,CAAE,CAAA,CAAC,EAAE,UAAa,CAAA,EAAA;AACzE,MAAA,YAAA,CAAa,aAAa,CAAA,CAAA;AAC1B,MAAgB,aAAA,GAAA,UAAA,CAAW,UAAU,GAAG,CAAA,CAAA;AACxC,MAAA,YAAA,CAAa,eAAe,CAAA,CAAA;AAC5B,MAAkB,eAAA,GAAA,UAAA;AAAA,QAChB,UAAA;AAAA,QACA,MAAM,OAAW,IAAA,GAAA;AAAA,OACnB,CAAA;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AACD,EAAc,WAAA,GAAA,IAAA,CAAA;AACd,EAAA,QAAA,CAAS,QAAQ,OAAS,EAAA,EAAE,SAAS,IAAM,EAAA,SAAA,EAAW,MAAM,CAAA,CAAA;AAC5D,EAAkB,eAAA,GAAA,UAAA;AAAA,IAChB,UAAA;AAAA,IACA,MAAM,OAAW,IAAA,GAAA;AAAA,GACnB,CAAA;AAEA,EAAA,IAAI,MAAM,iBAAsB,KAAA,KAAA;AAC9B,IAAgB,aAAA,GAAA,UAAA,CAAW,UAAU,GAAG,CAAA,CAAA;AAE1C,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/dist/dom/customEvents.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Existen algunos eventos que se disparan en la
+ * aplicación con la finalidad de desencadenar
+ * un comportamiento específico. Por ello se declaran
+ * las siguientes constantes.
+ */
+declare const customEvents: {
+    /**
+     * Indica que un elemento necesita recibir el foco,
+     * de esta forma, elementos que no se están mostrando
+     * en pantalla (por display:none por ejemplo), pueden
+     * indicar a sus ancestros que deben expandirse.
+     */
+    focus: string;
+    /**
+     * Indica que debe cambiarse el título del modal
+     */
+    iframeModalChangeTitle: string;
+    /**
+     * Indica que un iframe modal debe cerrarse
+     */
+    iframeModalClose: string;
+    /**
+     * Indica que un iframe modal debe cerrarse
+     */
+    iframeModalNotify: string;
+    /**
+     * Indica que un modal debe cerrarse
+     */
+    modalClose: string;
+    /**
+     * Indica que el panel contenedor debe cerrarse porque
+     * está vacío
+     */
+    hidePanel: string;
+    showPanel: string;
+};
+
+export { customEvents };
+//# sourceMappingURL=customEvents.d.ts.map

package/dist/dom/customEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customEvents.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/customEvents.js

@@ -0,0 +1,34 @@
+const customEvents = {
+  /**
+   * Indica que un elemento necesita recibir el foco,
+   * de esta forma, elementos que no se están mostrando
+   * en pantalla (por display:none por ejemplo), pueden
+   * indicar a sus ancestros que deben expandirse.
+   */
+  focus: "customFocus",
+  /**
+   * Indica que debe cambiarse el título del modal
+   */
+  iframeModalChangeTitle: "iframeModalChangeTitle",
+  /**
+   * Indica que un iframe modal debe cerrarse
+   */
+  iframeModalClose: "iframeModalClose",
+  /**
+   * Indica que un iframe modal debe cerrarse
+   */
+  iframeModalNotify: "iframeModalNotify",
+  /**
+   * Indica que un modal debe cerrarse
+   */
+  modalClose: "modalClose",
+  /**
+   * Indica que el panel contenedor debe cerrarse porque
+   * está vacío
+   */
+  hidePanel: "hidePanel",
+  showPanel: "showPanel"
+};
+
+export { customEvents };
+//# sourceMappingURL=customEvents.js.map

package/dist/dom/customEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customEvents.js","sources":["../../src/dom/customEvents.ts"],"sourcesContent":["/**\n * Existen algunos eventos que se disparan en la\n * aplicación con la finalidad de desencadenar\n * un comportamiento específico. Por ello se declaran\n * las siguientes constantes.\n */\nexport const customEvents = {\n  /**\n   * Indica que un elemento necesita recibir el foco,\n   * de esta forma, elementos que no se están mostrando\n   * en pantalla (por display:none por ejemplo), pueden\n   * indicar a sus ancestros que deben expandirse.\n   */\n  focus: 'customFocus',\n  /**\n   * Indica que debe cambiarse el título del modal\n   */\n  iframeModalChangeTitle: 'iframeModalChangeTitle',\n  /**\n   * Indica que un iframe modal debe cerrarse\n   */\n  iframeModalClose: 'iframeModalClose',\n  /**\n   * Indica que un iframe modal debe cerrarse\n   */\n  iframeModalNotify: 'iframeModalNotify',\n  /**\n   * Indica que un modal debe cerrarse\n   */\n  modalClose: 'modalClose',\n  /**\n   * Indica que el panel contenedor debe cerrarse porque\n   * está vacío\n   */\n  hidePanel: 'hidePanel',\n  showPanel: 'showPanel',\n};\n"],"names":[],"mappings":"AAMO,MAAM,YAAe,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO1B,KAAO,EAAA,aAAA;AAAA;AAAA;AAAA;AAAA,EAIP,sBAAwB,EAAA,wBAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,gBAAkB,EAAA,kBAAA;AAAA;AAAA;AAAA;AAAA,EAIlB,iBAAmB,EAAA,mBAAA;AAAA;AAAA;AAAA;AAAA,EAInB,UAAY,EAAA,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,SAAW,EAAA,WAAA;AAAA,EACX,SAAW,EAAA,WAAA;AACb;;;;"}

package/dist/dom/enableChildrenFocus.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Deshabilita la posibilidad de hacer foco en
+ * todos los descendientes de parent. Es
+ * especialmente útli cuando se ocultan elementos
+ * del DOM sin quitarlos, cuando por accesibilidad
+ * es importante que el foco no alcance a dichos
+ * métodos.
+ */
+declare function disableChildrenFocus(parent: HTMLElement): void;
+/**
+ * Restaura el foco de los hijos de parent a los
+ * que previamente se les había quitado el foco
+ * con disableChildrenFocus.
+ */
+declare function enableChildrenFocus(parent: HTMLElement): void;
+
+export { disableChildrenFocus, enableChildrenFocus };
+//# sourceMappingURL=enableChildrenFocus.d.ts.map

package/dist/dom/enableChildrenFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableChildrenFocus.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/enableChildrenFocus.js

@@ -0,0 +1,26 @@
+import { focusSelector } from './getFocusSelector.js';
+
+const previousTabIndexLabel = "data-previous-tabindex";
+function disableChildrenFocus(parent) {
+  const focusElement = parent.querySelectorAll(focusSelector);
+  focusElement.forEach((element) => {
+    element.setAttribute(
+      previousTabIndexLabel,
+      element.getAttribute("tabindex") ?? ""
+    );
+    element.setAttribute("tabindex", "-1");
+  });
+}
+function enableChildrenFocus(parent) {
+  const focusElement = parent.querySelectorAll(`[${previousTabIndexLabel}]`);
+  focusElement.forEach((element) => {
+    element.setAttribute(
+      "tabindex",
+      element.getAttribute(previousTabIndexLabel) ?? "0"
+    );
+    element.removeAttribute(previousTabIndexLabel);
+  });
+}
+
+export { disableChildrenFocus, enableChildrenFocus };
+//# sourceMappingURL=enableChildrenFocus.js.map

package/dist/dom/enableChildrenFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableChildrenFocus.js","sources":["../../src/dom/enableChildrenFocus.ts"],"sourcesContent":["import { focusSelector } from './getFocusSelector';\n\nconst previousTabIndexLabel = 'data-previous-tabindex';\n\n/**\n * Deshabilita la posibilidad de hacer foco en\n * todos los descendientes de parent. Es\n * especialmente útli cuando se ocultan elementos\n * del DOM sin quitarlos, cuando por accesibilidad\n * es importante que el foco no alcance a dichos\n * métodos.\n */\nexport function disableChildrenFocus(parent: HTMLElement) {\n  const focusElement = parent.querySelectorAll(focusSelector);\n  focusElement.forEach((element) => {\n    element.setAttribute(\n      previousTabIndexLabel,\n      element.getAttribute('tabindex') ?? '',\n    );\n    element.setAttribute('tabindex', '-1');\n  });\n}\n\n/**\n * Restaura el foco de los hijos de parent a los\n * que previamente se les había quitado el foco\n * con disableChildrenFocus.\n */\nexport function enableChildrenFocus(parent: HTMLElement) {\n  const focusElement = parent.querySelectorAll(`[${previousTabIndexLabel}]`);\n  focusElement.forEach((element) => {\n    element.setAttribute(\n      'tabindex',\n      element.getAttribute(previousTabIndexLabel) ?? '0',\n    );\n    element.removeAttribute(previousTabIndexLabel);\n  });\n}\n"],"names":[],"mappings":";;AAEA,MAAM,qBAAwB,GAAA,wBAAA,CAAA;AAUvB,SAAS,qBAAqB,MAAqB,EAAA;AACxD,EAAM,MAAA,YAAA,GAAe,MAAO,CAAA,gBAAA,CAAiB,aAAa,CAAA,CAAA;AAC1D,EAAa,YAAA,CAAA,OAAA,CAAQ,CAAC,OAAY,KAAA;AAChC,IAAQ,OAAA,CAAA,YAAA;AAAA,MACN,qBAAA;AAAA,MACA,OAAA,CAAQ,YAAa,CAAA,UAAU,CAAK,IAAA,EAAA;AAAA,KACtC,CAAA;AACA,IAAQ,OAAA,CAAA,YAAA,CAAa,YAAY,IAAI,CAAA,CAAA;AAAA,GACtC,CAAA,CAAA;AACH,CAAA;AAOO,SAAS,oBAAoB,MAAqB,EAAA;AACvD,EAAA,MAAM,YAAe,GAAA,MAAA,CAAO,gBAAiB,CAAA,CAAA,CAAA,EAAI,qBAAqB,CAAG,CAAA,CAAA,CAAA,CAAA;AACzE,EAAa,YAAA,CAAA,OAAA,CAAQ,CAAC,OAAY,KAAA;AAChC,IAAQ,OAAA,CAAA,YAAA;AAAA,MACN,UAAA;AAAA,MACA,OAAA,CAAQ,YAAa,CAAA,qBAAqB,CAAK,IAAA,GAAA;AAAA,KACjD,CAAA;AACA,IAAA,OAAA,CAAQ,gBAAgB,qBAAqB,CAAA,CAAA;AAAA,GAC9C,CAAA,CAAA;AACH;;;;"}

package/dist/dom/findOffsetRelativeToScrollParent.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Esta función calcula el offset que existe entre un elemento y su padre más inmediato que tenga scroll visible
+ */
+declare function findOffsetRelativeToScrollParent(element: HTMLElement, which?: 'Left' | 'Top'): number;
+
+export { findOffsetRelativeToScrollParent };
+//# sourceMappingURL=findOffsetRelativeToScrollParent.d.ts.map

package/dist/dom/findOffsetRelativeToScrollParent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findOffsetRelativeToScrollParent.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/findOffsetRelativeToScrollParent.js

@@ -0,0 +1,19 @@
+import { findScrollContainer } from './findScrollContainer.js';
+
+function findOffsetRelativeToScrollParent(element, which = "Top") {
+  const scrollParent = findScrollContainer(element);
+  let currentElement = element;
+  let offset = 0;
+  let offsetParent = currentElement;
+  while (currentElement && currentElement !== scrollParent && currentElement !== document.body && offsetParent !== scrollParent) {
+    if (offsetParent !== currentElement.offsetParent) {
+      offset += currentElement[`offset${which}`];
+      offsetParent = currentElement.offsetParent;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  return offset;
+}
+
+export { findOffsetRelativeToScrollParent };
+//# sourceMappingURL=findOffsetRelativeToScrollParent.js.map

package/dist/dom/findOffsetRelativeToScrollParent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findOffsetRelativeToScrollParent.js","sources":["../../src/dom/findOffsetRelativeToScrollParent.ts"],"sourcesContent":["import { findScrollContainer } from \"./findScrollContainer\";\n\n/**\n * Esta función calcula el offset que existe entre un elemento y su padre más inmediato que tenga scroll visible\n */\nexport function findOffsetRelativeToScrollParent(\n  element: HTMLElement,\n  which: 'Left' | 'Top' = 'Top',\n) {\n  const scrollParent = findScrollContainer(element);\n  let currentElement = element;\n  let offset = 0;\n  let offsetParent = currentElement;\n  while (\n    currentElement &&\n    currentElement !== scrollParent &&\n    currentElement !== document.body &&\n    offsetParent !== scrollParent\n  ) {\n    if (offsetParent !== currentElement.offsetParent) {\n      offset += currentElement[`offset${which}`];\n      offsetParent = currentElement.offsetParent as HTMLElement;\n    }\n    currentElement = currentElement.parentElement as HTMLElement;\n  }\n  return offset;\n}"],"names":[],"mappings":";;AAKgB,SAAA,gCAAA,CACd,OACA,EAAA,KAAA,GAAwB,KACxB,EAAA;AACA,EAAM,MAAA,YAAA,GAAe,oBAAoB,OAAO,CAAA,CAAA;AAChD,EAAA,IAAI,cAAiB,GAAA,OAAA,CAAA;AACrB,EAAA,IAAI,MAAS,GAAA,CAAA,CAAA;AACb,EAAA,IAAI,YAAe,GAAA,cAAA,CAAA;AACnB,EAAA,OACE,kBACA,cAAmB,KAAA,YAAA,IACnB,mBAAmB,QAAS,CAAA,IAAA,IAC5B,iBAAiB,YACjB,EAAA;AACA,IAAI,IAAA,YAAA,KAAiB,eAAe,YAAc,EAAA;AAChD,MAAU,MAAA,IAAA,cAAA,CAAe,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,CAAA,CAAA;AACzC,MAAA,YAAA,GAAe,cAAe,CAAA,YAAA,CAAA;AAAA,KAChC;AACA,IAAA,cAAA,GAAiB,cAAe,CAAA,aAAA,CAAA;AAAA,GAClC;AACA,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}

package/dist/dom/findScrollContainer.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Encuentra el primer elemento padre del elemento provisto que tenga scroll
+ * activo.
+ */
+declare function findScrollContainer(el: HTMLElement): HTMLElement | null;
+
+export { findScrollContainer };
+//# sourceMappingURL=findScrollContainer.d.ts.map

package/dist/dom/findScrollContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findScrollContainer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/findScrollContainer.js

@@ -0,0 +1,9 @@
+const REGEXP_SCROLL_PARENT = /^(visible|hidden)/;
+function findScrollContainer(el) {
+  return !(el instanceof HTMLElement) || typeof window.getComputedStyle !== "function" ? null : el.scrollHeight >= el.clientHeight && !REGEXP_SCROLL_PARENT.test(
+    window.getComputedStyle(el).overflowY || "visible"
+  ) ? el : findScrollContainer(el.parentElement) || document.body;
+}
+
+export { findScrollContainer };
+//# sourceMappingURL=findScrollContainer.js.map

package/dist/dom/findScrollContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findScrollContainer.js","sources":["../../src/dom/findScrollContainer.ts"],"sourcesContent":["const REGEXP_SCROLL_PARENT = /^(visible|hidden)/;\n/**\n * Encuentra el primer elemento padre del elemento provisto que tenga scroll\n * activo.\n */\nexport function findScrollContainer(el: HTMLElement): HTMLElement | null {\n  // eslint-disable-next-line no-nested-ternary\n  return !(el instanceof HTMLElement) ||\n    typeof window.getComputedStyle !== 'function'\n    ? null\n    : el.scrollHeight >= el.clientHeight &&\n      !REGEXP_SCROLL_PARENT.test(\n        window.getComputedStyle(el).overflowY || 'visible',\n      )\n    ? el\n    : findScrollContainer(el.parentElement as HTMLElement) || document.body;\n}\n"],"names":[],"mappings":"AAAA,MAAM,oBAAuB,GAAA,mBAAA,CAAA;AAKtB,SAAS,oBAAoB,EAAqC,EAAA;AAEvE,EAAA,OAAO,EAAE,EAAA,YAAc,WACrB,CAAA,IAAA,OAAO,MAAO,CAAA,gBAAA,KAAqB,UACjC,GAAA,IAAA,GACA,EAAG,CAAA,YAAA,IAAgB,EAAG,CAAA,YAAA,IACtB,CAAC,oBAAqB,CAAA,IAAA;AAAA,IACpB,MAAO,CAAA,gBAAA,CAAiB,EAAE,CAAA,CAAE,SAAa,IAAA,SAAA;AAAA,MAE3C,EACA,GAAA,mBAAA,CAAoB,EAAG,CAAA,aAA4B,KAAK,QAAS,CAAA,IAAA,CAAA;AACvE;;;;"}

package/dist/dom/getFocusSelector.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Este selector pretende abarcar todos modificadores que en caso de estar
+ * presentes hacen que un elemento no sea focusable
+ */
+declare const cantFocusSelector: string;
+/**
+ * Este selector pretende abarcar todos los elementos que sean focusables
+ */
+declare const focusSelector: string;
+/**
+ * Genera un selector que permitirá seleccionar
+ * todos los elementos candidatos a recibir foco,
+ * que no cumplan con la condición not pasada
+ * como parámetro.
+ *
+ * @param not Un selector not css, indicando cuáles
+ * condiciones deben evitar el foco en un elemento.
+ *
+ * @returns Una cadena que representa un selector
+ * css.
+ */
+declare function getFocusSelector(not?: string): string;
+
+export { cantFocusSelector, focusSelector, getFocusSelector };
+//# sourceMappingURL=getFocusSelector.d.ts.map

package/dist/dom/getFocusSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFocusSelector.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/getFocusSelector.js

@@ -0,0 +1,30 @@
+const cantFocusSelector = [
+  "[disabled]",
+  '[tabIndex="-1"]',
+  '[aria-hidden="true"]',
+  "[readonly]",
+  "[data-focus-guard]",
+  ".modal__closeButton"
+].map((current) => `:not(${current})`).join("");
+const focusSelector = [
+  "input",
+  "textarea",
+  "select",
+  "a",
+  "button:not(.toggleAccordionElement)",
+  "[contenteditable]",
+  "[tabIndex]",
+  '[role="button"]'
+].map((current) => `${current}${cantFocusSelector}`).join(",");
+function getFocusSelector(not) {
+  return `input${not ?? ""}, 
+    textarea${not ?? ""}, 
+    select${not ?? ""}, 
+    a${not ?? ""}, 
+    button:not(.toggleAccordionElement)${not ?? ""}, 
+    [contenteditable]${not ?? ""}, 
+    [tabIndex]${not ?? ""}`;
+}
+
+export { cantFocusSelector, focusSelector, getFocusSelector };
+//# sourceMappingURL=getFocusSelector.js.map

package/dist/dom/getFocusSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFocusSelector.js","sources":["../../src/dom/getFocusSelector.ts"],"sourcesContent":["/**\n * Este selector pretende abarcar todos modificadores que en caso de estar\n * presentes hacen que un elemento no sea focusable\n */\nexport const cantFocusSelector = [\n  '[disabled]',\n  '[tabIndex=\"-1\"]',\n  '[aria-hidden=\"true\"]',\n  '[readonly]',\n  '[data-focus-guard]',\n  '.modal__closeButton',\n]\n  .map((current) => `:not(${current})`)\n  .join('');\n\n/**\n * Este selector pretende abarcar todos los elementos que sean focusables\n */\nexport const focusSelector = [\n  'input',\n  'textarea',\n  'select',\n  'a',\n  'button:not(.toggleAccordionElement)',\n  '[contenteditable]',\n  '[tabIndex]',\n  '[role=\"button\"]',\n]\n  .map((current) => `${current}${cantFocusSelector}`)\n  .join(',');\n\n/**\n * Genera un selector que permitirá seleccionar\n * todos los elementos candidatos a recibir foco,\n * que no cumplan con la condición not pasada\n * como parámetro.\n *\n * @param not Un selector not css, indicando cuáles\n * condiciones deben evitar el foco en un elemento.\n *\n * @returns Una cadena que representa un selector\n * css.\n */\nexport function getFocusSelector(not?: string) {\n  return `input${not ?? ''}, \n    textarea${not ?? ''}, \n    select${not ?? ''}, \n    a${not ?? ''}, \n    button:not(.toggleAccordionElement)${not ?? ''}, \n    [contenteditable]${not ?? ''}, \n    [tabIndex]${not ?? ''}`;\n}\n"],"names":[],"mappings":"AAIO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AACF,CACG,CAAA,GAAA,CAAI,CAAC,OAAY,KAAA,CAAA,KAAA,EAAQ,OAAO,CAAG,CAAA,CAAA,CAAA,CACnC,KAAK,EAAE,EAAA;AAKH,MAAM,aAAgB,GAAA;AAAA,EAC3B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,qCAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AACF,CACG,CAAA,GAAA,CAAI,CAAC,OAAA,KAAY,CAAG,EAAA,OAAO,GAAG,iBAAiB,CAAA,CAAE,CACjD,CAAA,IAAA,CAAK,GAAG,EAAA;AAcJ,SAAS,iBAAiB,GAAc,EAAA;AAC7C,EAAO,OAAA,CAAA,KAAA,EAAQ,OAAO,EAAE,CAAA;AAAA,YAAA,EACZ,OAAO,EAAE,CAAA;AAAA,UAAA,EACX,OAAO,EAAE,CAAA;AAAA,KAAA,EACd,OAAO,EAAE,CAAA;AAAA,uCAAA,EACyB,OAAO,EAAE,CAAA;AAAA,qBAAA,EAC3B,OAAO,EAAE,CAAA;AAAA,cAAA,EAChB,OAAO,EAAE,CAAA,CAAA,CAAA;AACzB;;;;"}

package/dist/dom/getSpecificParent.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Searches for a specific parent of a element,
+ * using a callback function as the source of
+ * truth in order to determine which is the correct
+ * parent.
+ *
+ * @param element The element where the process
+ * starts.
+ *
+ * @param checkParent A callback that will be
+ * called for each of the ancestors of the element
+ * until the desired parent is found.
+ * This function should return **true when found**
+ * the desired parend was found, **null to cancel**
+ * the search or **false to continue searching**.
+ *
+ * @returns The specific parent or null in case
+ * the root parent element is raised.
+ */
+declare function getSpecificParent(element: HTMLElement | null, checkParent: (parent: HTMLElement) => boolean | null): HTMLElement | null;
+
+export { getSpecificParent };
+//# sourceMappingURL=getSpecificParent.d.ts.map

package/dist/dom/getSpecificParent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSpecificParent.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/getSpecificParent.js

@@ -0,0 +1,19 @@
+function getSpecificParent(element, checkParent) {
+  let currentElement = element;
+  while (element !== document.documentElement && currentElement) {
+    const hasFoundTheParent = checkParent(currentElement);
+    if (hasFoundTheParent === null)
+      return null;
+    if (hasFoundTheParent)
+      return currentElement;
+    const parent = currentElement.parentElement;
+    if (parent)
+      currentElement = parent;
+    else
+      return null;
+  }
+  return null;
+}
+
+export { getSpecificParent };
+//# sourceMappingURL=getSpecificParent.js.map

package/dist/dom/getSpecificParent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSpecificParent.js","sources":["../../src/dom/getSpecificParent.ts"],"sourcesContent":["/**\n * Searches for a specific parent of a element,\n * using a callback function as the source of\n * truth in order to determine which is the correct\n * parent.\n *\n * @param element The element where the process\n * starts.\n *\n * @param checkParent A callback that will be\n * called for each of the ancestors of the element\n * until the desired parent is found.\n * This function should return **true when found**\n * the desired parend was found, **null to cancel**\n * the search or **false to continue searching**.\n *\n * @returns The specific parent or null in case\n * the root parent element is raised.\n */\nexport function getSpecificParent(\n  element: HTMLElement | null,\n  checkParent: (parent: HTMLElement) => boolean | null,\n): HTMLElement | null {\n  let currentElement = element;\n\n  while (element !== document.documentElement && currentElement) {\n    const hasFoundTheParent = checkParent(currentElement);\n    if (hasFoundTheParent === null) return null;\n    if (hasFoundTheParent) return currentElement;\n\n    const parent = currentElement.parentElement;\n    if (parent) currentElement = parent;\n    else return null;\n  }\n\n  return null;\n}\n"],"names":[],"mappings":"AAmBgB,SAAA,iBAAA,CACd,SACA,WACoB,EAAA;AACpB,EAAA,IAAI,cAAiB,GAAA,OAAA,CAAA;AAErB,EAAO,OAAA,OAAA,KAAY,QAAS,CAAA,eAAA,IAAmB,cAAgB,EAAA;AAC7D,IAAM,MAAA,iBAAA,GAAoB,YAAY,cAAc,CAAA,CAAA;AACpD,IAAA,IAAI,iBAAsB,KAAA,IAAA;AAAM,MAAO,OAAA,IAAA,CAAA;AACvC,IAAI,IAAA,iBAAA;AAAmB,MAAO,OAAA,cAAA,CAAA;AAE9B,IAAA,MAAM,SAAS,cAAe,CAAA,aAAA,CAAA;AAC9B,IAAI,IAAA,MAAA;AAAQ,MAAiB,cAAA,GAAA,MAAA,CAAA;AAAA;AACxB,MAAO,OAAA,IAAA,CAAA;AAAA,GACd;AAEA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist/dom/isChild.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Permite iterar desde un elemento hacia arriba en el
+ * DOM, utilizando una función de comparación para
+ * determinar si el elemento actual es el que estamos
+ * buscando.
+ *
+ * Si la función checkParent devuelve true, isChild
+ * devuelve true.
+ */
+declare function isChild(element: HTMLElement | null, checkParent: (parent: HTMLElement) => boolean | null): boolean;
+
+export { isChild };
+//# sourceMappingURL=isChild.d.ts.map

package/dist/dom/isChild.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isChild.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/isChild.js

@@ -0,0 +1,8 @@
+import { getSpecificParent } from './getSpecificParent.js';
+
+function isChild(element, checkParent) {
+  return !!getSpecificParent(element, checkParent);
+}
+
+export { isChild };
+//# sourceMappingURL=isChild.js.map

package/dist/dom/isChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isChild.js","sources":["../../src/dom/isChild.ts"],"sourcesContent":["import { getSpecificParent } from './getSpecificParent';\n\n/**\n * Permite iterar desde un elemento hacia arriba en el\n * DOM, utilizando una función de comparación para\n * determinar si el elemento actual es el que estamos\n * buscando.\n *\n * Si la función checkParent devuelve true, isChild\n * devuelve true.\n */\nexport function isChild(\n  element: HTMLElement | null,\n  checkParent: (parent: HTMLElement) => boolean | null,\n) {\n  return !!getSpecificParent(element, checkParent);\n}\n"],"names":[],"mappings":";;AAWgB,SAAA,OAAA,CACd,SACA,WACA,EAAA;AACA,EAAA,OAAO,CAAC,CAAC,iBAAkB,CAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AACjD;;;;"}

package/dist/dom/scrollParentIntoElement.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Busca el padre con scroll visible y establece su scrollTop de acuerdo al offset del elemento pasado como argumento, de modo que éste aparezca visible dentro del padre mencionado.
+ *
+ * @param fixedOffsetTop Establece un mínimo de distancia que debe mantener con el borde superior del contenedor con scroll. Se usa para compensar en las situaciones donde existen cabezales fijos.
+ */
+declare function scrollParentIntoElement(element: HTMLElement, fixedOffsetTop?: number, tries?: number, timeout?: number, scrollId?: string | undefined): void;
+
+export { scrollParentIntoElement };
+//# sourceMappingURL=scrollParentIntoElement.d.ts.map

package/dist/dom/scrollParentIntoElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollParentIntoElement.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/dom/scrollParentIntoElement.js

@@ -0,0 +1,24 @@
+import { findOffsetRelativeToScrollParent } from './findOffsetRelativeToScrollParent.js';
+import { findScrollContainer } from './findScrollContainer.js';
+
+const scrollIntervals = {};
+function scrollParentIntoElement(element, fixedOffsetTop = 0, tries = 2, timeout = 100, scrollId = void 0) {
+  if (scrollId) {
+    clearTimeout(scrollIntervals[scrollId]);
+  }
+  const scrollParent = findScrollContainer(element);
+  const offsetTop = findOffsetRelativeToScrollParent(element);
+  if (scrollParent && (scrollParent.scrollTop + fixedOffsetTop > offsetTop || (scrollParent?.clientHeight ?? Infinity) - fixedOffsetTop < element.getBoundingClientRect().height)) {
+    scrollParent.scrollTop = offsetTop - fixedOffsetTop;
+  } else if (scrollParent && scrollParent.scrollTop + scrollParent.clientHeight < offsetTop + element.getBoundingClientRect().height) {
+    scrollParent.scrollTop = offsetTop;
+  }
+  if (tries > 0)
+    scrollIntervals[scrollId ?? "noId"] = setTimeout(
+      () => scrollParentIntoElement(element, fixedOffsetTop, tries - 1, timeout),
+      timeout
+    );
+}
+
+export { scrollParentIntoElement };
+//# sourceMappingURL=scrollParentIntoElement.js.map

package/dist/dom/scrollParentIntoElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollParentIntoElement.js","sources":["../../src/dom/scrollParentIntoElement.ts"],"sourcesContent":["import { findOffsetRelativeToScrollParent } from \"./findOffsetRelativeToScrollParent\";\nimport { findScrollContainer } from \"./findScrollContainer\";\n\nconst scrollIntervals: Record<string, number> = {};\n/**\n * Busca el padre con scroll visible y establece su scrollTop de acuerdo al offset del elemento pasado como argumento, de modo que éste aparezca visible dentro del padre mencionado.\n *\n * @param fixedOffsetTop Establece un mínimo de distancia que debe mantener con el borde superior del contenedor con scroll. Se usa para compensar en las situaciones donde existen cabezales fijos.\n */\nexport function scrollParentIntoElement(\n  element: HTMLElement,\n  fixedOffsetTop = 0,\n  tries = 2,\n  timeout = 100,\n  scrollId: string | undefined = undefined,\n) {\n  if (scrollId) {\n    clearTimeout(scrollIntervals[scrollId]);\n  }\n\n  const scrollParent = findScrollContainer(element);\n  const offsetTop = findOffsetRelativeToScrollParent(element);\n\n  if (\n    scrollParent &&\n    (scrollParent.scrollTop + fixedOffsetTop > offsetTop ||\n      (scrollParent?.clientHeight ?? Infinity) - fixedOffsetTop <\n        element.getBoundingClientRect().height)\n  ) {\n    scrollParent.scrollTop = offsetTop - fixedOffsetTop;\n  } else if (\n    scrollParent &&\n    scrollParent.scrollTop + scrollParent.clientHeight <\n      offsetTop + element.getBoundingClientRect().height\n  ) {\n    scrollParent.scrollTop = offsetTop;\n  }\n\n  if (tries > 0)\n    scrollIntervals[scrollId ?? 'noId'] = setTimeout(\n      () =>\n        scrollParentIntoElement(element, fixedOffsetTop, tries - 1, timeout),\n      timeout,\n    ) as unknown as number;\n}"],"names":[],"mappings":";;;AAGA,MAAM,kBAA0C,EAAC,CAAA;AAMjC,SAAA,uBAAA,CACd,SACA,cAAiB,GAAA,CAAA,EACjB,QAAQ,CACR,EAAA,OAAA,GAAU,GACV,EAAA,QAAA,GAA+B,KAC/B,CAAA,EAAA;AACA,EAAA,IAAI,QAAU,EAAA;AACZ,IAAa,YAAA,CAAA,eAAA,CAAgB,QAAQ,CAAC,CAAA,CAAA;AAAA,GACxC;AAEA,EAAM,MAAA,YAAA,GAAe,oBAAoB,OAAO,CAAA,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,iCAAiC,OAAO,CAAA,CAAA;AAE1D,EAAA,IACE,YACC,KAAA,YAAA,CAAa,SAAY,GAAA,cAAA,GAAiB,SACxC,IAAA,CAAA,YAAA,EAAc,YAAgB,IAAA,QAAA,IAAY,cACzC,GAAA,OAAA,CAAQ,qBAAsB,EAAA,CAAE,MACpC,CAAA,EAAA;AACA,IAAA,YAAA,CAAa,YAAY,SAAY,GAAA,cAAA,CAAA;AAAA,GACvC,MAAA,IACE,YACA,IAAA,YAAA,CAAa,SAAY,GAAA,YAAA,CAAa,eACpC,SAAY,GAAA,OAAA,CAAQ,qBAAsB,EAAA,CAAE,MAC9C,EAAA;AACA,IAAA,YAAA,CAAa,SAAY,GAAA,SAAA,CAAA;AAAA,GAC3B;AAEA,EAAA,IAAI,KAAQ,GAAA,CAAA;AACV,IAAgB,eAAA,CAAA,QAAA,IAAY,MAAM,CAAI,GAAA,UAAA;AAAA,MACpC,MACE,uBAAwB,CAAA,OAAA,EAAS,cAAgB,EAAA,KAAA,GAAQ,GAAG,OAAO,CAAA;AAAA,MACrE,OAAA;AAAA,KACF,CAAA;AACJ;;;;"}