@internetarchive/bookreader 5.0.0-32-shadydom1 → 5.0.0-32-shadydom2
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 +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
|
|