@internetarchive/ia-book-actions 1.1.0-alpha2 → 1.1.0-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "1.1.0-alpha2",
+  "version": "1.1.0-alpha4",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",
@@ -14,17 +14,16 @@
     "lint": "eslint --ext .js,.html . --ignore-path .gitignore && prettier \"**/*.js\" --check --ignore-path .gitignore",
     "format": "eslint --ext .js,.html . --fix --ignore-path .gitignore && prettier \"**/*.js\" --write --ignore-path .gitignore",
     "test": "yarn run lint && yarn test:fast",
-    "test:fast": "web-test-runner --coverage --playwright --browsers chromium firefox webkit",
-    "test:watch": "web-test-runner --watch --playwright --browsers chromium firefox webkit"
+    "test:fast": "web-test-runner --coverage",
+    "test:watch": "web-test-runner --watch"
   },
   "dependencies": {
     "@internetarchive/icon-info": "^1.2.6",
     "@internetarchive/local-cache": "^0.2.1",
-    "@internetarchive/modal-manager": "^1.0.3-alpha.0",
+    "@internetarchive/modal-manager": "2.0.0",
     "@internetarchive/shared-resize-observer": "^0.2.0",
     "install-deps": "^1.1.0",
-    "lit": "^2.5.0",
-    "playwright": "^1.43.1"
+    "lit": "^2.8.0"
   },
   "devDependencies": {
     "@open-wc/eslint-config": "^4.2.0",

package/src/assets/styles/collapsible-action-group.js

@@ -21,6 +21,7 @@ export default css`
   .action-buttons .ia-button {
     margin: 0;
     height: 3.5rem;
+    padding: 0 2rem;
   }
   .action-buttons .desktop {
     background-color: ${whiteColor};

package/src/assets/styles/ia-button.js

@@ -36,7 +36,7 @@ export default css`
     align-items: center;
     transition: all 0.1s ease 0s;
     vertical-align: middle;
-    padding: 0 3rem;
+    padding: 0 1rem;
     outline-color: ${whiteColor};
     outline-offset: -4px;
     user-select: none;

package/src/ia-book-actions.js

@@ -4,7 +4,7 @@ import { html, css, LitElement, nothing } from 'lit';
 
 import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
 import { ModalConfig } from '@internetarchive/modal-manager';
-import { ToastConfig } from '@internetarchive/toast-manager';
+// import { ToastConfig } from '@internetarchive/toast-manager';
 import { LocalCache } from '@internetarchive/local-cache';
 
 import './components/collapsible-action-group.js';
@@ -90,7 +90,7 @@ export default class IABookActions extends LitElement {
     this.lendingOptions = {};
     this.borrowType = null; // 'browsed'|'borrowed'
     this.browseTimer = undefined; // timeout
-    this.timerExecutionSeconds = 30;
+    this.timerExecutionSeconds = 10;
 
     /** @deprecated */
     this.toast = undefined;
@@ -403,7 +403,10 @@ export default class IABookActions extends LitElement {
               ></ia-activity-indicator>`
             : 'Keep reading'}
         </button>
-        <span class="sr-only">Renewing loan, one moment please.</span>
+        <span
+          style="position: absolute; visibility: none; height: 1px; width: 1px; overflow: hidden;"
+          >Renewing loan, one moment please.</span
+        >
         <button
           disabled
           style="${modalButtonStyle.iaButton} ${modalButtonStyle.return}"
@@ -502,6 +505,7 @@ export default class IABookActions extends LitElement {
       secondsLeft = secondsLeft > 60 ? secondsLeft : 60;
     }
 
+    // eslint-disable-next-line no-undef
     const config = new ToastConfig();
     config.dismissOnClick = true;
     config.texts = this.loanRenewHelper?.getMessageTexts(
@@ -985,17 +989,6 @@ export default class IABookActions extends LitElement {
         --toastBGColor: #333;
         --toastFontColor: #fff;
       }
-
-      .sr-only {
-        position: absolute;
-        left: -9999px;
-        width: 1px;
-        height: 1px;
-        margin: 0;
-        padding: 0;
-        border: none;
-        overflow: hidden;
-      }
     `;
   }
 }