@internetarchive/bookreader 5.0.0-30-d → 5.0.0-30-e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BookReader/BookReader.js +1 -1
- package/BookReader/ia-bookreader-bundle.js +28 -21
- package/BookReader/ia-bookreader-bundle.js.map +1 -1
- package/BookReaderDemo/demo-internetarchive.html +2 -1
- package/package.json +2 -2
- package/src/BookNavigator/book-navigator.js +1 -1
- package/src/ia-bookreader/ia-bookreader.js +21 -10
- package/stat/BookNavigator/BookNavigator.js +1 -1
- package/stat/BookReaderComponent/BookReaderComponent.js +2 -2
- package/tests/karma/BookNavigator/book-navigator.test.js +1 -1
package/BookReader/BookReader.js
CHANGED
|
@@ -29052,7 +29052,7 @@ var svg = function svg(strings) {
|
|
|
29052
29052
|
/***/ (function(module) {
|
|
29053
29053
|
|
|
29054
29054
|
"use strict";
|
|
29055
|
-
module.exports = JSON.parse('{"name":"@internetarchive/bookreader","version":"5.0.0-30-
|
|
29055
|
+
module.exports = JSON.parse('{"name":"@internetarchive/bookreader","version":"5.0.0-30-e","description":"The Internet Archive BookReader.","repository":{"type":"git","url":"git+https://github.com/internetarchive/bookreader.git"},"publishConfig":{"access":"public"},"module":"src/ia-bookreader/ia-bookreader.js","keywords":["online","bookreader","interface","ebooks","internet archive"],"author":"Internet Archive","license":"AGPL-3.0","bugs":{"url":"https://github.com/internetarchive/bookreader/issues"},"homepage":"https://github.com/internetarchive/bookreader#readme","private":false,"dependencies":{"@internetarchive/ia-activity-indicator":"^0.0.1","@internetarchive/ia-item-navigator":"^0.0.4","@internetarchive/ia-menu-slider":"^1.1.1","@internetarchive/ia-sharing-options":"^0.1.4","@internetarchive/icon-bookmark":"^1.1.3","@internetarchive/icon-collapse-sidebar":"^1.1.0","@internetarchive/icon-dl":"^1.1.3","@internetarchive/icon-edit-pencil":"1.1.5","@internetarchive/icon-magnify-minus":"^1.2.3","@internetarchive/icon-magnify-plus":"^1.2.3","@internetarchive/icon-search":"^1.2.3","@internetarchive/icon-share":"^1.1.3","@internetarchive/icon-visual-adjustment":"^1.1.3","@internetarchive/modal-manager":"^0.1.0","@internetarchive/shared-resize-observer":"^0.0.1","lit-element":"^2.4.0","lit-html":"^1.3.0"},"devDependencies":{"@babel/core":"7.15.0","@babel/eslint-parser":"^7.15.7","@babel/plugin-proposal-class-properties":"^7.14.5","@babel/plugin-proposal-decorators":"^7.14.5","@babel/preset-env":"7.15.0","@open-wc/testing":"^2.5.33","@open-wc/testing-karma":"^4.0.9","@types/jest":"27.0.1","@webcomponents/webcomponentsjs":"^2.6.0","babel-loader":"8.2.2","codecov":"3.8.3","concurrently":"6.0.2","core-js":"3.16.2","cpx2":"3.0.0","eslint":"^7.32.0","eslint-plugin-no-jquery":"^2.6.0","eslint-plugin-testcafe":"0.2.1","hammerjs":"^2.0.8","http-server":"0.12.3","iso-language-codes":"1.1.0","jest":"27.0.6","jquery":"1.11.3","jquery-colorbox":"1.6.4","jquery-ui":"1.12.1","jquery-ui-touch-punch":"0.2.3","jquery.browser":"0.1.0","jquery.mmenu":"5.6.5","karma-coverage":"^2.0.3","live-server":"1.2.1","node-fetch":"2.6.1","regenerator-runtime":"0.13.9","sass":"1.38.2","sinon":"11.1.2","soundmanager2":"2.97.20170602","svgo":"2.4.0","testcafe":"^1.16.1","testcafe-browser-provider-browserstack":"^1.13.2-alpha.1","webpack":"5.51.1","webpack-cli":"4.8.0"},"jest":{"testEnvironment":"jsdom","transformIgnorePatterns":["node_modules/(?!(lit-html|lit-element|lit)/)"],"moduleNameMapper":{"^@/(.*)$":"<rootDir>/$1"},"setupFiles":["./src/jquery-wrapper.js"],"roots":["<rootDir>/src/","<rootDir>/tests/jest/"],"coverageDirectory":"<rootDir>/coverage-jest"},"scripts":{"preversion":"npm run test && node scripts/preversion.js","version":"node scripts/version.js","postversion":"node scripts/postversion.js","build":"npm run clean && npm run build-js && npm run build-css && npm run build-assets","build-assets":"npx cpx \\"src/assets/**/*\\" BookReader && npx svgo -f BookReader/icons && npx svgo -f BookReader/images","build-assets:watch":"npx cpx --watch --verbose \\"src/assets/**/*\\" BookReader","build-js":"npx webpack","build-js:watch":"npx webpack --mode=development --watch","build-css":"npx sass --no-source-map ./src/css/BookReader.scss ./BookReader/BookReader.css","build-css:watch":"npx sass --watch --no-source-map ./src/css/BookReader.scss ./BookReader/BookReader.css","clean":"rm -r BookReader/ || true","lint":"npx eslint src/ tests/ *.js","lint:fix":"npx eslint --fix src/ tests/ *.js","serve":"npx http-server . --port 8000","serve-live":"npx live-server . --port 8000 --watch=index.html,BookReader,BookReaderDemo","serve-dev":"npm run build-css && npx concurrently --kill-others npm:serve-live npm:build-*:watch","test":"npm run test-jest && npm run test-karma","test:e2e":"npm run build && npx testcafe","test:e2e:dev":"npx testcafe --live --dev","test-jest:watch":"npx jest --watch","test-jest":"npx jest --coverage --colors","test-karma":"npx karma start --coverage","test-karma:watch":"npx karma start --auto-watch=true --single-run=false","DOCS:update:test-deps":"If CI succeeds, these should be good to update","update:test-deps":"npm i @babel/eslint-parser@latest @open-wc/testing@latest @open-wc/testing-karma@latest @types/jest@latest codecov@latest eslint@latest eslint-plugin-testcafe@latest jest@latest karma-coverage@latest sinon@latest testcafe@latest","DOCS:update:build-deps":"These can cause strange changes, so do an npm run build + check file size (git diff --stat), and check the site is as expected","update:build-deps":"npm i @babel/core@latest @babel/preset-env@latest babel-loader@latest core-js@latest regenerator-runtime@latest sass@latest svgo@latest webpack@latest webpack-cli@latest","codecov":"npx codecov"}}');
|
|
29056
29056
|
|
|
29057
29057
|
/***/ })
|
|
29058
29058
|
|
|
@@ -621,7 +621,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
621
621
|
"use strict";
|
|
622
622
|
__webpack_require__.r(__webpack_exports__);
|
|
623
623
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
624
|
-
/* harmony export */ "ItemType": function() { return /* binding */ ItemType; },
|
|
625
624
|
/* harmony export */ "ItemNavigator": function() { return /* binding */ ItemNavigator; }
|
|
626
625
|
/* harmony export */ });
|
|
627
626
|
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
|
|
@@ -640,13 +639,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
640
639
|
|
|
641
640
|
|
|
642
641
|
|
|
643
|
-
var ItemType;
|
|
644
|
-
(function (ItemType) {
|
|
645
|
-
ItemType["OPEN"] = "open";
|
|
646
|
-
})(ItemType || (ItemType = {}));
|
|
647
642
|
let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MODULE_1__.LitElement {
|
|
648
643
|
constructor() {
|
|
649
644
|
super(...arguments);
|
|
645
|
+
this.viewAvailable = true;
|
|
650
646
|
this.baseHost = 'archive.org';
|
|
651
647
|
this.signedIn = false;
|
|
652
648
|
this.menuContents = [];
|
|
@@ -730,7 +726,7 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
730
726
|
return lit_element__WEBPACK_IMPORTED_MODULE_1__.html `
|
|
731
727
|
<div id="frame" class=${this.menuClass}>
|
|
732
728
|
<slot
|
|
733
|
-
name="
|
|
729
|
+
name="header"
|
|
734
730
|
@slotchange=${(e) => this.slotChange(e, 'header')}
|
|
735
731
|
></slot>
|
|
736
732
|
<div class="menu-and-reader" style=${this.readerHeightStyle}>
|
|
@@ -751,17 +747,14 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
751
747
|
></ia-no-theater-available>`;
|
|
752
748
|
}
|
|
753
749
|
get renderViewport() {
|
|
754
|
-
if (!this.
|
|
755
|
-
return lit_html__WEBPACK_IMPORTED_MODULE_2__.nothing;
|
|
756
|
-
}
|
|
757
|
-
if (this.itemType !== ItemType.OPEN) {
|
|
750
|
+
if (!this.viewAvailable) {
|
|
758
751
|
return this.noTheaterView;
|
|
759
752
|
}
|
|
760
753
|
const slotVisibility = !this.loaded ? 'opacity: 0;' : 'opacity: 1;';
|
|
761
754
|
return lit_element__WEBPACK_IMPORTED_MODULE_1__.html `
|
|
762
|
-
<div slot="
|
|
755
|
+
<div slot="main" style=${slotVisibility}>
|
|
763
756
|
<slot
|
|
764
|
-
name="
|
|
757
|
+
name="main"
|
|
765
758
|
style=${this.readerHeightStyle}
|
|
766
759
|
@slotchange=${(e) => this.slotChange(e, 'main')}
|
|
767
760
|
></slot>
|
|
@@ -1060,8 +1053,8 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
1060
1053
|
})
|
|
1061
1054
|
], ItemNavigator.prototype, "item", void 0);
|
|
1062
1055
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
|
|
1063
|
-
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.property)({ type:
|
|
1064
|
-
], ItemNavigator.prototype, "
|
|
1056
|
+
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean })
|
|
1057
|
+
], ItemNavigator.prototype, "viewAvailable", void 0);
|
|
1065
1058
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
|
|
1066
1059
|
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String })
|
|
1067
1060
|
], ItemNavigator.prototype, "baseHost", void 0);
|
|
@@ -1106,10 +1099,10 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
1106
1099
|
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.query)('#frame')
|
|
1107
1100
|
], ItemNavigator.prototype, "frame", void 0);
|
|
1108
1101
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
|
|
1109
|
-
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.query)('slot[name="
|
|
1102
|
+
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.query)('slot[name="header"]')
|
|
1110
1103
|
], ItemNavigator.prototype, "headerSlot", void 0);
|
|
1111
1104
|
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
|
|
1112
|
-
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.query)('slot[name="
|
|
1105
|
+
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.query)('slot[name="main"]')
|
|
1113
1106
|
], ItemNavigator.prototype, "mainSlot", void 0);
|
|
1114
1107
|
ItemNavigator = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
|
|
1115
1108
|
(0,lit_element__WEBPACK_IMPORTED_MODULE_1__.customElement)('ia-item-navigator')
|
|
@@ -7131,7 +7124,7 @@ var BookNavigator = /*#__PURE__*/function (_LitElement) {
|
|
|
7131
7124
|
key: "render",
|
|
7132
7125
|
value: function render() {
|
|
7133
7126
|
var placeholder = this.bookReaderCannotLoad ? this.itemImage : this.loader;
|
|
7134
|
-
return (0,lit_element__WEBPACK_IMPORTED_MODULE_24__.html)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["<div id=\"book-navigator\" class=\"", "\">\n ", "\n <slot name=\"
|
|
7127
|
+
return (0,lit_element__WEBPACK_IMPORTED_MODULE_24__.html)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["<div id=\"book-navigator\" class=\"", "\">\n ", "\n <slot name=\"main\"></slot>\n </div>\n "])), this.loadingClass, placeholder);
|
|
7135
7128
|
}
|
|
7136
7129
|
}], [{
|
|
7137
7130
|
key: "properties",
|
|
@@ -11135,20 +11128,34 @@ var IaBookReader = /*#__PURE__*/function (_LitElement) {
|
|
|
11135
11128
|
key: "updated",
|
|
11136
11129
|
value: function updated() {
|
|
11137
11130
|
if (!this.modal) {
|
|
11138
|
-
this.
|
|
11131
|
+
this.setModalManager();
|
|
11139
11132
|
}
|
|
11140
11133
|
|
|
11141
11134
|
if (!this.sharedObserver) {
|
|
11142
11135
|
this.sharedObserver = new _internetarchive_shared_resize_observer__WEBPACK_IMPORTED_MODULE_17__.SharedResizeObserver();
|
|
11143
11136
|
}
|
|
11144
11137
|
}
|
|
11138
|
+
/** Creates modal DOM & attaches to `<body>` */
|
|
11139
|
+
|
|
11140
|
+
}, {
|
|
11141
|
+
key: "setModalManager",
|
|
11142
|
+
value: function setModalManager() {
|
|
11143
|
+
var modalManager = document.querySelector('modal-manager');
|
|
11144
|
+
|
|
11145
|
+
if (!modalManager) {
|
|
11146
|
+
modalManager = document.createElement('modal-manager');
|
|
11147
|
+
document.body.appendChild(this.modal);
|
|
11148
|
+
}
|
|
11149
|
+
|
|
11150
|
+
this.modal = modalManager;
|
|
11151
|
+
}
|
|
11145
11152
|
}, {
|
|
11146
11153
|
key: "manageFullscreen",
|
|
11147
11154
|
value: function manageFullscreen(e) {
|
|
11148
11155
|
var detail = e.detail;
|
|
11149
11156
|
var fullscreen = !!detail.isFullScreen;
|
|
11150
11157
|
this.fullscreen = fullscreen;
|
|
11151
|
-
this.dispatchEvent(new CustomEvent('
|
|
11158
|
+
this.dispatchEvent(new CustomEvent('fullscreenStateUpdated', {
|
|
11152
11159
|
detail: {
|
|
11153
11160
|
fullscreen: fullscreen
|
|
11154
11161
|
}
|
|
@@ -11199,7 +11206,7 @@ var IaBookReader = /*#__PURE__*/function (_LitElement) {
|
|
|
11199
11206
|
}, {
|
|
11200
11207
|
key: "render",
|
|
11201
11208
|
value: function render() {
|
|
11202
|
-
return (0,lit_element__WEBPACK_IMPORTED_MODULE_13__.html)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <div class=\"ia-bookreader\">\n <ia-item-navigator\n ?viewportInFullscreen=", "\n .
|
|
11209
|
+
return (0,lit_element__WEBPACK_IMPORTED_MODULE_13__.html)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n <div class=\"ia-bookreader\">\n <ia-item-navigator\n ?viewportInFullscreen=", "\n .basehost=", "\n .item=", "\n .modal=", "\n .loaded=", "\n .sharedObserver=", "\n ?signedIn=", "\n .menuShortcuts=", "\n .menuContents=", "\n >\n <div slot=\"header\">\n <slot name=\"header\"></slot>\n </div>\n <div slot=\"main\">\n <book-navigator\n .modal=", "\n .baseHost=", "\n .itemMD=", "\n ?signedIn=", "\n ?sideMenuOpen=", "\n .sharedObserver=", "\n @ViewportInFullScreen=", "\n @loadingStateUpdated=", "\n @updateSideMenu=", "\n @menuUpdated=", "\n @menuShortcutsUpdated=", "\n >\n <div slot=\"main\">\n <slot name=\"main\"></slot>\n </div>\n </book-navigator>\n </div>\n </ia-item-navigator>\n </div>\n "])), this.fullscreen, this.baseHost, this.item, this.modal, this.loaded, this.sharedObserver, this.signedIn, this.menuShortcuts, this.menuContents, this.modal, this.baseHost, this.item, this.signedIn, this.menuOpened, this.sharedObserver, this.manageFullscreen, this.loadingStateUpdated, this.manageSideMenuEvents, this.setMenuContents, this.setMenuShortcuts);
|
|
11203
11210
|
}
|
|
11204
11211
|
}], [{
|
|
11205
11212
|
key: "properties",
|
|
@@ -11241,7 +11248,7 @@ var IaBookReader = /*#__PURE__*/function (_LitElement) {
|
|
|
11241
11248
|
}, {
|
|
11242
11249
|
key: "styles",
|
|
11243
11250
|
get: function get() {
|
|
11244
|
-
return (0,lit_element__WEBPACK_IMPORTED_MODULE_13__.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n :host {\n display: block;\n height: inherit;\n min-height: inherit;\n --primaryBGColor: var(--black, #000);\n --secondaryBGColor: #222;\n --tertiaryBGColor: #333;\n --primaryTextColor: var(--white, #fff);\n --primaryCTAFill: #194880;\n --primaryCTABorder: #c5d1df;\n --secondaryCTAFill: #333;\n --secondaryCTABorder: #999;\n --primaryErrorCTAFill: #e51c26;\n --primaryErrorCTABorder: #f8c6c8;\n }\n\n :host([fullscreen]),\n ia-item-navigator[viewportinfullscreen] {\n position: fixed;\n inset: 0;\n height: 100%;\n min-height: unset;\n }\n\n div[slot=\"
|
|
11251
|
+
return (0,lit_element__WEBPACK_IMPORTED_MODULE_13__.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n :host {\n display: block;\n height: inherit;\n min-height: inherit;\n --primaryBGColor: var(--black, #000);\n --secondaryBGColor: #222;\n --tertiaryBGColor: #333;\n --primaryTextColor: var(--white, #fff);\n --primaryCTAFill: #194880;\n --primaryCTABorder: #c5d1df;\n --secondaryCTAFill: #333;\n --secondaryCTABorder: #999;\n --primaryErrorCTAFill: #e51c26;\n --primaryErrorCTABorder: #f8c6c8;\n }\n\n :host([fullscreen]),\n ia-item-navigator[viewportinfullscreen] {\n position: fixed;\n inset: 0;\n height: 100%;\n min-height: unset;\n }\n\n div[slot=\"main\"],\n div[slot=\"main\"] > * {\n height: inherit;\n }\n\n slot {\n display: block;\n }\n\n .ia-bookreader {\n background-color: var(--primaryBGColor);\n position: relative;\n min-height: inherit;\n height: inherit;\n }\n\n ia-item-navigator {\n min-height: var(--br-height, inherit);\n height: var(--br-height, inherit);\n display: block;\n width: 100%;\n color: var(--primaryTextColor);\n --menuButtonLabelDisplay: block;\n --menuWidth: 320px;\n --menuSliderBg: var(--secondaryBGColor);\n --activeButtonBg: var(--tertiaryBGColor);\n --subpanelRightBorderColor: var(--secondaryCTABorder);\n --animationTiming: 100ms;\n --iconFillColor: var(--primaryTextColor);\n --iconStrokeColor: var(--primaryTextColor);\n --menuSliderHeaderIconHeight: 2rem;\n --menuSliderHeaderIconWidth: 2rem;\n --iconWidth: 2.4rem;\n --iconHeight: 2.4rem;\n --shareLinkColor: var(--primaryTextColor);\n --shareIconBorder: var(--primaryTextColor);\n --shareIconBg: var(--secondaryBGColor);\n --activityIndicatorLoadingDotColor: var(--primaryTextColor);\n --activityIndicatorLoadingRingColor: var(--primaryTextColor);\n }\n "])));
|
|
11245
11252
|
}
|
|
11246
11253
|
}]);
|
|
11247
11254
|
|