@internetarchive/bookreader 5.0.0-107 → 5.0.0-108

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/bookreader",
-  "version": "5.0.0-107",
+  "version": "5.0.0-108",
   "description": "The Internet Archive BookReader.",
   "type": "module",
   "files": [

package/src/plugins/search/search-results.js

@@ -10,8 +10,8 @@ import { sharedStyles } from '../../css/sharedStyles.js';
 import { svgToDataUrl } from '../../util/lit.js';
 /** @typedef {import('@/src/plugins/search/plugin.search.js').SearchInsideMatch} SearchInsideMatch */
 
-const checkmarkIconData = svgToDataUrl(checkmarkIconTemplate.strings[0]);
-const closeIconData = svgToDataUrl(closeIconTemplate.strings[0]);
+const checkmarkIconData = svgToDataUrl(checkmarkIconTemplate);
+const closeIconData = svgToDataUrl(closeIconTemplate);
 
 export class IABookSearchResults extends LitElement {
   static get properties() {

package/src/util/lit.js

@@ -2,9 +2,16 @@ import { css } from 'lit';
 
 /**
  * Convert an SVG string to a data URL usable in CSS
- * @param {string} svgString
+ * @param {import('lit').TemplateResult} svgTemplate - The SVG template to convert
  * @returns {import('lit').CSSResult}
  */
-export function svgToDataUrl(svgString) {
+export function svgToDataUrl(svgTemplate) {
+  const svgString = (
+    // No clue why, on prod the template from the close icon comes in as a class instead of a TemplateResult.
+    // Might be a discrepancy with lit versions.
+    svgTemplate.prototype?.render() ||
+    // Otherwise it's a normal TemplateResult.
+    svgTemplate.strings[0]
+  );
   return css([`data:image/svg+xml;base64,${btoa(svgString.replace(/\n/g, ' '))}`]);
 }