@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.
@@ -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-shadydom1","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-1","@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"}}');
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
- const drawerState = this.menuOpened ? 'open' : '';
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% - var(--menuWidth));
989
- float: right;
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.initializeBookmarks();
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[name=\"main\"] {\n flex: 1;\n }\n\n slot {\n display: block;\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 "])));
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