//#region src/map-elements-by-id.d.ts /** * Converts a kebab-case string to PascalCase. * * @template S - The input string in kebab-case. */ type ToPascalCase = S extends `${infer Head}-${infer Tail}` ? `${Capitalize}${ToPascalCase}` : Capitalize; /** * Prepends "el" to a PascalCase string. * * @template S - The input string in kebab-case. */ type ElKey = `el${ToPascalCase}`; /** * Maps an array of string keys to an object with PascalCase property names * prefixed by "el", each mapping to an HTMLElement or null. * * @template T - The array of string keys. */ type Elements = { [K in T[number] as ElKey]: HTMLElement | null }; /** * Returns an object mapping each query string to the corresponding HTMLElement * (or null) found by `id`. The object keys are in PascalCase and prefixed with "el". * * @template T - A tuple of string query names in kebab-case. * @param {...T} queries - The list of id attribute names (in kebab-case) to query. * @returns {Elements} An object with keys in the form `el` and * values as the corresponding HTMLElement or null. * * @example * const els = mapElementsById('foo-bar', 'baz'); * // els.elFooBar -> HTMLElement | null (for id="foo-bar") * // els.elBaz -> HTMLElement | null (for id="baz") */ declare function mapElementsById(...queries: T): Elements; //#endregion export { mapElementsById };