@internetarchive/bookreader 5.0.0-32-shadydom1 → 5.0.0-32-shadydom2
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 +13 -9
- package/BookReader/ia-bookreader-bundle.js.map +1 -1
- package/BookReaderDemo/demo-internetarchive.html +5 -0
- package/package.json +2 -2
- package/src/BookNavigator/bookmarks/ia-bookmarks.js +2 -1
- package/src/ia-bookreader/ia-bookreader.js +2 -4
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-32-
|
|
29055
|
+
module.exports = JSON.parse('{"name":"@internetarchive/bookreader","version":"5.0.0-32-shadydom2","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.5-2","@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
|
|
|
@@ -666,11 +666,14 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
666
666
|
this.requestUpdate();
|
|
667
667
|
}
|
|
668
668
|
render() {
|
|
669
|
+
var _a, _b;
|
|
669
670
|
const displayReaderClass = this.loaded ? '' : 'hidden';
|
|
671
|
+
const headerHeight = ((_b = (_a = this.headerSlot) === null || _a === void 0 ? void 0 : _a.assignedNodes()[0]) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
|
|
670
672
|
return lit_element__WEBPACK_IMPORTED_MODULE_1__.html `
|
|
671
673
|
<div id="frame" class=${this.menuClass}>
|
|
672
674
|
<slot
|
|
673
675
|
name="header"
|
|
676
|
+
style=${`height: ${headerHeight}px`}
|
|
674
677
|
@slotchange=${(e) => this.slotChange(e, 'header')}
|
|
675
678
|
></slot>
|
|
676
679
|
<div class="menu-and-reader">
|
|
@@ -812,7 +815,9 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
812
815
|
/** End Menu Shortcuts */
|
|
813
816
|
/** Misc Render */
|
|
814
817
|
get menuClass() {
|
|
815
|
-
|
|
818
|
+
var _a, _b;
|
|
819
|
+
const hasMenuOrShortcuts = ((_a = this.menuContents) === null || _a === void 0 ? void 0 : _a.length) || ((_b = this.menuShortcuts) === null || _b === void 0 ? void 0 : _b.length);
|
|
820
|
+
const drawerState = this.menuOpened && hasMenuOrShortcuts ? 'open' : '';
|
|
816
821
|
const fullscreenState = this.viewportInFullscreen ? 'fullscreen' : '';
|
|
817
822
|
return `${drawerState} ${fullscreenState} ${this.openMenuState}`;
|
|
818
823
|
}
|
|
@@ -826,8 +831,6 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
826
831
|
:host,
|
|
827
832
|
#frame,
|
|
828
833
|
.menu-and-reader {
|
|
829
|
-
min-height: inherit;
|
|
830
|
-
height: inherit;
|
|
831
834
|
position: relative;
|
|
832
835
|
overflow: hidden;
|
|
833
836
|
display: block;
|
|
@@ -835,7 +838,6 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
835
838
|
|
|
836
839
|
:host,
|
|
837
840
|
#frame,
|
|
838
|
-
.menu-and-reader,
|
|
839
841
|
.loading-area,
|
|
840
842
|
.loading-view {
|
|
841
843
|
min-height: inherit;
|
|
@@ -870,6 +872,7 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
870
872
|
}
|
|
871
873
|
|
|
872
874
|
.loading-view {
|
|
875
|
+
height: 100%;
|
|
873
876
|
display: flex;
|
|
874
877
|
align-items: center;
|
|
875
878
|
justify-content: center;
|
|
@@ -902,6 +905,7 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
902
905
|
.menu-and-reader {
|
|
903
906
|
position: relative;
|
|
904
907
|
display: flex;
|
|
908
|
+
flex: 1;
|
|
905
909
|
}
|
|
906
910
|
|
|
907
911
|
nav button {
|
|
@@ -964,7 +968,6 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
964
968
|
z-index: 1;
|
|
965
969
|
transform: translateX(0);
|
|
966
970
|
width: 100%;
|
|
967
|
-
flex: 1;
|
|
968
971
|
display: flex;
|
|
969
972
|
}
|
|
970
973
|
|
|
@@ -985,8 +988,8 @@ let ItemNavigator = class ItemNavigator extends lit_element__WEBPACK_IMPORTED_MO
|
|
|
985
988
|
}
|
|
986
989
|
|
|
987
990
|
.open.shift #reader {
|
|
988
|
-
width: calc(100% -
|
|
989
|
-
|
|
991
|
+
width: calc(100% - ${subnavWidth});
|
|
992
|
+
margin-left: ${subnavWidth};
|
|
990
993
|
transition: ${transitionEffect};
|
|
991
994
|
}
|
|
992
995
|
`;
|
|
@@ -8260,8 +8263,9 @@ var IABookmarks = /*#__PURE__*/function (_LitElement) {
|
|
|
8260
8263
|
return;
|
|
8261
8264
|
}
|
|
8262
8265
|
|
|
8266
|
+
this.updateDisplay();
|
|
8263
8267
|
this.setBREventListeners();
|
|
8264
|
-
this.
|
|
8268
|
+
this.fetchUserBookmarks();
|
|
8265
8269
|
}
|
|
8266
8270
|
}, {
|
|
8267
8271
|
key: "updateDisplay",
|
|
@@ -11199,7 +11203,7 @@ var IaBookReader = /*#__PURE__*/function (_LitElement) {
|
|
|
11199
11203
|
}, {
|
|
11200
11204
|
key: "styles",
|
|
11201
11205
|
get: function get() {
|
|
11202
|
-
return (0,lit_element__WEBPACK_IMPORTED_MODULE_13__.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n :host {\n display: block;\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 background-color: var(--primaryBGColor);\n position: relative;\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 .main-component {\n height: 100%;\n width: 100%;\n min-height: inherit;\n }\n\n div[slot=\"main\"] {\n display: flex;\n width: 100%;\n }\n\n slot
|
|
11206
|
+
return (0,lit_element__WEBPACK_IMPORTED_MODULE_13__.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n :host {\n display: block;\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 background-color: var(--primaryBGColor);\n position: relative;\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 .main-component {\n height: 100%;\n width: 100%;\n min-height: inherit;\n }\n\n div[slot=\"header\"],\n div[slot=\"main\"] {\n display: flex;\n width: 100%;\n }\n\n slot {\n display: block;\n flex: 1;\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 "])));
|
|
11203
11207
|
}
|
|
11204
11208
|
}]);
|
|
11205
11209
|
|