@internetarchive/bookreader 5.0.0-30-d → 5.0.0-30-e
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
|