@internetarchive/ia-item-navigator - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2-a1

dist/src/menus/iaux-viewable-files.d.ts

@@ -31,3 +31,4 @@ import { LitElement, TemplateResult } from 'lit';
     fileUrl(item: ItemInfo): string;
-    fileLi(item: ItemInfo): TemplateResult<1>;
+    get pdfLabel(): TemplateResult;
+    fileLi(item: ItemInfo): TemplateResult;
     get fileListTemplate(): TemplateResult;
@@ -34,0 +35,0 @@ render(): TemplateResult<1>;

dist/src/menus/iaux-viewable-files.js

@@ -244,2 +244,5 @@ import { __decorate } from "tslib";
     }
+    get pdfLabel() {
+        return html `<span class="pdf-label"><span class="sr-only">view this</span> PDF</span>`;
+    }
     fileLi(item) {
@@ -255,7 +258,3 @@ var _a;
           <a href=${hrefUrl}>
-            <p class="item-title">${item.title}</p>
-            ${isPdf
-            ? html `<p class="pdf-label"><span>PDF</span></p>
-                  <p></p>`
-            : nothing}
+            <p class="item-title">${item.title}${isPdf ? this.pdfLabel : nothing}</p>
           </a>
@@ -326,2 +325,6 @@ </div>
 
+      li.content a {
+        display: flex;
+      }
+
       small {
@@ -345,2 +348,3 @@ font-style: italic;
         padding-left: 5px;
+        /* display: flex; */
       }
@@ -370,11 +374,19 @@
       .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;
+      }
     `;
@@ -381,0 +393,0 @@ }

package.json

 {
   "name": "@internetarchive/ia-item-navigator",
-  "version": "2.0.1",
+  "version": "2.0.2-a1",
   "description": "Internet Archive's Item Navigator, visually explore an item's contents.",
@@ -5,0 +5,0 @@ "repository": {

src/menus/iaux-viewable-files.ts

@@ -265,3 +265,7 @@ /* eslint-disable max-classes-per-file */
 
-  fileLi(item: ItemInfo) {
+  get pdfLabel(): TemplateResult {
+    return html`<span class="pdf-label"><span class="sr-only">view this</span> PDF</span>`;
+  }
+
+  fileLi(item: ItemInfo): TemplateResult {
     const activeClass = this.subPrefix === item.file_subprefix ? ' active' : '';
@@ -276,7 +280,3 @@ const hrefUrl = this.fileUrl(item);
           <a href=${hrefUrl}>
-            <p class="item-title">${item.title}</p>
-            ${isPdf
-              ? html`<p class="pdf-label"><span>PDF</span></p>
-                  <p></p>`
-              : nothing}
+            <p class="item-title">${item.title}${isPdf ? this.pdfLabel : nothing}</p>
           </a>
@@ -354,2 +354,6 @@ </div>
 
+      li.content a {
+        display: flex;
+      }
+
       small {
@@ -373,2 +377,3 @@ font-style: italic;
         padding-left: 5px;
+        /* display: flex; */
       }
@@ -398,13 +403,21 @@
       .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;
+      }
     `;
   }
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

425729

increased by0.26%

Lines of code

6550

increased by0.35%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes