@internetarchive/collection-browser 0.3.5-alpha.1 → 0.3.5

package/src/collection-facets/facet-tombstone-row.ts

@@ -1,40 +1,40 @@
-import { css, html, LitElement, CSSResultGroup } from 'lit';
-import { customElement } from 'lit/decorators.js';
-
-@customElement('facet-tombstone-row')
-export class FacetTombstoneRow extends LitElement {
-  render() {
-    return html`
-      <div id="row">
-        <input type="checkbox" disabled />
-        <div class="tombstone-line"></div>
-        <div class="tombstone-line"></div>
-      </div>
-    `;
-  }
-
-  static get styles(): CSSResultGroup {
-    return css`
-      #row {
-        display: grid;
-        grid-template-columns: 15px 1fr 36px;
-        grid-gap: 9px 6px;
-        align-items: center;
-        margin: 2.5px auto;
-        border: 1px solid transparent;
-      }
-
-      .tombstone-line {
-        background: #ddd;
-        height: 6px;
-        border-radius: 50px;
-      }
-
-      input[type='checkbox'] {
-        width: 15px;
-        height: 15px;
-        margin: 0;
-      }
-    `;
-  }
-}
+import { css, html, LitElement, CSSResultGroup } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+@customElement('facet-tombstone-row')
+export class FacetTombstoneRow extends LitElement {
+  render() {
+    return html`
+      <div id="row">
+        <input type="checkbox" disabled />
+        <div class="tombstone-line"></div>
+        <div class="tombstone-line"></div>
+      </div>
+    `;
+  }
+
+  static get styles(): CSSResultGroup {
+    return css`
+      #row {
+        display: grid;
+        grid-template-columns: 15px 1fr 36px;
+        grid-gap: 9px 6px;
+        align-items: center;
+        margin: 2.5px auto;
+        border: 1px solid transparent;
+      }
+
+      .tombstone-line {
+        background: #ddd;
+        height: 6px;
+        border-radius: 50px;
+      }
+
+      input[type='checkbox'] {
+        width: 15px;
+        height: 15px;
+        margin: 0;
+      }
+    `;
+  }
+}

package/src/collection-facets/facets-template.ts

@@ -168,14 +168,16 @@ export class FacetsTemplate extends LitElement {
                     <span class="eye-closed">${eyeClosedIcon}</span>
                   </label>
                 </div>
-                <div
+                <label
                   for=${showOnlyCheckboxId}
                   class="facet-info-display"
                   title=${onlyShowText}
                 >
                   <div class="facet-title">${bucketTextDisplay}</div>
-                  <div class="facet-count">${bucket.count}</div>
-                </div>
+                  <div class="facet-count">
+                    ${bucket.count.toLocaleString()}
+                  </div>
+                </label>
               </div>
             `;
           }