@internetarchive/modal-manager 0.2.8 → 0.2.9-alpha.2
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/.editorconfig +29 -29
- package/.eslintrc.js +14 -14
- package/.github/workflows/ci.yml +26 -26
- package/LICENSE +661 -661
- package/README.md +139 -139
- package/custom-elements.json +170 -170
- package/demo/index.html +278 -278
- package/dist/index.d.ts +7 -7
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/src/modal-config.d.ts +92 -92
- package/dist/src/modal-config.js +22 -22
- package/dist/src/modal-config.js.map +1 -1
- package/dist/src/modal-manager-host-bridge-interface.d.ts +12 -12
- package/dist/src/modal-manager-host-bridge-interface.js.map +1 -1
- package/dist/src/modal-manager-host-bridge.d.ts +34 -34
- package/dist/src/modal-manager-host-bridge.js +62 -62
- package/dist/src/modal-manager-host-bridge.js.map +1 -1
- package/dist/src/modal-manager-interface.d.ts +25 -25
- package/dist/src/modal-manager-interface.js.map +1 -1
- package/dist/src/modal-manager-mode.d.ts +10 -10
- package/dist/src/modal-manager-mode.js +11 -11
- package/dist/src/modal-manager-mode.js.map +1 -1
- package/dist/src/modal-manager.d.ts +108 -108
- package/dist/src/modal-manager.js +189 -189
- package/dist/src/modal-manager.js.map +1 -1
- package/dist/src/modal-template.d.ts +32 -32
- package/dist/src/modal-template.js +276 -276
- package/dist/src/modal-template.js.map +1 -1
- package/dist/test/modal-config.test.d.ts +1 -1
- package/dist/test/modal-config.test.js +61 -61
- package/dist/test/modal-config.test.js.map +1 -1
- package/dist/test/modal-manager.test.d.ts +1 -1
- package/dist/test/modal-manager.test.js +200 -200
- package/dist/test/modal-manager.test.js.map +1 -1
- package/dist/test/modal-template.test.d.ts +1 -1
- package/dist/test/modal-template.test.js +95 -95
- package/dist/test/modal-template.test.js.map +1 -1
- package/docs/assets/css/main.css +2678 -2678
- package/docs/classes/_src_modal_config_.modalconfig.html +429 -429
- package/docs/classes/_src_modal_manager_.modalmanager.html +7702 -7702
- package/docs/classes/_src_modal_manager_host_bridge_.modalmanagerhostbridge.html +409 -409
- package/docs/classes/_src_modal_template_.modaltemplate.html +7096 -7096
- package/docs/enums/_src_modal_manager_mode_.modalmanagermode.html +196 -196
- package/docs/globals.html +150 -150
- package/docs/index.html +252 -252
- package/docs/interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html +210 -210
- package/docs/interfaces/_src_modal_manager_interface_.modalmanagerinterface.html +7095 -7095
- package/docs/modules/_index_.html +208 -208
- package/docs/modules/_src_modal_config_.html +146 -146
- package/docs/modules/_src_modal_manager_.html +146 -146
- package/docs/modules/_src_modal_manager_host_bridge_.html +146 -146
- package/docs/modules/_src_modal_manager_host_bridge_interface_.html +146 -146
- package/docs/modules/_src_modal_manager_interface_.html +146 -146
- package/docs/modules/_src_modal_manager_mode_.html +146 -146
- package/docs/modules/_src_modal_template_.html +146 -146
- package/docs/modules/_test_modal_config_test_.html +106 -106
- package/docs/modules/_test_modal_manager_test_.html +106 -106
- package/docs/modules/_test_modal_template_test_.html +106 -106
- package/index.ts +7 -7
- package/karma.conf.js +24 -24
- package/package.json +82 -82
- package/src/modal-config.ts +117 -117
- package/src/modal-manager-host-bridge-interface.ts +13 -13
- package/src/modal-manager-host-bridge.ts +82 -82
- package/src/modal-manager-interface.ts +28 -28
- package/src/modal-manager-mode.ts +10 -10
- package/src/modal-manager.ts +228 -228
- package/src/modal-template.ts +279 -279
- package/test/modal-config.test.ts +69 -69
- package/test/modal-manager.test.ts +245 -245
- package/test/modal-template.test.ts +111 -111
- package/tsconfig.json +20 -20
|
@@ -1,410 +1,410 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html class="default no-js">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
-
<title>ModalManagerHostBridge | @internetarchive/modal-manager</title>
|
|
7
|
-
<meta name="description" content="Documentation for @internetarchive/modal-manager">
|
|
8
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
-
<link rel="stylesheet" href="../assets/css/main.css">
|
|
10
|
-
</head>
|
|
11
|
-
<body>
|
|
12
|
-
<header>
|
|
13
|
-
<div class="tsd-page-toolbar">
|
|
14
|
-
<div class="container">
|
|
15
|
-
<div class="table-wrap">
|
|
16
|
-
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
|
|
17
|
-
<div class="field">
|
|
18
|
-
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
|
|
19
|
-
<input id="tsd-search-field" type="text" />
|
|
20
|
-
</div>
|
|
21
|
-
<ul class="results">
|
|
22
|
-
<li class="state loading">Preparing search index...</li>
|
|
23
|
-
<li class="state failure">The search index is not available</li>
|
|
24
|
-
</ul>
|
|
25
|
-
<a href="../index.html" class="title">@internetarchive/modal-manager</a>
|
|
26
|
-
</div>
|
|
27
|
-
<div class="table-cell" id="tsd-widgets">
|
|
28
|
-
<div id="tsd-filter">
|
|
29
|
-
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
|
|
30
|
-
<div class="tsd-filter-group">
|
|
31
|
-
<div class="tsd-select" id="tsd-filter-visibility">
|
|
32
|
-
<span class="tsd-select-label">All</span>
|
|
33
|
-
<ul class="tsd-select-list">
|
|
34
|
-
<li data-value="public">Public</li>
|
|
35
|
-
<li data-value="protected">Public/Protected</li>
|
|
36
|
-
<li data-value="private" class="selected">All</li>
|
|
37
|
-
</ul>
|
|
38
|
-
</div>
|
|
39
|
-
<input type="checkbox" id="tsd-filter-inherited" checked />
|
|
40
|
-
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
|
|
41
|
-
<input type="checkbox" id="tsd-filter-externals" checked />
|
|
42
|
-
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
|
|
43
|
-
<input type="checkbox" id="tsd-filter-only-exported" />
|
|
44
|
-
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
<div class="tsd-page-title">
|
|
53
|
-
<div class="container">
|
|
54
|
-
<ul class="tsd-breadcrumb">
|
|
55
|
-
<li>
|
|
56
|
-
<a href="../globals.html">Globals</a>
|
|
57
|
-
</li>
|
|
58
|
-
<li>
|
|
59
|
-
<a href="../modules/_src_modal_manager_host_bridge_.html">"src/modal-manager-host-bridge"</a>
|
|
60
|
-
</li>
|
|
61
|
-
<li>
|
|
62
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html">ModalManagerHostBridge</a>
|
|
63
|
-
</li>
|
|
64
|
-
</ul>
|
|
65
|
-
<h1>Class ModalManagerHostBridge</h1>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
</header>
|
|
69
|
-
<div class="container container-main">
|
|
70
|
-
<div class="row">
|
|
71
|
-
<div class="col-8 col-content">
|
|
72
|
-
<section class="tsd-panel tsd-comment">
|
|
73
|
-
<div class="tsd-comment tsd-typography">
|
|
74
|
-
<div class="lead">
|
|
75
|
-
<p>The <code>ModalManagerHostBridge</code> is a bridge between the <code>ModalManager</code> and the
|
|
76
|
-
host that sets up environment-specific changes when the modal opens and closes.</p>
|
|
77
|
-
</div>
|
|
78
|
-
<p>For instance, when the modal opens, this adds a class to the <code><body></code> tag for styling
|
|
79
|
-
and adds a <code>resize</code> listener to fix a Safari shadow root issue.</p>
|
|
80
|
-
<p>Consumers can create their own <code>ModalManagerHostBridgeInterface</code> classes and pass
|
|
81
|
-
them into the <code>ModalManager</code> if this one does not work for their environment.</p>
|
|
82
|
-
<dl class="tsd-comment-tags">
|
|
83
|
-
<dt>export</dt>
|
|
84
|
-
<dd></dd>
|
|
85
|
-
<dt>implements</dt>
|
|
86
|
-
<dd><p>{ModalManagerHostBridgeInterface}</p>
|
|
87
|
-
</dd>
|
|
88
|
-
</dl>
|
|
89
|
-
</div>
|
|
90
|
-
</section>
|
|
91
|
-
<section class="tsd-panel tsd-hierarchy">
|
|
92
|
-
<h3>Hierarchy</h3>
|
|
93
|
-
<ul class="tsd-hierarchy">
|
|
94
|
-
<li>
|
|
95
|
-
<span class="target">ModalManagerHostBridge</span>
|
|
96
|
-
</li>
|
|
97
|
-
</ul>
|
|
98
|
-
</section>
|
|
99
|
-
<section class="tsd-panel">
|
|
100
|
-
<h3>Implements</h3>
|
|
101
|
-
<ul class="tsd-hierarchy">
|
|
102
|
-
<li><a href="../interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html" class="tsd-signature-type">ModalManagerHostBridgeInterface</a></li>
|
|
103
|
-
</ul>
|
|
104
|
-
</section>
|
|
105
|
-
<section class="tsd-panel-group tsd-index-group">
|
|
106
|
-
<h2>Index</h2>
|
|
107
|
-
<section class="tsd-panel tsd-index-panel">
|
|
108
|
-
<div class="tsd-index-content">
|
|
109
|
-
<section class="tsd-index-section ">
|
|
110
|
-
<h3>Constructors</h3>
|
|
111
|
-
<ul class="tsd-index-list">
|
|
112
|
-
<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#constructor" class="tsd-kind-icon">constructor</a></li>
|
|
113
|
-
</ul>
|
|
114
|
-
</section>
|
|
115
|
-
<section class="tsd-index-section tsd-is-private tsd-is-private-protected">
|
|
116
|
-
<h3>Properties</h3>
|
|
117
|
-
<ul class="tsd-index-list">
|
|
118
|
-
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#modalmanager" class="tsd-kind-icon">modal<wbr>Manager</a></li>
|
|
119
|
-
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#windowresizethrottler" class="tsd-kind-icon">window<wbr>Resize<wbr>Throttler</a></li>
|
|
120
|
-
</ul>
|
|
121
|
-
</section>
|
|
122
|
-
<section class="tsd-index-section tsd-is-private tsd-is-private-protected">
|
|
123
|
-
<h3>Methods</h3>
|
|
124
|
-
<ul class="tsd-index-list">
|
|
125
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#handlemodechange" class="tsd-kind-icon">handle<wbr>Mode<wbr>Change</a></li>
|
|
126
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#resumedocumentscroll" class="tsd-kind-icon">resume<wbr>Document<wbr>Scroll</a></li>
|
|
127
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#startresizelistener" class="tsd-kind-icon">start<wbr>Resize<wbr>Listener</a></li>
|
|
128
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopdocumentscroll" class="tsd-kind-icon">stop<wbr>Document<wbr>Scroll</a></li>
|
|
129
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopresizelistener" class="tsd-kind-icon">stop<wbr>Resize<wbr>Listener</a></li>
|
|
130
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#updatemodalcontainerheight" class="tsd-kind-icon">update<wbr>Modal<wbr>Container<wbr>Height</a></li>
|
|
131
|
-
</ul>
|
|
132
|
-
</section>
|
|
133
|
-
</div>
|
|
134
|
-
</section>
|
|
135
|
-
</section>
|
|
136
|
-
<section class="tsd-panel-group tsd-member-group ">
|
|
137
|
-
<h2>Constructors</h2>
|
|
138
|
-
<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
|
|
139
|
-
<a name="constructor" class="tsd-anchor"></a>
|
|
140
|
-
<h3>constructor</h3>
|
|
141
|
-
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
|
|
142
|
-
<li class="tsd-signature tsd-kind-icon">new <wbr>Modal<wbr>Manager<wbr>Host<wbr>Bridge<span class="tsd-signature-symbol">(</span>modalManager<span class="tsd-signature-symbol">: </span><a href="../interfaces/_src_modal_manager_interface_.modalmanagerinterface.html" class="tsd-signature-type">ModalManagerInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html" class="tsd-signature-type">ModalManagerHostBridge</a></li>
|
|
143
|
-
</ul>
|
|
144
|
-
<ul class="tsd-descriptions">
|
|
145
|
-
<li class="tsd-description">
|
|
146
|
-
<aside class="tsd-sources">
|
|
147
|
-
<ul>
|
|
148
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L22">src/modal-manager-host-bridge.ts:22</a></li>
|
|
149
|
-
</ul>
|
|
150
|
-
</aside>
|
|
151
|
-
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
152
|
-
<ul class="tsd-parameters">
|
|
153
|
-
<li>
|
|
154
|
-
<h5>modalManager: <a href="../interfaces/_src_modal_manager_interface_.modalmanagerinterface.html" class="tsd-signature-type">ModalManagerInterface</a></h5>
|
|
155
|
-
</li>
|
|
156
|
-
</ul>
|
|
157
|
-
<h4 class="tsd-returns-title">Returns <a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html" class="tsd-signature-type">ModalManagerHostBridge</a></h4>
|
|
158
|
-
</li>
|
|
159
|
-
</ul>
|
|
160
|
-
</section>
|
|
161
|
-
</section>
|
|
162
|
-
<section class="tsd-panel-group tsd-member-group tsd-is-private tsd-is-private-protected">
|
|
163
|
-
<h2>Properties</h2>
|
|
164
|
-
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
165
|
-
<a name="modalmanager" class="tsd-anchor"></a>
|
|
166
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> modal<wbr>Manager</h3>
|
|
167
|
-
<div class="tsd-signature tsd-kind-icon">modal<wbr>Manager<span class="tsd-signature-symbol">:</span> <a href="../interfaces/_src_modal_manager_interface_.modalmanagerinterface.html" class="tsd-signature-type">ModalManagerInterface</a></div>
|
|
168
|
-
<aside class="tsd-sources">
|
|
169
|
-
<ul>
|
|
170
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L22">src/modal-manager-host-bridge.ts:22</a></li>
|
|
171
|
-
</ul>
|
|
172
|
-
</aside>
|
|
173
|
-
</section>
|
|
174
|
-
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
175
|
-
<a name="windowresizethrottler" class="tsd-anchor"></a>
|
|
176
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> window<wbr>Resize<wbr>Throttler</h3>
|
|
177
|
-
<div class="tsd-signature tsd-kind-icon">window<wbr>Resize<wbr>Throttler<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">throttle</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = throttle(100,false,this.updateModalContainerHeight).bind(this)</span></div>
|
|
178
|
-
<aside class="tsd-sources">
|
|
179
|
-
<ul>
|
|
180
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L47">src/modal-manager-host-bridge.ts:47</a></li>
|
|
181
|
-
</ul>
|
|
182
|
-
</aside>
|
|
183
|
-
</section>
|
|
184
|
-
</section>
|
|
185
|
-
<section class="tsd-panel-group tsd-member-group tsd-is-private tsd-is-private-protected">
|
|
186
|
-
<h2>Methods</h2>
|
|
187
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
188
|
-
<a name="handlemodechange" class="tsd-anchor"></a>
|
|
189
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> handle<wbr>Mode<wbr>Change</h3>
|
|
190
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
191
|
-
<li class="tsd-signature tsd-kind-icon">handle<wbr>Mode<wbr>Change<span class="tsd-signature-symbol">(</span>mode<span class="tsd-signature-symbol">: </span><a href="../enums/_src_modal_manager_mode_.modalmanagermode.html" class="tsd-signature-type">ModalManagerMode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
192
|
-
</ul>
|
|
193
|
-
<ul class="tsd-descriptions">
|
|
194
|
-
<li class="tsd-description">
|
|
195
|
-
<aside class="tsd-sources">
|
|
196
|
-
<p>Implementation of <a href="../interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html">ModalManagerHostBridgeInterface</a>.<a href="../interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html#handlemodechange">handleModeChange</a></p>
|
|
197
|
-
<ul>
|
|
198
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L34">src/modal-manager-host-bridge.ts:34</a></li>
|
|
199
|
-
</ul>
|
|
200
|
-
</aside>
|
|
201
|
-
<div class="tsd-comment tsd-typography">
|
|
202
|
-
<div class="lead">
|
|
203
|
-
<p>Handle the mode change</p>
|
|
204
|
-
</div>
|
|
205
|
-
<dl class="tsd-comment-tags">
|
|
206
|
-
<dt>memberof</dt>
|
|
207
|
-
<dd><p>ModalManager</p>
|
|
208
|
-
</dd>
|
|
209
|
-
</dl>
|
|
210
|
-
</div>
|
|
211
|
-
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
212
|
-
<ul class="tsd-parameters">
|
|
213
|
-
<li>
|
|
214
|
-
<h5>mode: <a href="../enums/_src_modal_manager_mode_.modalmanagermode.html" class="tsd-signature-type">ModalManagerMode</a></h5>
|
|
215
|
-
</li>
|
|
216
|
-
</ul>
|
|
217
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
218
|
-
</li>
|
|
219
|
-
</ul>
|
|
220
|
-
</section>
|
|
221
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
222
|
-
<a name="resumedocumentscroll" class="tsd-anchor"></a>
|
|
223
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> resume<wbr>Document<wbr>Scroll</h3>
|
|
224
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
225
|
-
<li class="tsd-signature tsd-kind-icon">resume<wbr>Document<wbr>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
226
|
-
</ul>
|
|
227
|
-
<ul class="tsd-descriptions">
|
|
228
|
-
<li class="tsd-description">
|
|
229
|
-
<aside class="tsd-sources">
|
|
230
|
-
<ul>
|
|
231
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L71">src/modal-manager-host-bridge.ts:71</a></li>
|
|
232
|
-
</ul>
|
|
233
|
-
</aside>
|
|
234
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
235
|
-
</li>
|
|
236
|
-
</ul>
|
|
237
|
-
</section>
|
|
238
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
239
|
-
<a name="startresizelistener" class="tsd-anchor"></a>
|
|
240
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> start<wbr>Resize<wbr>Listener</h3>
|
|
241
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
242
|
-
<li class="tsd-signature tsd-kind-icon">start<wbr>Resize<wbr>Listener<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
243
|
-
</ul>
|
|
244
|
-
<ul class="tsd-descriptions">
|
|
245
|
-
<li class="tsd-description">
|
|
246
|
-
<aside class="tsd-sources">
|
|
247
|
-
<ul>
|
|
248
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L75">src/modal-manager-host-bridge.ts:75</a></li>
|
|
249
|
-
</ul>
|
|
250
|
-
</aside>
|
|
251
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
252
|
-
</li>
|
|
253
|
-
</ul>
|
|
254
|
-
</section>
|
|
255
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
256
|
-
<a name="stopdocumentscroll" class="tsd-anchor"></a>
|
|
257
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> stop<wbr>Document<wbr>Scroll</h3>
|
|
258
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
259
|
-
<li class="tsd-signature tsd-kind-icon">stop<wbr>Document<wbr>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
260
|
-
</ul>
|
|
261
|
-
<ul class="tsd-descriptions">
|
|
262
|
-
<li class="tsd-description">
|
|
263
|
-
<aside class="tsd-sources">
|
|
264
|
-
<ul>
|
|
265
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L67">src/modal-manager-host-bridge.ts:67</a></li>
|
|
266
|
-
</ul>
|
|
267
|
-
</aside>
|
|
268
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
269
|
-
</li>
|
|
270
|
-
</ul>
|
|
271
|
-
</section>
|
|
272
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
273
|
-
<a name="stopresizelistener" class="tsd-anchor"></a>
|
|
274
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> stop<wbr>Resize<wbr>Listener</h3>
|
|
275
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
276
|
-
<li class="tsd-signature tsd-kind-icon">stop<wbr>Resize<wbr>Listener<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
277
|
-
</ul>
|
|
278
|
-
<ul class="tsd-descriptions">
|
|
279
|
-
<li class="tsd-description">
|
|
280
|
-
<aside class="tsd-sources">
|
|
281
|
-
<ul>
|
|
282
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L79">src/modal-manager-host-bridge.ts:79</a></li>
|
|
283
|
-
</ul>
|
|
284
|
-
</aside>
|
|
285
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
286
|
-
</li>
|
|
287
|
-
</ul>
|
|
288
|
-
</section>
|
|
289
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
290
|
-
<a name="updatemodalcontainerheight" class="tsd-anchor"></a>
|
|
291
|
-
<h3><span class="tsd-flag ts-flagPrivate">Private</span> update<wbr>Modal<wbr>Container<wbr>Height</h3>
|
|
292
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
293
|
-
<li class="tsd-signature tsd-kind-icon">update<wbr>Modal<wbr>Container<wbr>Height<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
294
|
-
</ul>
|
|
295
|
-
<ul class="tsd-descriptions">
|
|
296
|
-
<li class="tsd-description">
|
|
297
|
-
<aside class="tsd-sources">
|
|
298
|
-
<ul>
|
|
299
|
-
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L60">src/modal-manager-host-bridge.ts:60</a></li>
|
|
300
|
-
</ul>
|
|
301
|
-
</aside>
|
|
302
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
303
|
-
</li>
|
|
304
|
-
</ul>
|
|
305
|
-
</section>
|
|
306
|
-
</section>
|
|
307
|
-
</div>
|
|
308
|
-
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
|
309
|
-
<nav class="tsd-navigation primary">
|
|
310
|
-
<ul>
|
|
311
|
-
<li class="globals ">
|
|
312
|
-
<a href="../globals.html"><em>Globals</em></a>
|
|
313
|
-
</li>
|
|
314
|
-
<li class=" tsd-kind-module">
|
|
315
|
-
<a href="../modules/_index_.html">"index"</a>
|
|
316
|
-
</li>
|
|
317
|
-
<li class=" tsd-kind-module">
|
|
318
|
-
<a href="../modules/_src_modal_config_.html">"src/modal-<wbr>config"</a>
|
|
319
|
-
</li>
|
|
320
|
-
<li class=" tsd-kind-module">
|
|
321
|
-
<a href="../modules/_src_modal_manager_.html">"src/modal-<wbr>manager"</a>
|
|
322
|
-
</li>
|
|
323
|
-
<li class="current tsd-kind-module">
|
|
324
|
-
<a href="../modules/_src_modal_manager_host_bridge_.html">"src/modal-<wbr>manager-<wbr>host-<wbr>bridge"</a>
|
|
325
|
-
</li>
|
|
326
|
-
<li class=" tsd-kind-module">
|
|
327
|
-
<a href="../modules/_src_modal_manager_host_bridge_interface_.html">"src/modal-<wbr>manager-<wbr>host-<wbr>bridge-<wbr>interface"</a>
|
|
328
|
-
</li>
|
|
329
|
-
<li class=" tsd-kind-module">
|
|
330
|
-
<a href="../modules/_src_modal_manager_interface_.html">"src/modal-<wbr>manager-<wbr>interface"</a>
|
|
331
|
-
</li>
|
|
332
|
-
<li class=" tsd-kind-module">
|
|
333
|
-
<a href="../modules/_src_modal_manager_mode_.html">"src/modal-<wbr>manager-<wbr>mode"</a>
|
|
334
|
-
</li>
|
|
335
|
-
<li class=" tsd-kind-module">
|
|
336
|
-
<a href="../modules/_src_modal_template_.html">"src/modal-<wbr>template"</a>
|
|
337
|
-
</li>
|
|
338
|
-
</ul>
|
|
339
|
-
</nav>
|
|
340
|
-
<nav class="tsd-navigation secondary menu-sticky">
|
|
341
|
-
<ul class="before-current">
|
|
342
|
-
</ul>
|
|
343
|
-
<ul class="current">
|
|
344
|
-
<li class="current tsd-kind-class tsd-parent-kind-module">
|
|
345
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html" class="tsd-kind-icon">Modal<wbr>Manager<wbr>Host<wbr>Bridge</a>
|
|
346
|
-
<ul>
|
|
347
|
-
<li class=" tsd-kind-constructor tsd-parent-kind-class">
|
|
348
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#constructor" class="tsd-kind-icon">constructor</a>
|
|
349
|
-
</li>
|
|
350
|
-
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
351
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#modalmanager" class="tsd-kind-icon">modal<wbr>Manager</a>
|
|
352
|
-
</li>
|
|
353
|
-
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
354
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#windowresizethrottler" class="tsd-kind-icon">window<wbr>Resize<wbr>Throttler</a>
|
|
355
|
-
</li>
|
|
356
|
-
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
357
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#handlemodechange" class="tsd-kind-icon">handle<wbr>Mode<wbr>Change</a>
|
|
358
|
-
</li>
|
|
359
|
-
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
360
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#resumedocumentscroll" class="tsd-kind-icon">resume<wbr>Document<wbr>Scroll</a>
|
|
361
|
-
</li>
|
|
362
|
-
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
363
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#startresizelistener" class="tsd-kind-icon">start<wbr>Resize<wbr>Listener</a>
|
|
364
|
-
</li>
|
|
365
|
-
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
366
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopdocumentscroll" class="tsd-kind-icon">stop<wbr>Document<wbr>Scroll</a>
|
|
367
|
-
</li>
|
|
368
|
-
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
369
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopresizelistener" class="tsd-kind-icon">stop<wbr>Resize<wbr>Listener</a>
|
|
370
|
-
</li>
|
|
371
|
-
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
372
|
-
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#updatemodalcontainerheight" class="tsd-kind-icon">update<wbr>Modal<wbr>Container<wbr>Height</a>
|
|
373
|
-
</li>
|
|
374
|
-
</ul>
|
|
375
|
-
</li>
|
|
376
|
-
</ul>
|
|
377
|
-
<ul class="after-current">
|
|
378
|
-
</ul>
|
|
379
|
-
</nav>
|
|
380
|
-
</div>
|
|
381
|
-
</div>
|
|
382
|
-
</div>
|
|
383
|
-
<footer class="with-border-bottom">
|
|
384
|
-
<div class="container">
|
|
385
|
-
<h2>Legend</h2>
|
|
386
|
-
<div class="tsd-legend-group">
|
|
387
|
-
<ul class="tsd-legend">
|
|
388
|
-
<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
|
|
389
|
-
<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
|
|
390
|
-
</ul>
|
|
391
|
-
<ul class="tsd-legend">
|
|
392
|
-
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private property</span></li>
|
|
393
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
|
|
394
|
-
</ul>
|
|
395
|
-
<ul class="tsd-legend">
|
|
396
|
-
<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
|
|
397
|
-
</ul>
|
|
398
|
-
<ul class="tsd-legend">
|
|
399
|
-
<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
|
|
400
|
-
</ul>
|
|
401
|
-
</div>
|
|
402
|
-
</div>
|
|
403
|
-
</footer>
|
|
404
|
-
<div class="container tsd-generator">
|
|
405
|
-
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
|
406
|
-
</div>
|
|
407
|
-
<div class="overlay"></div>
|
|
408
|
-
<script src="../assets/js/main.js"></script>
|
|
409
|
-
</body>
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html class="default no-js">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
+
<title>ModalManagerHostBridge | @internetarchive/modal-manager</title>
|
|
7
|
+
<meta name="description" content="Documentation for @internetarchive/modal-manager">
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
+
<link rel="stylesheet" href="../assets/css/main.css">
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<header>
|
|
13
|
+
<div class="tsd-page-toolbar">
|
|
14
|
+
<div class="container">
|
|
15
|
+
<div class="table-wrap">
|
|
16
|
+
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
|
|
17
|
+
<div class="field">
|
|
18
|
+
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
|
|
19
|
+
<input id="tsd-search-field" type="text" />
|
|
20
|
+
</div>
|
|
21
|
+
<ul class="results">
|
|
22
|
+
<li class="state loading">Preparing search index...</li>
|
|
23
|
+
<li class="state failure">The search index is not available</li>
|
|
24
|
+
</ul>
|
|
25
|
+
<a href="../index.html" class="title">@internetarchive/modal-manager</a>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="table-cell" id="tsd-widgets">
|
|
28
|
+
<div id="tsd-filter">
|
|
29
|
+
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
|
|
30
|
+
<div class="tsd-filter-group">
|
|
31
|
+
<div class="tsd-select" id="tsd-filter-visibility">
|
|
32
|
+
<span class="tsd-select-label">All</span>
|
|
33
|
+
<ul class="tsd-select-list">
|
|
34
|
+
<li data-value="public">Public</li>
|
|
35
|
+
<li data-value="protected">Public/Protected</li>
|
|
36
|
+
<li data-value="private" class="selected">All</li>
|
|
37
|
+
</ul>
|
|
38
|
+
</div>
|
|
39
|
+
<input type="checkbox" id="tsd-filter-inherited" checked />
|
|
40
|
+
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
|
|
41
|
+
<input type="checkbox" id="tsd-filter-externals" checked />
|
|
42
|
+
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
|
|
43
|
+
<input type="checkbox" id="tsd-filter-only-exported" />
|
|
44
|
+
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="tsd-page-title">
|
|
53
|
+
<div class="container">
|
|
54
|
+
<ul class="tsd-breadcrumb">
|
|
55
|
+
<li>
|
|
56
|
+
<a href="../globals.html">Globals</a>
|
|
57
|
+
</li>
|
|
58
|
+
<li>
|
|
59
|
+
<a href="../modules/_src_modal_manager_host_bridge_.html">"src/modal-manager-host-bridge"</a>
|
|
60
|
+
</li>
|
|
61
|
+
<li>
|
|
62
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html">ModalManagerHostBridge</a>
|
|
63
|
+
</li>
|
|
64
|
+
</ul>
|
|
65
|
+
<h1>Class ModalManagerHostBridge</h1>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
</header>
|
|
69
|
+
<div class="container container-main">
|
|
70
|
+
<div class="row">
|
|
71
|
+
<div class="col-8 col-content">
|
|
72
|
+
<section class="tsd-panel tsd-comment">
|
|
73
|
+
<div class="tsd-comment tsd-typography">
|
|
74
|
+
<div class="lead">
|
|
75
|
+
<p>The <code>ModalManagerHostBridge</code> is a bridge between the <code>ModalManager</code> and the
|
|
76
|
+
host that sets up environment-specific changes when the modal opens and closes.</p>
|
|
77
|
+
</div>
|
|
78
|
+
<p>For instance, when the modal opens, this adds a class to the <code><body></code> tag for styling
|
|
79
|
+
and adds a <code>resize</code> listener to fix a Safari shadow root issue.</p>
|
|
80
|
+
<p>Consumers can create their own <code>ModalManagerHostBridgeInterface</code> classes and pass
|
|
81
|
+
them into the <code>ModalManager</code> if this one does not work for their environment.</p>
|
|
82
|
+
<dl class="tsd-comment-tags">
|
|
83
|
+
<dt>export</dt>
|
|
84
|
+
<dd></dd>
|
|
85
|
+
<dt>implements</dt>
|
|
86
|
+
<dd><p>{ModalManagerHostBridgeInterface}</p>
|
|
87
|
+
</dd>
|
|
88
|
+
</dl>
|
|
89
|
+
</div>
|
|
90
|
+
</section>
|
|
91
|
+
<section class="tsd-panel tsd-hierarchy">
|
|
92
|
+
<h3>Hierarchy</h3>
|
|
93
|
+
<ul class="tsd-hierarchy">
|
|
94
|
+
<li>
|
|
95
|
+
<span class="target">ModalManagerHostBridge</span>
|
|
96
|
+
</li>
|
|
97
|
+
</ul>
|
|
98
|
+
</section>
|
|
99
|
+
<section class="tsd-panel">
|
|
100
|
+
<h3>Implements</h3>
|
|
101
|
+
<ul class="tsd-hierarchy">
|
|
102
|
+
<li><a href="../interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html" class="tsd-signature-type">ModalManagerHostBridgeInterface</a></li>
|
|
103
|
+
</ul>
|
|
104
|
+
</section>
|
|
105
|
+
<section class="tsd-panel-group tsd-index-group">
|
|
106
|
+
<h2>Index</h2>
|
|
107
|
+
<section class="tsd-panel tsd-index-panel">
|
|
108
|
+
<div class="tsd-index-content">
|
|
109
|
+
<section class="tsd-index-section ">
|
|
110
|
+
<h3>Constructors</h3>
|
|
111
|
+
<ul class="tsd-index-list">
|
|
112
|
+
<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#constructor" class="tsd-kind-icon">constructor</a></li>
|
|
113
|
+
</ul>
|
|
114
|
+
</section>
|
|
115
|
+
<section class="tsd-index-section tsd-is-private tsd-is-private-protected">
|
|
116
|
+
<h3>Properties</h3>
|
|
117
|
+
<ul class="tsd-index-list">
|
|
118
|
+
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#modalmanager" class="tsd-kind-icon">modal<wbr>Manager</a></li>
|
|
119
|
+
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#windowresizethrottler" class="tsd-kind-icon">window<wbr>Resize<wbr>Throttler</a></li>
|
|
120
|
+
</ul>
|
|
121
|
+
</section>
|
|
122
|
+
<section class="tsd-index-section tsd-is-private tsd-is-private-protected">
|
|
123
|
+
<h3>Methods</h3>
|
|
124
|
+
<ul class="tsd-index-list">
|
|
125
|
+
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#handlemodechange" class="tsd-kind-icon">handle<wbr>Mode<wbr>Change</a></li>
|
|
126
|
+
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#resumedocumentscroll" class="tsd-kind-icon">resume<wbr>Document<wbr>Scroll</a></li>
|
|
127
|
+
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#startresizelistener" class="tsd-kind-icon">start<wbr>Resize<wbr>Listener</a></li>
|
|
128
|
+
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopdocumentscroll" class="tsd-kind-icon">stop<wbr>Document<wbr>Scroll</a></li>
|
|
129
|
+
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopresizelistener" class="tsd-kind-icon">stop<wbr>Resize<wbr>Listener</a></li>
|
|
130
|
+
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#updatemodalcontainerheight" class="tsd-kind-icon">update<wbr>Modal<wbr>Container<wbr>Height</a></li>
|
|
131
|
+
</ul>
|
|
132
|
+
</section>
|
|
133
|
+
</div>
|
|
134
|
+
</section>
|
|
135
|
+
</section>
|
|
136
|
+
<section class="tsd-panel-group tsd-member-group ">
|
|
137
|
+
<h2>Constructors</h2>
|
|
138
|
+
<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
|
|
139
|
+
<a name="constructor" class="tsd-anchor"></a>
|
|
140
|
+
<h3>constructor</h3>
|
|
141
|
+
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
|
|
142
|
+
<li class="tsd-signature tsd-kind-icon">new <wbr>Modal<wbr>Manager<wbr>Host<wbr>Bridge<span class="tsd-signature-symbol">(</span>modalManager<span class="tsd-signature-symbol">: </span><a href="../interfaces/_src_modal_manager_interface_.modalmanagerinterface.html" class="tsd-signature-type">ModalManagerInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html" class="tsd-signature-type">ModalManagerHostBridge</a></li>
|
|
143
|
+
</ul>
|
|
144
|
+
<ul class="tsd-descriptions">
|
|
145
|
+
<li class="tsd-description">
|
|
146
|
+
<aside class="tsd-sources">
|
|
147
|
+
<ul>
|
|
148
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L22">src/modal-manager-host-bridge.ts:22</a></li>
|
|
149
|
+
</ul>
|
|
150
|
+
</aside>
|
|
151
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
152
|
+
<ul class="tsd-parameters">
|
|
153
|
+
<li>
|
|
154
|
+
<h5>modalManager: <a href="../interfaces/_src_modal_manager_interface_.modalmanagerinterface.html" class="tsd-signature-type">ModalManagerInterface</a></h5>
|
|
155
|
+
</li>
|
|
156
|
+
</ul>
|
|
157
|
+
<h4 class="tsd-returns-title">Returns <a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html" class="tsd-signature-type">ModalManagerHostBridge</a></h4>
|
|
158
|
+
</li>
|
|
159
|
+
</ul>
|
|
160
|
+
</section>
|
|
161
|
+
</section>
|
|
162
|
+
<section class="tsd-panel-group tsd-member-group tsd-is-private tsd-is-private-protected">
|
|
163
|
+
<h2>Properties</h2>
|
|
164
|
+
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
165
|
+
<a name="modalmanager" class="tsd-anchor"></a>
|
|
166
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> modal<wbr>Manager</h3>
|
|
167
|
+
<div class="tsd-signature tsd-kind-icon">modal<wbr>Manager<span class="tsd-signature-symbol">:</span> <a href="../interfaces/_src_modal_manager_interface_.modalmanagerinterface.html" class="tsd-signature-type">ModalManagerInterface</a></div>
|
|
168
|
+
<aside class="tsd-sources">
|
|
169
|
+
<ul>
|
|
170
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L22">src/modal-manager-host-bridge.ts:22</a></li>
|
|
171
|
+
</ul>
|
|
172
|
+
</aside>
|
|
173
|
+
</section>
|
|
174
|
+
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
175
|
+
<a name="windowresizethrottler" class="tsd-anchor"></a>
|
|
176
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> window<wbr>Resize<wbr>Throttler</h3>
|
|
177
|
+
<div class="tsd-signature tsd-kind-icon">window<wbr>Resize<wbr>Throttler<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">throttle</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = throttle(100,false,this.updateModalContainerHeight).bind(this)</span></div>
|
|
178
|
+
<aside class="tsd-sources">
|
|
179
|
+
<ul>
|
|
180
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L47">src/modal-manager-host-bridge.ts:47</a></li>
|
|
181
|
+
</ul>
|
|
182
|
+
</aside>
|
|
183
|
+
</section>
|
|
184
|
+
</section>
|
|
185
|
+
<section class="tsd-panel-group tsd-member-group tsd-is-private tsd-is-private-protected">
|
|
186
|
+
<h2>Methods</h2>
|
|
187
|
+
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
188
|
+
<a name="handlemodechange" class="tsd-anchor"></a>
|
|
189
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> handle<wbr>Mode<wbr>Change</h3>
|
|
190
|
+
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
191
|
+
<li class="tsd-signature tsd-kind-icon">handle<wbr>Mode<wbr>Change<span class="tsd-signature-symbol">(</span>mode<span class="tsd-signature-symbol">: </span><a href="../enums/_src_modal_manager_mode_.modalmanagermode.html" class="tsd-signature-type">ModalManagerMode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
192
|
+
</ul>
|
|
193
|
+
<ul class="tsd-descriptions">
|
|
194
|
+
<li class="tsd-description">
|
|
195
|
+
<aside class="tsd-sources">
|
|
196
|
+
<p>Implementation of <a href="../interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html">ModalManagerHostBridgeInterface</a>.<a href="../interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html#handlemodechange">handleModeChange</a></p>
|
|
197
|
+
<ul>
|
|
198
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L34">src/modal-manager-host-bridge.ts:34</a></li>
|
|
199
|
+
</ul>
|
|
200
|
+
</aside>
|
|
201
|
+
<div class="tsd-comment tsd-typography">
|
|
202
|
+
<div class="lead">
|
|
203
|
+
<p>Handle the mode change</p>
|
|
204
|
+
</div>
|
|
205
|
+
<dl class="tsd-comment-tags">
|
|
206
|
+
<dt>memberof</dt>
|
|
207
|
+
<dd><p>ModalManager</p>
|
|
208
|
+
</dd>
|
|
209
|
+
</dl>
|
|
210
|
+
</div>
|
|
211
|
+
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
212
|
+
<ul class="tsd-parameters">
|
|
213
|
+
<li>
|
|
214
|
+
<h5>mode: <a href="../enums/_src_modal_manager_mode_.modalmanagermode.html" class="tsd-signature-type">ModalManagerMode</a></h5>
|
|
215
|
+
</li>
|
|
216
|
+
</ul>
|
|
217
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
218
|
+
</li>
|
|
219
|
+
</ul>
|
|
220
|
+
</section>
|
|
221
|
+
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
222
|
+
<a name="resumedocumentscroll" class="tsd-anchor"></a>
|
|
223
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> resume<wbr>Document<wbr>Scroll</h3>
|
|
224
|
+
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
225
|
+
<li class="tsd-signature tsd-kind-icon">resume<wbr>Document<wbr>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
226
|
+
</ul>
|
|
227
|
+
<ul class="tsd-descriptions">
|
|
228
|
+
<li class="tsd-description">
|
|
229
|
+
<aside class="tsd-sources">
|
|
230
|
+
<ul>
|
|
231
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L71">src/modal-manager-host-bridge.ts:71</a></li>
|
|
232
|
+
</ul>
|
|
233
|
+
</aside>
|
|
234
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
235
|
+
</li>
|
|
236
|
+
</ul>
|
|
237
|
+
</section>
|
|
238
|
+
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
239
|
+
<a name="startresizelistener" class="tsd-anchor"></a>
|
|
240
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> start<wbr>Resize<wbr>Listener</h3>
|
|
241
|
+
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
242
|
+
<li class="tsd-signature tsd-kind-icon">start<wbr>Resize<wbr>Listener<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
243
|
+
</ul>
|
|
244
|
+
<ul class="tsd-descriptions">
|
|
245
|
+
<li class="tsd-description">
|
|
246
|
+
<aside class="tsd-sources">
|
|
247
|
+
<ul>
|
|
248
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L75">src/modal-manager-host-bridge.ts:75</a></li>
|
|
249
|
+
</ul>
|
|
250
|
+
</aside>
|
|
251
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
252
|
+
</li>
|
|
253
|
+
</ul>
|
|
254
|
+
</section>
|
|
255
|
+
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
256
|
+
<a name="stopdocumentscroll" class="tsd-anchor"></a>
|
|
257
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> stop<wbr>Document<wbr>Scroll</h3>
|
|
258
|
+
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
259
|
+
<li class="tsd-signature tsd-kind-icon">stop<wbr>Document<wbr>Scroll<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
260
|
+
</ul>
|
|
261
|
+
<ul class="tsd-descriptions">
|
|
262
|
+
<li class="tsd-description">
|
|
263
|
+
<aside class="tsd-sources">
|
|
264
|
+
<ul>
|
|
265
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L67">src/modal-manager-host-bridge.ts:67</a></li>
|
|
266
|
+
</ul>
|
|
267
|
+
</aside>
|
|
268
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
269
|
+
</li>
|
|
270
|
+
</ul>
|
|
271
|
+
</section>
|
|
272
|
+
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
273
|
+
<a name="stopresizelistener" class="tsd-anchor"></a>
|
|
274
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> stop<wbr>Resize<wbr>Listener</h3>
|
|
275
|
+
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
276
|
+
<li class="tsd-signature tsd-kind-icon">stop<wbr>Resize<wbr>Listener<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
277
|
+
</ul>
|
|
278
|
+
<ul class="tsd-descriptions">
|
|
279
|
+
<li class="tsd-description">
|
|
280
|
+
<aside class="tsd-sources">
|
|
281
|
+
<ul>
|
|
282
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L79">src/modal-manager-host-bridge.ts:79</a></li>
|
|
283
|
+
</ul>
|
|
284
|
+
</aside>
|
|
285
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
286
|
+
</li>
|
|
287
|
+
</ul>
|
|
288
|
+
</section>
|
|
289
|
+
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
290
|
+
<a name="updatemodalcontainerheight" class="tsd-anchor"></a>
|
|
291
|
+
<h3><span class="tsd-flag ts-flagPrivate">Private</span> update<wbr>Modal<wbr>Container<wbr>Height</h3>
|
|
292
|
+
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
293
|
+
<li class="tsd-signature tsd-kind-icon">update<wbr>Modal<wbr>Container<wbr>Height<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
|
|
294
|
+
</ul>
|
|
295
|
+
<ul class="tsd-descriptions">
|
|
296
|
+
<li class="tsd-description">
|
|
297
|
+
<aside class="tsd-sources">
|
|
298
|
+
<ul>
|
|
299
|
+
<li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-manager-host-bridge.ts#L60">src/modal-manager-host-bridge.ts:60</a></li>
|
|
300
|
+
</ul>
|
|
301
|
+
</aside>
|
|
302
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
|
|
303
|
+
</li>
|
|
304
|
+
</ul>
|
|
305
|
+
</section>
|
|
306
|
+
</section>
|
|
307
|
+
</div>
|
|
308
|
+
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
|
309
|
+
<nav class="tsd-navigation primary">
|
|
310
|
+
<ul>
|
|
311
|
+
<li class="globals ">
|
|
312
|
+
<a href="../globals.html"><em>Globals</em></a>
|
|
313
|
+
</li>
|
|
314
|
+
<li class=" tsd-kind-module">
|
|
315
|
+
<a href="../modules/_index_.html">"index"</a>
|
|
316
|
+
</li>
|
|
317
|
+
<li class=" tsd-kind-module">
|
|
318
|
+
<a href="../modules/_src_modal_config_.html">"src/modal-<wbr>config"</a>
|
|
319
|
+
</li>
|
|
320
|
+
<li class=" tsd-kind-module">
|
|
321
|
+
<a href="../modules/_src_modal_manager_.html">"src/modal-<wbr>manager"</a>
|
|
322
|
+
</li>
|
|
323
|
+
<li class="current tsd-kind-module">
|
|
324
|
+
<a href="../modules/_src_modal_manager_host_bridge_.html">"src/modal-<wbr>manager-<wbr>host-<wbr>bridge"</a>
|
|
325
|
+
</li>
|
|
326
|
+
<li class=" tsd-kind-module">
|
|
327
|
+
<a href="../modules/_src_modal_manager_host_bridge_interface_.html">"src/modal-<wbr>manager-<wbr>host-<wbr>bridge-<wbr>interface"</a>
|
|
328
|
+
</li>
|
|
329
|
+
<li class=" tsd-kind-module">
|
|
330
|
+
<a href="../modules/_src_modal_manager_interface_.html">"src/modal-<wbr>manager-<wbr>interface"</a>
|
|
331
|
+
</li>
|
|
332
|
+
<li class=" tsd-kind-module">
|
|
333
|
+
<a href="../modules/_src_modal_manager_mode_.html">"src/modal-<wbr>manager-<wbr>mode"</a>
|
|
334
|
+
</li>
|
|
335
|
+
<li class=" tsd-kind-module">
|
|
336
|
+
<a href="../modules/_src_modal_template_.html">"src/modal-<wbr>template"</a>
|
|
337
|
+
</li>
|
|
338
|
+
</ul>
|
|
339
|
+
</nav>
|
|
340
|
+
<nav class="tsd-navigation secondary menu-sticky">
|
|
341
|
+
<ul class="before-current">
|
|
342
|
+
</ul>
|
|
343
|
+
<ul class="current">
|
|
344
|
+
<li class="current tsd-kind-class tsd-parent-kind-module">
|
|
345
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html" class="tsd-kind-icon">Modal<wbr>Manager<wbr>Host<wbr>Bridge</a>
|
|
346
|
+
<ul>
|
|
347
|
+
<li class=" tsd-kind-constructor tsd-parent-kind-class">
|
|
348
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#constructor" class="tsd-kind-icon">constructor</a>
|
|
349
|
+
</li>
|
|
350
|
+
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
351
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#modalmanager" class="tsd-kind-icon">modal<wbr>Manager</a>
|
|
352
|
+
</li>
|
|
353
|
+
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
|
|
354
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#windowresizethrottler" class="tsd-kind-icon">window<wbr>Resize<wbr>Throttler</a>
|
|
355
|
+
</li>
|
|
356
|
+
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
357
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#handlemodechange" class="tsd-kind-icon">handle<wbr>Mode<wbr>Change</a>
|
|
358
|
+
</li>
|
|
359
|
+
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
360
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#resumedocumentscroll" class="tsd-kind-icon">resume<wbr>Document<wbr>Scroll</a>
|
|
361
|
+
</li>
|
|
362
|
+
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
363
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#startresizelistener" class="tsd-kind-icon">start<wbr>Resize<wbr>Listener</a>
|
|
364
|
+
</li>
|
|
365
|
+
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
366
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopdocumentscroll" class="tsd-kind-icon">stop<wbr>Document<wbr>Scroll</a>
|
|
367
|
+
</li>
|
|
368
|
+
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
369
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#stopresizelistener" class="tsd-kind-icon">stop<wbr>Resize<wbr>Listener</a>
|
|
370
|
+
</li>
|
|
371
|
+
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
372
|
+
<a href="_src_modal_manager_host_bridge_.modalmanagerhostbridge.html#updatemodalcontainerheight" class="tsd-kind-icon">update<wbr>Modal<wbr>Container<wbr>Height</a>
|
|
373
|
+
</li>
|
|
374
|
+
</ul>
|
|
375
|
+
</li>
|
|
376
|
+
</ul>
|
|
377
|
+
<ul class="after-current">
|
|
378
|
+
</ul>
|
|
379
|
+
</nav>
|
|
380
|
+
</div>
|
|
381
|
+
</div>
|
|
382
|
+
</div>
|
|
383
|
+
<footer class="with-border-bottom">
|
|
384
|
+
<div class="container">
|
|
385
|
+
<h2>Legend</h2>
|
|
386
|
+
<div class="tsd-legend-group">
|
|
387
|
+
<ul class="tsd-legend">
|
|
388
|
+
<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
|
|
389
|
+
<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
|
|
390
|
+
</ul>
|
|
391
|
+
<ul class="tsd-legend">
|
|
392
|
+
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private property</span></li>
|
|
393
|
+
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
|
|
394
|
+
</ul>
|
|
395
|
+
<ul class="tsd-legend">
|
|
396
|
+
<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
|
|
397
|
+
</ul>
|
|
398
|
+
<ul class="tsd-legend">
|
|
399
|
+
<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
|
|
400
|
+
</ul>
|
|
401
|
+
</div>
|
|
402
|
+
</div>
|
|
403
|
+
</footer>
|
|
404
|
+
<div class="container tsd-generator">
|
|
405
|
+
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
|
406
|
+
</div>
|
|
407
|
+
<div class="overlay"></div>
|
|
408
|
+
<script src="../assets/js/main.js"></script>
|
|
409
|
+
</body>
|
|
410
410
|
</html>
|