@internetarchive/bookreader 5.0.0-70-a1 → 5.0.0-70-a2

package/BookReader/ia-bookreader-bundle.js

@@ -1062,14 +1062,12 @@
           </div>
         </a>
       </li>
-    `}fileUrl(e){const t=`//${this.baseHost}${e.url_path}`;let n=t;return this.addSortToUrl&&(n="default"===this.sortOrderBy?`${t}${e.url_path}`:`${t}${e.url_path}?sort=${this.sortOrderBy}`),n}fileLi(e){var t;const n=this.subPrefix===e.file_subprefix?" active":"",o=this.fileUrl(e),i=(null!==(t=e.file_source)&&void 0!==t?t:"").match(/^[^+]+\.pdf$/i);return r.dy`
+    `}fileUrl(e){const t=`//${this.baseHost}${e.url_path}`;let n=t;return this.addSortToUrl&&(n="default"===this.sortOrderBy?`${t}`:`${t}?sort=${this.sortOrderBy}`),n}get pdfLabel(){return r.dy`<span class="pdf-label"><span class="sr-only">view this</span> PDF</span>`}fileLi(e){var t;const n=this.subPrefix===e.file_subprefix?" active":"",o=this.fileUrl(e),i=(null!==(t=e.file_source)&&void 0!==t?t:"").match(/^[^+]+\.pdf$/i);return r.dy`
       <li>
         <div class="separator"></div>
         <div class="content${n}">
           <a href=${o}>
-            <p class="item-title">${e.title}</p>
-            ${i?r.dy`<p class="pdf-label"><span>PDF</span></p>
-                  <p></p>`:r.Ld}
+            <p class="item-title">${e.title}${i?this.pdfLabel:r.Ld}</p>
           </a>
         </div>
       </li>
@@ -1125,6 +1123,10 @@
         border: var(--activeBorderWidth) solid #538bc5;
       }
 
+      li.content a {
+        display: flex;
+      }
+
       small {
         font-style: italic;
         white-space: initial;
@@ -1143,6 +1145,7 @@
         font-weight: bold;
         word-wrap: break-word;
         padding-left: 5px;
+        /* display: flex; */
       }
 
       .separator {
@@ -1167,14 +1170,22 @@
       }
 
       .pdf-label {
-        margin: 5px 5px 5px 0;
-        text-align: right;
-      }
-
-      .pdf-label span {
         border: 1px solid;
-        padding: 5px 10px;
+        padding: 2px 5px;
         border-radius: 20px;
+        display: inline-block;
+        margin-left: 5px;
+        font-size: 0.9rem;
+      }
+
+      .pdf-label .sr-only {
+        position: absolute;
+        clip: rect(1px, 1px, 1px, 1px);
+        padding: 0;
+        border: 0;
+        height: 1px;
+        width: 1px;
+        overflow: hidden;
       }
     `}};o([(0,s.Cb)({type:String})],We.prototype,"baseHost",void 0),o([(0,s.Cb)({type:String})],We.prototype,"sortOrderBy",void 0),o([(0,s.Cb)({type:String})],We.prototype,"subPrefix",void 0),o([(0,s.Cb)({type:Array})],We.prototype,"fileList",void 0),o([(0,s.Cb)({type:Boolean,reflect:!0})],We.prototype,"addSortToUrl",void 0),We=o([(0,s.Mo)("iaux-viewable-files")],We),n(5003),n(9337),n(4765),n(9601),n(561),n(9826),n(5827),n(4723),n(2222);class Ge{constructor(e){var t,n,r,o,i,a,s;this.title=null==e?void 0:e.title,this.subtitle=null==e?void 0:e.subtitle,this.headline=null==e?void 0:e.headline,this.message=null==e?void 0:e.message,this.headerColor=null!==(t=null==e?void 0:e.headerColor)&&void 0!==t?t:"#55A183",this.bodyColor=null!==(n=null==e?void 0:e.bodyColor)&&void 0!==n?n:"#f5f5f7",this.showProcessingIndicator=null!==(r=null==e?void 0:e.showProcessingIndicator)&&void 0!==r&&r,this.processingImageMode=null!==(o=null==e?void 0:e.processingImageMode)&&void 0!==o?o:"complete",this.showCloseButton=null===(i=null==e?void 0:e.showCloseButton)||void 0===i||i,this.showHeaderLogo=null===(a=null==e?void 0:e.showHeaderLogo)||void 0===a||a,this.closeOnBackdropClick=null===(s=null==e?void 0:e.closeOnBackdropClick)||void 0===s||s}}const Ye=Object.freeze({processing:"processing",complete:"complete"});class Xe extends r.oi{static get properties(){return{mode:{type:String}}}constructor(){super(),this.mode=Ye.processing}render(){return r.dy`
       <div class="${this.mode}">