@internetarchive/bookreader 5.0.0-31 → 5.0.0-32-shadydom3

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.
@@ -7,6 +7,11 @@
7
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8
8
  <meta name="apple-mobile-web-app-capable" content="yes">
9
9
 
10
+ <!-- WC dependencies -->
11
+ <script type="text/javascript" src="https://polyfill.io/v3/polyfill.min.js?features=es2015%2Ces5%2CglobalThis"></script>
12
+ <script type="text/javascript" src="https://unpkg.com/lit@2.1.2/polyfill-support.js"></script>
13
+ <script type="text/javascript" src="https://unpkg.com/@webcomponents/webcomponentsjs@2.2.10/webcomponents-bundle.js"></script>
14
+
10
15
  <!-- JS dependencies -->
11
16
  <script src="../BookReader/webcomponents-bundle.js"></script>
12
17
  <script src="../BookReader/jquery-1.10.1.js"></script>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetarchive/bookreader",
3
- "version": "5.0.0-31",
3
+ "version": "5.0.0-32-shadydom3",
4
4
  "description": "The Internet Archive BookReader.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -26,7 +26,7 @@
26
26
  "private": false,
27
27
  "dependencies": {
28
28
  "@internetarchive/ia-activity-indicator": "^0.0.1",
29
- "@internetarchive/ia-item-navigator": "^0.0.4",
29
+ "@internetarchive/ia-item-navigator": "0.0.5",
30
30
  "@internetarchive/ia-menu-slider": "^1.1.1",
31
31
  "@internetarchive/ia-sharing-options": "^0.1.4",
32
32
  "@internetarchive/icon-bookmark": "^1.1.3",
@@ -517,6 +517,7 @@ export class BookNavigator extends LitElement {
517
517
  slot > * {
518
518
  display: block;
519
519
  height: inherit;
520
+ width: inherit;
520
521
  }
521
522
  .cover-img {
522
523
  max-height: 300px;
@@ -105,7 +105,7 @@ export class IaBookReader extends LitElement {
105
105
 
106
106
  render() {
107
107
  return html`
108
- <div class="ia-bookreader">
108
+ <div class="main-component">
109
109
  <ia-item-navigator
110
110
  ?viewportInFullscreen=${this.fullscreen}
111
111
  .basehost=${this.baseHost}
@@ -148,8 +148,6 @@ export class IaBookReader extends LitElement {
148
148
  return css`
149
149
  :host {
150
150
  display: block;
151
- height: inherit;
152
- min-height: inherit;
153
151
  --primaryBGColor: var(--black, #000);
154
152
  --secondaryBGColor: #222;
155
153
  --tertiaryBGColor: #333;
@@ -160,6 +158,8 @@ export class IaBookReader extends LitElement {
160
158
  --secondaryCTABorder: #999;
161
159
  --primaryErrorCTAFill: #e51c26;
162
160
  --primaryErrorCTABorder: #f8c6c8;
161
+ background-color: var(--primaryBGColor);
162
+ position: relative;
163
163
  }
164
164
 
165
165
  :host([fullscreen]),
@@ -170,20 +170,21 @@ export class IaBookReader extends LitElement {
170
170
  min-height: unset;
171
171
  }
172
172
 
173
- div[slot="main"],
174
- div[slot="main"] > * {
175
- height: inherit;
173
+ .main-component {
174
+ height: 100%;
175
+ width: 100%;
176
+ min-height: inherit;
176
177
  }
177
178
 
178
- slot {
179
- display: block;
179
+ div[slot="header"],
180
+ div[slot="main"] {
181
+ display: flex;
182
+ width: 100%;
180
183
  }
181
184
 
182
- .ia-bookreader {
183
- background-color: var(--primaryBGColor);
184
- position: relative;
185
- min-height: inherit;
186
- height: inherit;
185
+ slot {
186
+ display: block;
187
+ flex: 1;
187
188
  }
188
189
 
189
190
  ia-item-navigator {