@internetarchive/ia-item-navigator 1.0.4-a1 → 1.0.4
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/dist/demo/app-root.d.ts +47 -47
- package/dist/demo/app-root.js +199 -199
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/src/interfaces/custom-theater-interface.d.ts +20 -20
- package/dist/src/interfaces/custom-theater-interface.js +1 -1
- package/dist/src/interfaces/event-interfaces.d.ts +40 -40
- package/dist/src/interfaces/event-interfaces.js +1 -1
- package/dist/src/interfaces/menu-interfaces.d.ts +22 -22
- package/dist/src/interfaces/menu-interfaces.js +1 -1
- package/dist/src/item-navigator.d.ts +69 -69
- package/dist/src/item-navigator.js +256 -256
- package/dist/src/loader.d.ts +13 -13
- package/dist/src/loader.js +31 -31
- package/dist/src/menu-slider/ia-menu-slider.d.ts +30 -30
- package/dist/src/menu-slider/ia-menu-slider.js +112 -112
- package/dist/src/menu-slider/menu-button.d.ts +19 -19
- package/dist/src/menu-slider/menu-button.js +75 -75
- package/dist/src/menu-slider/styles/menu-button.d.ts +2 -2
- package/dist/src/menu-slider/styles/menu-button.js +2 -2
- package/dist/src/menu-slider/styles/menu-slider.d.ts +2 -2
- package/dist/src/menu-slider/styles/menu-slider.js +9 -20
- package/dist/src/menu-slider/styles/menu-slider.js.map +1 -1
- package/dist/src/no-theater-available.d.ts +9 -9
- package/dist/src/no-theater-available.js +35 -35
- package/dist/test/ia-item-navigator.test.d.ts +1 -1
- package/dist/test/ia-item-navigator.test.js +296 -296
- package/dist/test/ia-stub.d.ts +22 -22
- package/dist/test/ia-stub.js +34 -34
- package/dist/test/no-theater-available.test.d.ts +1 -1
- package/dist/test/no-theater-available.test.js +22 -22
- package/package.json +1 -1
- package/src/menu-slider/styles/menu-slider.ts +4 -15
package/dist/demo/app-root.d.ts
CHANGED
@@ -1,47 +1,47 @@
|
|
1
|
-
import { LitElement, TemplateResult } from 'lit';
|
2
|
-
import { MetadataResponse } from '@internetarchive/search-service';
|
3
|
-
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
4
|
-
import { ModalManager } from '@internetarchive/modal-manager';
|
5
|
-
import '@internetarchive/modal-manager';
|
6
|
-
import '../src/item-navigator';
|
7
|
-
import { MenuShortcutInterface, MenuDetailsInterface } from '../src/interfaces/menu-interfaces';
|
8
|
-
export declare class AppRoot extends LitElement {
|
9
|
-
/**
|
10
|
-
* Example controller to connect to `<ia-item-navigator>`
|
11
|
-
*/
|
12
|
-
itemMD?: MetadataResponse;
|
13
|
-
encodedManifest: string;
|
14
|
-
sharedObserver: SharedResizeObserver;
|
15
|
-
menuContents: MenuDetailsInterface[];
|
16
|
-
menuShortcuts: MenuShortcutInterface[];
|
17
|
-
fullscreen: boolean | null;
|
18
|
-
headerOn: true | null;
|
19
|
-
loaded: boolean;
|
20
|
-
showPlaceholder: true | null;
|
21
|
-
showTheaterExample: true | null;
|
22
|
-
private itemNav;
|
23
|
-
modalMgr: ModalManager;
|
24
|
-
firstUpdated(): void;
|
25
|
-
updated(changed: any): void;
|
26
|
-
fetchItemMD(): Promise<void>;
|
27
|
-
get theaterReady(): boolean;
|
28
|
-
get urlParams(): URLSearchParams;
|
29
|
-
/** Fullscreen */
|
30
|
-
get showFullscreen(): boolean;
|
31
|
-
/** sets url query param `view=theater` to toggle fullscreen */
|
32
|
-
toggleFS(): void;
|
33
|
-
/** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
|
34
|
-
fullscreenCheck(): void;
|
35
|
-
/** End fullscreen */
|
36
|
-
toggleHeader(): void;
|
37
|
-
toggleLoader(): void;
|
38
|
-
togglePlaceholder(): void;
|
39
|
-
toggleImmersion(): void;
|
40
|
-
toggleTheaterExample(): void;
|
41
|
-
/** Views */
|
42
|
-
get theaterExample(): TemplateResult;
|
43
|
-
get headerExample(): TemplateResult;
|
44
|
-
get isViewAvailable(): boolean;
|
45
|
-
render(): TemplateResult;
|
46
|
-
static styles: import("lit").CSSResult;
|
47
|
-
}
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
2
|
+
import { MetadataResponse } from '@internetarchive/search-service';
|
3
|
+
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
4
|
+
import { ModalManager } from '@internetarchive/modal-manager';
|
5
|
+
import '@internetarchive/modal-manager';
|
6
|
+
import '../src/item-navigator';
|
7
|
+
import { MenuShortcutInterface, MenuDetailsInterface } from '../src/interfaces/menu-interfaces';
|
8
|
+
export declare class AppRoot extends LitElement {
|
9
|
+
/**
|
10
|
+
* Example controller to connect to `<ia-item-navigator>`
|
11
|
+
*/
|
12
|
+
itemMD?: MetadataResponse;
|
13
|
+
encodedManifest: string;
|
14
|
+
sharedObserver: SharedResizeObserver;
|
15
|
+
menuContents: MenuDetailsInterface[];
|
16
|
+
menuShortcuts: MenuShortcutInterface[];
|
17
|
+
fullscreen: boolean | null;
|
18
|
+
headerOn: true | null;
|
19
|
+
loaded: boolean;
|
20
|
+
showPlaceholder: true | null;
|
21
|
+
showTheaterExample: true | null;
|
22
|
+
private itemNav;
|
23
|
+
modalMgr: ModalManager;
|
24
|
+
firstUpdated(): void;
|
25
|
+
updated(changed: any): void;
|
26
|
+
fetchItemMD(): Promise<void>;
|
27
|
+
get theaterReady(): boolean;
|
28
|
+
get urlParams(): URLSearchParams;
|
29
|
+
/** Fullscreen */
|
30
|
+
get showFullscreen(): boolean;
|
31
|
+
/** sets url query param `view=theater` to toggle fullscreen */
|
32
|
+
toggleFS(): void;
|
33
|
+
/** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
|
34
|
+
fullscreenCheck(): void;
|
35
|
+
/** End fullscreen */
|
36
|
+
toggleHeader(): void;
|
37
|
+
toggleLoader(): void;
|
38
|
+
togglePlaceholder(): void;
|
39
|
+
toggleImmersion(): void;
|
40
|
+
toggleTheaterExample(): void;
|
41
|
+
/** Views */
|
42
|
+
get theaterExample(): TemplateResult;
|
43
|
+
get headerExample(): TemplateResult;
|
44
|
+
get isViewAvailable(): boolean;
|
45
|
+
render(): TemplateResult;
|
46
|
+
static styles: import("lit").CSSResult;
|
47
|
+
}
|
package/dist/demo/app-root.js
CHANGED
@@ -1,143 +1,143 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
/* eslint-disable no-restricted-globals */
|
3
|
-
import { html, css, LitElement } from 'lit';
|
4
|
-
import { customElement, property, query } from 'lit/decorators.js';
|
5
|
-
import { SearchService, } from '@internetarchive/search-service';
|
6
|
-
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
7
|
-
import '@internetarchive/modal-manager';
|
8
|
-
import '../src/item-navigator';
|
9
|
-
let AppRoot = class AppRoot extends LitElement {
|
10
|
-
constructor() {
|
11
|
-
super(...arguments);
|
12
|
-
this.encodedManifest = '';
|
13
|
-
this.sharedObserver = new SharedResizeObserver();
|
14
|
-
this.menuContents = [];
|
15
|
-
this.menuShortcuts = [];
|
16
|
-
this.fullscreen = null;
|
17
|
-
this.headerOn = null;
|
18
|
-
this.loaded = true;
|
19
|
-
this.showPlaceholder = null;
|
20
|
-
this.showTheaterExample = true;
|
21
|
-
}
|
22
|
-
firstUpdated() {
|
23
|
-
this.fetchItemMD();
|
24
|
-
console.log('<app-root> component has loaded', this.modalMgr, this.sharedObserver);
|
25
|
-
this.itemNav.viewAvailable = false;
|
26
|
-
}
|
27
|
-
updated(changed) {
|
28
|
-
console.log('changed', changed);
|
29
|
-
if (changed.has('itemMD')) {
|
30
|
-
this.fullscreenCheck();
|
31
|
-
}
|
32
|
-
}
|
33
|
-
async fetchItemMD() {
|
34
|
-
const searchService = SearchService.default;
|
35
|
-
const mdResponse = await searchService.fetchMetadata('ux-team-books');
|
36
|
-
if (mdResponse.error) {
|
37
|
-
console.log('MD Fetch error: ', mdResponse.error);
|
38
|
-
window.confirm('There was an error fetching response, please check dev console');
|
39
|
-
return;
|
40
|
-
}
|
41
|
-
console.log('mdResponse.success', JSON.stringify(mdResponse.success));
|
42
|
-
this.itemMD = mdResponse.success;
|
43
|
-
}
|
44
|
-
get theaterReady() {
|
45
|
-
return this.modalMgr && this.sharedObserver && !!this.itemMD;
|
46
|
-
}
|
47
|
-
get urlParams() {
|
48
|
-
return new URLSearchParams(location.search.slice(1));
|
49
|
-
}
|
50
|
-
/** Fullscreen */
|
51
|
-
get showFullscreen() {
|
52
|
-
return this.urlParams.get('view') === 'theater';
|
53
|
-
}
|
54
|
-
/** sets url query param `view=theater` to toggle fullscreen */
|
55
|
-
toggleFS() {
|
56
|
-
if (this.urlParams.get('view')) {
|
57
|
-
location.search = '';
|
58
|
-
}
|
59
|
-
else {
|
60
|
-
location.search = 'view=theater';
|
61
|
-
}
|
62
|
-
}
|
63
|
-
/** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
|
64
|
-
fullscreenCheck() {
|
65
|
-
if (this.showFullscreen && this.itemNav) {
|
66
|
-
this.fullscreen = true;
|
67
|
-
}
|
68
|
-
}
|
69
|
-
/** End fullscreen */
|
70
|
-
toggleHeader() {
|
71
|
-
this.headerOn = this.headerOn ? null : true;
|
72
|
-
}
|
73
|
-
toggleLoader() {
|
74
|
-
this.loaded = !this.loaded;
|
75
|
-
}
|
76
|
-
togglePlaceholder() {
|
77
|
-
this.toggleLoader();
|
78
|
-
const show = this.showPlaceholder ? null : true;
|
79
|
-
this.showPlaceholder = show;
|
80
|
-
}
|
81
|
-
toggleImmersion() {
|
82
|
-
const nextState = this.fullscreen ? null : true;
|
83
|
-
if (!nextState) {
|
84
|
-
this.menuShortcuts = [];
|
85
|
-
return;
|
86
|
-
}
|
87
|
-
this.menuShortcuts = [
|
88
|
-
{
|
1
|
+
import { __decorate } from "tslib";
|
2
|
+
/* eslint-disable no-restricted-globals */
|
3
|
+
import { html, css, LitElement } from 'lit';
|
4
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
5
|
+
import { SearchService, } from '@internetarchive/search-service';
|
6
|
+
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
7
|
+
import '@internetarchive/modal-manager';
|
8
|
+
import '../src/item-navigator';
|
9
|
+
let AppRoot = class AppRoot extends LitElement {
|
10
|
+
constructor() {
|
11
|
+
super(...arguments);
|
12
|
+
this.encodedManifest = '';
|
13
|
+
this.sharedObserver = new SharedResizeObserver();
|
14
|
+
this.menuContents = [];
|
15
|
+
this.menuShortcuts = [];
|
16
|
+
this.fullscreen = null;
|
17
|
+
this.headerOn = null;
|
18
|
+
this.loaded = true;
|
19
|
+
this.showPlaceholder = null;
|
20
|
+
this.showTheaterExample = true;
|
21
|
+
}
|
22
|
+
firstUpdated() {
|
23
|
+
this.fetchItemMD();
|
24
|
+
console.log('<app-root> component has loaded', this.modalMgr, this.sharedObserver);
|
25
|
+
this.itemNav.viewAvailable = false;
|
26
|
+
}
|
27
|
+
updated(changed) {
|
28
|
+
console.log('changed', changed);
|
29
|
+
if (changed.has('itemMD')) {
|
30
|
+
this.fullscreenCheck();
|
31
|
+
}
|
32
|
+
}
|
33
|
+
async fetchItemMD() {
|
34
|
+
const searchService = SearchService.default;
|
35
|
+
const mdResponse = await searchService.fetchMetadata('ux-team-books');
|
36
|
+
if (mdResponse.error) {
|
37
|
+
console.log('MD Fetch error: ', mdResponse.error);
|
38
|
+
window.confirm('There was an error fetching response, please check dev console');
|
39
|
+
return;
|
40
|
+
}
|
41
|
+
console.log('mdResponse.success', JSON.stringify(mdResponse.success));
|
42
|
+
this.itemMD = mdResponse.success;
|
43
|
+
}
|
44
|
+
get theaterReady() {
|
45
|
+
return this.modalMgr && this.sharedObserver && !!this.itemMD;
|
46
|
+
}
|
47
|
+
get urlParams() {
|
48
|
+
return new URLSearchParams(location.search.slice(1));
|
49
|
+
}
|
50
|
+
/** Fullscreen */
|
51
|
+
get showFullscreen() {
|
52
|
+
return this.urlParams.get('view') === 'theater';
|
53
|
+
}
|
54
|
+
/** sets url query param `view=theater` to toggle fullscreen */
|
55
|
+
toggleFS() {
|
56
|
+
if (this.urlParams.get('view')) {
|
57
|
+
location.search = '';
|
58
|
+
}
|
59
|
+
else {
|
60
|
+
location.search = 'view=theater';
|
61
|
+
}
|
62
|
+
}
|
63
|
+
/** toggles attr: `<ia-item-navigator viewportinfullscreen>` */
|
64
|
+
fullscreenCheck() {
|
65
|
+
if (this.showFullscreen && this.itemNav) {
|
66
|
+
this.fullscreen = true;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
/** End fullscreen */
|
70
|
+
toggleHeader() {
|
71
|
+
this.headerOn = this.headerOn ? null : true;
|
72
|
+
}
|
73
|
+
toggleLoader() {
|
74
|
+
this.loaded = !this.loaded;
|
75
|
+
}
|
76
|
+
togglePlaceholder() {
|
77
|
+
this.toggleLoader();
|
78
|
+
const show = this.showPlaceholder ? null : true;
|
79
|
+
this.showPlaceholder = show;
|
80
|
+
}
|
81
|
+
toggleImmersion() {
|
82
|
+
const nextState = this.fullscreen ? null : true;
|
83
|
+
if (!nextState) {
|
84
|
+
this.menuShortcuts = [];
|
85
|
+
return;
|
86
|
+
}
|
87
|
+
this.menuShortcuts = [
|
88
|
+
{
|
89
89
|
icon: html `<button
|
90
|
-
@click=${() => {
|
91
|
-
this.fullscreen = null;
|
92
|
-
this.menuContents = [];
|
93
|
-
this.menuShortcuts = [];
|
90
|
+
@click=${() => {
|
91
|
+
this.fullscreen = null;
|
92
|
+
this.menuContents = [];
|
93
|
+
this.menuShortcuts = [];
|
94
94
|
}}
|
95
95
|
>
|
96
96
|
Exit
|
97
|
-
</button>`,
|
98
|
-
id: 'exit',
|
99
|
-
},
|
100
|
-
];
|
101
|
-
this.menuContents = [
|
102
|
-
{
|
97
|
+
</button>`,
|
98
|
+
id: 'exit',
|
99
|
+
},
|
100
|
+
];
|
101
|
+
this.menuContents = [
|
102
|
+
{
|
103
103
|
icon: html `<button
|
104
|
-
@click=${() => {
|
105
|
-
this.fullscreen = null;
|
104
|
+
@click=${() => {
|
105
|
+
this.fullscreen = null;
|
106
106
|
}}
|
107
107
|
>
|
108
108
|
Exit
|
109
|
-
</button>`,
|
110
|
-
id: 'exit',
|
111
|
-
label: 'Exit',
|
112
|
-
selected: false,
|
113
|
-
},
|
114
|
-
];
|
115
|
-
this.fullscreen = nextState;
|
116
|
-
}
|
117
|
-
toggleTheaterExample() {
|
118
|
-
if (this.showTheaterExample) {
|
119
|
-
// turn on placeholder
|
120
|
-
this.showPlaceholder = true;
|
121
|
-
// turn off example
|
122
|
-
this.showTheaterExample = null;
|
123
|
-
this.menuContents = [];
|
124
|
-
this.menuShortcuts = [];
|
125
|
-
return;
|
126
|
-
}
|
127
|
-
// turn off placeholder
|
128
|
-
this.showPlaceholder = null;
|
129
|
-
this.showTheaterExample = true;
|
130
|
-
const x = {
|
131
|
-
icon: html `<p style="color: red">Allo</p>`,
|
132
|
-
id: 'a',
|
133
|
-
label: 'Hello world',
|
134
|
-
menuDetails: html `<h3>Wheee!</h3>`,
|
135
|
-
};
|
136
|
-
this.menuContents = [x];
|
137
|
-
this.menuShortcuts = [x];
|
138
|
-
}
|
139
|
-
/** Views */
|
140
|
-
get theaterExample() {
|
109
|
+
</button>`,
|
110
|
+
id: 'exit',
|
111
|
+
label: 'Exit',
|
112
|
+
selected: false,
|
113
|
+
},
|
114
|
+
];
|
115
|
+
this.fullscreen = nextState;
|
116
|
+
}
|
117
|
+
toggleTheaterExample() {
|
118
|
+
if (this.showTheaterExample) {
|
119
|
+
// turn on placeholder
|
120
|
+
this.showPlaceholder = true;
|
121
|
+
// turn off example
|
122
|
+
this.showTheaterExample = null;
|
123
|
+
this.menuContents = [];
|
124
|
+
this.menuShortcuts = [];
|
125
|
+
return;
|
126
|
+
}
|
127
|
+
// turn off placeholder
|
128
|
+
this.showPlaceholder = null;
|
129
|
+
this.showTheaterExample = true;
|
130
|
+
const x = {
|
131
|
+
icon: html `<p style="color: red">Allo</p>`,
|
132
|
+
id: 'a',
|
133
|
+
label: 'Hello world',
|
134
|
+
menuDetails: html `<h3>Wheee!</h3>`,
|
135
|
+
};
|
136
|
+
this.menuContents = [x];
|
137
|
+
this.menuShortcuts = [x];
|
138
|
+
}
|
139
|
+
/** Views */
|
140
|
+
get theaterExample() {
|
141
141
|
return html `
|
142
142
|
<div slot="main">
|
143
143
|
<div class="theater-example">
|
@@ -148,9 +148,9 @@ let AppRoot = class AppRoot extends LitElement {
|
|
148
148
|
<h3>Welcome to Cat Theater</h3>
|
149
149
|
</div>
|
150
150
|
</div>
|
151
|
-
`;
|
152
|
-
}
|
153
|
-
get headerExample() {
|
151
|
+
`;
|
152
|
+
}
|
153
|
+
get headerExample() {
|
154
154
|
return html `
|
155
155
|
<div slot="header">
|
156
156
|
<div class="embed-link">
|
@@ -164,26 +164,26 @@ let AppRoot = class AppRoot extends LitElement {
|
|
164
164
|
</a>
|
165
165
|
</div>
|
166
166
|
</div>
|
167
|
-
`;
|
168
|
-
}
|
169
|
-
get isViewAvailable() {
|
170
|
-
if (this.showTheaterExample) {
|
171
|
-
return true;
|
172
|
-
}
|
173
|
-
return false;
|
174
|
-
}
|
175
|
-
render() {
|
176
|
-
const { isViewAvailable, loaded, showPlaceholder, headerOn, fullscreen, menuContents, menuShortcuts, showTheaterExample, } = this;
|
177
|
-
console.log('&&&& item nav properties', {
|
178
|
-
loaded,
|
179
|
-
headerOn,
|
180
|
-
isViewAvailable,
|
181
|
-
showTheaterExample,
|
182
|
-
showPlaceholder,
|
183
|
-
fullscreen,
|
184
|
-
menuContents,
|
185
|
-
menuShortcuts,
|
186
|
-
});
|
167
|
+
`;
|
168
|
+
}
|
169
|
+
get isViewAvailable() {
|
170
|
+
if (this.showTheaterExample) {
|
171
|
+
return true;
|
172
|
+
}
|
173
|
+
return false;
|
174
|
+
}
|
175
|
+
render() {
|
176
|
+
const { isViewAvailable, loaded, showPlaceholder, headerOn, fullscreen, menuContents, menuShortcuts, showTheaterExample, } = this;
|
177
|
+
console.log('&&&& item nav properties', {
|
178
|
+
loaded,
|
179
|
+
headerOn,
|
180
|
+
isViewAvailable,
|
181
|
+
showTheaterExample,
|
182
|
+
showPlaceholder,
|
183
|
+
fullscreen,
|
184
|
+
menuContents,
|
185
|
+
menuShortcuts,
|
186
|
+
});
|
187
187
|
return html `
|
188
188
|
<h1>theater, in page</h1>
|
189
189
|
<section>
|
@@ -210,9 +210,9 @@ let AppRoot = class AppRoot extends LitElement {
|
|
210
210
|
<button @click=${this.toggleImmersion}>toggle immersion</button>
|
211
211
|
</div>
|
212
212
|
<modal-manager></modal-manager>
|
213
|
-
`;
|
214
|
-
}
|
215
|
-
};
|
213
|
+
`;
|
214
|
+
}
|
215
|
+
};
|
216
216
|
AppRoot.styles = css `
|
217
217
|
:host([fullscreen]),
|
218
218
|
:host([fullscreen]) section {
|
@@ -271,45 +271,45 @@ AppRoot.styles = css `
|
|
271
271
|
modal-manager[mode='closed'] {
|
272
272
|
display: none;
|
273
273
|
}
|
274
|
-
`;
|
275
|
-
__decorate([
|
276
|
-
property({ type: Object })
|
277
|
-
], AppRoot.prototype, "itemMD", void 0);
|
278
|
-
__decorate([
|
279
|
-
property({ type: String })
|
280
|
-
], AppRoot.prototype, "encodedManifest", void 0);
|
281
|
-
__decorate([
|
282
|
-
property({ attribute: false })
|
283
|
-
], AppRoot.prototype, "sharedObserver", void 0);
|
284
|
-
__decorate([
|
285
|
-
property({ type: Array, attribute: false })
|
286
|
-
], AppRoot.prototype, "menuContents", void 0);
|
287
|
-
__decorate([
|
288
|
-
property({ type: Array, attribute: false })
|
289
|
-
], AppRoot.prototype, "menuShortcuts", void 0);
|
290
|
-
__decorate([
|
291
|
-
property({ reflect: true, attribute: true })
|
292
|
-
], AppRoot.prototype, "fullscreen", void 0);
|
293
|
-
__decorate([
|
294
|
-
property({ reflect: true, attribute: true })
|
295
|
-
], AppRoot.prototype, "headerOn", void 0);
|
296
|
-
__decorate([
|
297
|
-
property({ reflect: true, attribute: true })
|
298
|
-
], AppRoot.prototype, "loaded", void 0);
|
299
|
-
__decorate([
|
300
|
-
property({ reflect: true, attribute: true })
|
301
|
-
], AppRoot.prototype, "showPlaceholder", void 0);
|
302
|
-
__decorate([
|
303
|
-
property({ reflect: true, attribute: true })
|
304
|
-
], AppRoot.prototype, "showTheaterExample", void 0);
|
305
|
-
__decorate([
|
306
|
-
query('ia-item-navigator')
|
307
|
-
], AppRoot.prototype, "itemNav", void 0);
|
308
|
-
__decorate([
|
309
|
-
query('modal-manager')
|
310
|
-
], AppRoot.prototype, "modalMgr", void 0);
|
311
|
-
AppRoot = __decorate([
|
312
|
-
customElement('app-root')
|
313
|
-
], AppRoot);
|
314
|
-
export { AppRoot };
|
274
|
+
`;
|
275
|
+
__decorate([
|
276
|
+
property({ type: Object })
|
277
|
+
], AppRoot.prototype, "itemMD", void 0);
|
278
|
+
__decorate([
|
279
|
+
property({ type: String })
|
280
|
+
], AppRoot.prototype, "encodedManifest", void 0);
|
281
|
+
__decorate([
|
282
|
+
property({ attribute: false })
|
283
|
+
], AppRoot.prototype, "sharedObserver", void 0);
|
284
|
+
__decorate([
|
285
|
+
property({ type: Array, attribute: false })
|
286
|
+
], AppRoot.prototype, "menuContents", void 0);
|
287
|
+
__decorate([
|
288
|
+
property({ type: Array, attribute: false })
|
289
|
+
], AppRoot.prototype, "menuShortcuts", void 0);
|
290
|
+
__decorate([
|
291
|
+
property({ reflect: true, attribute: true })
|
292
|
+
], AppRoot.prototype, "fullscreen", void 0);
|
293
|
+
__decorate([
|
294
|
+
property({ reflect: true, attribute: true })
|
295
|
+
], AppRoot.prototype, "headerOn", void 0);
|
296
|
+
__decorate([
|
297
|
+
property({ reflect: true, attribute: true })
|
298
|
+
], AppRoot.prototype, "loaded", void 0);
|
299
|
+
__decorate([
|
300
|
+
property({ reflect: true, attribute: true })
|
301
|
+
], AppRoot.prototype, "showPlaceholder", void 0);
|
302
|
+
__decorate([
|
303
|
+
property({ reflect: true, attribute: true })
|
304
|
+
], AppRoot.prototype, "showTheaterExample", void 0);
|
305
|
+
__decorate([
|
306
|
+
query('ia-item-navigator')
|
307
|
+
], AppRoot.prototype, "itemNav", void 0);
|
308
|
+
__decorate([
|
309
|
+
query('modal-manager')
|
310
|
+
], AppRoot.prototype, "modalMgr", void 0);
|
311
|
+
AppRoot = __decorate([
|
312
|
+
customElement('app-root')
|
313
|
+
], AppRoot);
|
314
|
+
export { AppRoot };
|
315
315
|
//# sourceMappingURL=app-root.js.map
|
package/dist/index.d.ts
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
export { ItemNavigator } from './src/item-navigator';
|
2
|
-
export { MenuButton } from './src/menu-slider/menu-button';
|
3
|
-
export { IaMenuSlider } from './src/menu-slider/ia-menu-slider';
|
1
|
+
export { ItemNavigator } from './src/item-navigator';
|
2
|
+
export { MenuButton } from './src/menu-slider/menu-button';
|
3
|
+
export { IaMenuSlider } from './src/menu-slider/ia-menu-slider';
|
package/dist/index.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export { ItemNavigator } from './src/item-navigator';
|
2
|
-
export { MenuButton } from './src/menu-slider/menu-button';
|
3
|
-
export { IaMenuSlider } from './src/menu-slider/ia-menu-slider';
|
1
|
+
export { ItemNavigator } from './src/item-navigator';
|
2
|
+
export { MenuButton } from './src/menu-slider/menu-button';
|
3
|
+
export { IaMenuSlider } from './src/menu-slider/ia-menu-slider';
|
4
4
|
//# sourceMappingURL=index.js.map
|
@@ -1,20 +1,20 @@
|
|
1
|
-
import { LitElement } from 'lit';
|
2
|
-
import { MetadataResponse } from '@internetarchive/search-service';
|
3
|
-
import { ModalManager } from '@internetarchive/modal-manager';
|
4
|
-
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
5
|
-
import { MenuProviderInterface, MenuShortcutInterface } from './menu-interfaces';
|
6
|
-
export interface CustomTheaterInterface extends LitElement {
|
7
|
-
baseHost?: string;
|
8
|
-
itemMD?: MetadataResponse;
|
9
|
-
menuProviders?: MenuProviderInterface[];
|
10
|
-
menuShortcuts?: MenuShortcutInterface[];
|
11
|
-
sideMenuOpen: boolean;
|
12
|
-
signedIn?: boolean | null;
|
13
|
-
sharedObserver?: SharedResizeObserver;
|
14
|
-
modal?: ModalManager;
|
15
|
-
emitLoadingStatusUpdate: (loaded: boolean) => void;
|
16
|
-
addMenuShortcut: (menuId: string) => void;
|
17
|
-
removeMenuShortcut: (menuId: string) => void;
|
18
|
-
sortMenuShortcuts: () => void;
|
19
|
-
emitMenuShortcutsUpdated: () => void;
|
20
|
-
}
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
import { MetadataResponse } from '@internetarchive/search-service';
|
3
|
+
import { ModalManager } from '@internetarchive/modal-manager';
|
4
|
+
import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
|
5
|
+
import { MenuProviderInterface, MenuShortcutInterface } from './menu-interfaces';
|
6
|
+
export interface CustomTheaterInterface extends LitElement {
|
7
|
+
baseHost?: string;
|
8
|
+
itemMD?: MetadataResponse;
|
9
|
+
menuProviders?: MenuProviderInterface[];
|
10
|
+
menuShortcuts?: MenuShortcutInterface[];
|
11
|
+
sideMenuOpen: boolean;
|
12
|
+
signedIn?: boolean | null;
|
13
|
+
sharedObserver?: SharedResizeObserver;
|
14
|
+
modal?: ModalManager;
|
15
|
+
emitLoadingStatusUpdate: (loaded: boolean) => void;
|
16
|
+
addMenuShortcut: (menuId: string) => void;
|
17
|
+
removeMenuShortcut: (menuId: string) => void;
|
18
|
+
sortMenuShortcuts: () => void;
|
19
|
+
emitMenuShortcutsUpdated: () => void;
|
20
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export {};
|
1
|
+
export {};
|
2
2
|
//# sourceMappingURL=custom-theater-interface.js.map
|