@internetarchive/modal-manager 2.0.4 → 2.0.5-webdev-8155.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.
Files changed (101) hide show
  1. package/.editorconfig +29 -29
  2. package/.github/workflows/ci.yml +40 -30
  3. package/.github/workflows/gh-pages-main.yml +42 -42
  4. package/.github/workflows/pr-preview.yml +40 -40
  5. package/.prettierrc +4 -0
  6. package/.vscode/extensions.json +10 -0
  7. package/.vscode/tasks.json +12 -0
  8. package/LICENSE +661 -661
  9. package/README.md +139 -139
  10. package/custom-elements.json +170 -170
  11. package/demo/app-root.ts +366 -0
  12. package/dist/demo/app-root.d.ts +22 -0
  13. package/dist/demo/app-root.js +338 -0
  14. package/dist/demo/app-root.js.map +1 -0
  15. package/dist/index.d.ts +7 -7
  16. package/dist/index.js +5 -5
  17. package/dist/src/assets/arrow-left-icon.d.ts +2 -2
  18. package/dist/src/assets/arrow-left-icon.js +2 -2
  19. package/dist/src/assets/ia-logo-icon.d.ts +2 -2
  20. package/dist/src/assets/ia-logo-icon.js +2 -2
  21. package/dist/src/modal-config.d.ts +104 -104
  22. package/dist/src/modal-config.js +23 -24
  23. package/dist/src/modal-config.js.map +1 -1
  24. package/dist/src/modal-manager-host-bridge-interface.d.ts +12 -12
  25. package/dist/src/modal-manager-host-bridge-interface.js +1 -1
  26. package/dist/src/modal-manager-host-bridge.d.ts +34 -34
  27. package/dist/src/modal-manager-host-bridge.js +62 -62
  28. package/dist/src/modal-manager-host-bridge.js.map +1 -1
  29. package/dist/src/modal-manager-interface.d.ts +27 -27
  30. package/dist/src/modal-manager-interface.js +1 -1
  31. package/dist/src/modal-manager-mode.d.ts +10 -10
  32. package/dist/src/modal-manager-mode.js +11 -11
  33. package/dist/src/modal-manager.d.ts +137 -137
  34. package/dist/src/modal-manager.js +243 -249
  35. package/dist/src/modal-manager.js.map +1 -1
  36. package/dist/src/modal-template.d.ts +41 -41
  37. package/dist/src/modal-template.js +119 -118
  38. package/dist/src/modal-template.js.map +1 -1
  39. package/dist/src/shoelace/active-elements.d.ts +15 -15
  40. package/dist/src/shoelace/active-elements.js +28 -27
  41. package/dist/src/shoelace/active-elements.js.map +1 -1
  42. package/dist/src/shoelace/modal.d.ts +24 -24
  43. package/dist/src/shoelace/modal.js +130 -131
  44. package/dist/src/shoelace/modal.js.map +1 -1
  45. package/dist/src/shoelace/tabbable.d.ts +9 -9
  46. package/dist/src/shoelace/tabbable.js +168 -169
  47. package/dist/src/shoelace/tabbable.js.map +1 -1
  48. package/dist/test/modal-config.test.d.ts +1 -1
  49. package/dist/test/modal-config.test.js +68 -69
  50. package/dist/test/modal-config.test.js.map +1 -1
  51. package/dist/test/modal-manager.test.d.ts +1 -1
  52. package/dist/test/modal-manager.test.js +306 -309
  53. package/dist/test/modal-manager.test.js.map +1 -1
  54. package/dist/test/modal-template.test.d.ts +1 -1
  55. package/dist/test/modal-template.test.js +158 -167
  56. package/dist/test/modal-template.test.js.map +1 -1
  57. package/dist/vite.config.d.ts +2 -2
  58. package/dist/vite.config.js +22 -22
  59. package/dist/vitest.config.ci.d.ts +2 -0
  60. package/dist/vitest.config.ci.js +24 -0
  61. package/dist/vitest.config.ci.js.map +1 -0
  62. package/docs/assets/css/main.css +2678 -2678
  63. package/docs/classes/_src_modal_config_.modalconfig.html +429 -429
  64. package/docs/classes/_src_modal_manager_.modalmanager.html +7702 -7702
  65. package/docs/classes/_src_modal_manager_host_bridge_.modalmanagerhostbridge.html +409 -409
  66. package/docs/classes/_src_modal_template_.modaltemplate.html +7096 -7096
  67. package/docs/enums/_src_modal_manager_mode_.modalmanagermode.html +196 -196
  68. package/docs/globals.html +150 -150
  69. package/docs/index.html +252 -252
  70. package/docs/interfaces/_src_modal_manager_host_bridge_interface_.modalmanagerhostbridgeinterface.html +210 -210
  71. package/docs/interfaces/_src_modal_manager_interface_.modalmanagerinterface.html +7095 -7095
  72. package/docs/modules/_index_.html +208 -208
  73. package/docs/modules/_src_modal_config_.html +146 -146
  74. package/docs/modules/_src_modal_manager_.html +146 -146
  75. package/docs/modules/_src_modal_manager_host_bridge_.html +146 -146
  76. package/docs/modules/_src_modal_manager_host_bridge_interface_.html +146 -146
  77. package/docs/modules/_src_modal_manager_interface_.html +146 -146
  78. package/docs/modules/_src_modal_manager_mode_.html +146 -146
  79. package/docs/modules/_src_modal_template_.html +146 -146
  80. package/docs/modules/_test_modal_config_test_.html +106 -106
  81. package/docs/modules/_test_modal_manager_test_.html +106 -106
  82. package/docs/modules/_test_modal_template_test_.html +106 -106
  83. package/eslint.config.mjs +53 -0
  84. package/index.html +33 -300
  85. package/package.json +73 -85
  86. package/renovate.json +7 -7
  87. package/src/modal-config.ts +14 -14
  88. package/src/modal-manager-host-bridge.ts +2 -2
  89. package/src/modal-manager.ts +305 -305
  90. package/src/modal-template.ts +4 -2
  91. package/src/shoelace/LICENSE.md +6 -6
  92. package/src/shoelace/active-elements.ts +3 -2
  93. package/src/shoelace/modal.ts +5 -5
  94. package/src/shoelace/tabbable.ts +4 -3
  95. package/test/modal-config.test.ts +4 -4
  96. package/test/modal-manager.test.ts +402 -393
  97. package/test/modal-template.test.ts +42 -35
  98. package/tsconfig.json +25 -21
  99. package/vitest.config.ci.ts +27 -0
  100. package/.eslintrc.js +0 -14
  101. package/karma.conf.js +0 -24
package/docs/classes/_src_modal_config_.modalconfig.html CHANGED
@@ -1,430 +1,430 @@
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>ModalConfig | @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_config_.html">&quot;src/modal-config&quot;</a>
60
- </li>
61
- <li>
62
- <a href="_src_modal_config_.modalconfig.html">ModalConfig</a>
63
- </li>
64
- </ul>
65
- <h1>Class ModalConfig</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>Configuration to show a modal</p>
76
- </div>
77
- <dl class="tsd-comment-tags">
78
- <dt>export</dt>
79
- <dd></dd>
80
- </dl>
81
- </div>
82
- </section>
83
- <section class="tsd-panel tsd-hierarchy">
84
- <h3>Hierarchy</h3>
85
- <ul class="tsd-hierarchy">
86
- <li>
87
- <span class="target">ModalConfig</span>
88
- </li>
89
- </ul>
90
- </section>
91
- <section class="tsd-panel-group tsd-index-group">
92
- <h2>Index</h2>
93
- <section class="tsd-panel tsd-index-panel">
94
- <div class="tsd-index-content">
95
- <section class="tsd-index-section ">
96
- <h3>Constructors</h3>
97
- <ul class="tsd-index-list">
98
- <li class="tsd-kind-constructor tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#constructor" class="tsd-kind-icon">constructor</a></li>
99
- </ul>
100
- </section>
101
- <section class="tsd-index-section ">
102
- <h3>Properties</h3>
103
- <ul class="tsd-index-list">
104
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#closeonbackdropclick" class="tsd-kind-icon">close<wbr>OnBackdrop<wbr>Click</a></li>
105
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#headercolor" class="tsd-kind-icon">header<wbr>Color</a></li>
106
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#headline" class="tsd-kind-icon">headline</a></li>
107
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#message" class="tsd-kind-icon">message</a></li>
108
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#processingimagemode" class="tsd-kind-icon">processing<wbr>Image<wbr>Mode</a></li>
109
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#showclosebutton" class="tsd-kind-icon">show<wbr>Close<wbr>Button</a></li>
110
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#showprocessingindicator" class="tsd-kind-icon">show<wbr>Processing<wbr>Indicator</a></li>
111
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#subtitle" class="tsd-kind-icon">subtitle</a></li>
112
- <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#title" class="tsd-kind-icon">title</a></li>
113
- </ul>
114
- </section>
115
- </div>
116
- </section>
117
- </section>
118
- <section class="tsd-panel-group tsd-member-group ">
119
- <h2>Constructors</h2>
120
- <section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
121
- <a name="constructor" class="tsd-anchor"></a>
122
- <h3>constructor</h3>
123
- <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
124
- <li class="tsd-signature tsd-kind-icon">new <wbr>Modal<wbr>Config<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>closeOnBackdropClick<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>headerColor<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>headline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>message<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>processingImageMode<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>showCloseButton<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>showProcessingIndicator<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>subtitle<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>title<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_src_modal_config_.modalconfig.html" class="tsd-signature-type">ModalConfig</a></li>
125
- </ul>
126
- <ul class="tsd-descriptions">
127
- <li class="tsd-description">
128
- <aside class="tsd-sources">
129
- <ul>
130
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L75">src/modal-config.ts:75</a></li>
131
- </ul>
132
- </aside>
133
- <h4 class="tsd-parameters-title">Parameters</h4>
134
- <ul class="tsd-parameters">
135
- <li>
136
- <h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>closeOnBackdropClick<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>headerColor<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>headline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>message<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>processingImageMode<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>showCloseButton<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>showProcessingIndicator<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>subtitle<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>title<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol"> }</span></h5>
137
- </li>
138
- </ul>
139
- <h4 class="tsd-returns-title">Returns <a href="_src_modal_config_.modalconfig.html" class="tsd-signature-type">ModalConfig</a></h4>
140
- </li>
141
- </ul>
142
- </section>
143
- </section>
144
- <section class="tsd-panel-group tsd-member-group ">
145
- <h2>Properties</h2>
146
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
147
- <a name="closeonbackdropclick" class="tsd-anchor"></a>
148
- <h3>close<wbr>OnBackdrop<wbr>Click</h3>
149
- <div class="tsd-signature tsd-kind-icon">close<wbr>OnBackdrop<wbr>Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
150
- <aside class="tsd-sources">
151
- <ul>
152
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L75">src/modal-config.ts:75</a></li>
153
- </ul>
154
- </aside>
155
- <div class="tsd-comment tsd-typography">
156
- <div class="lead">
157
- <p>Close the modal if the user taps on the background</p>
158
- </div>
159
- <dl class="tsd-comment-tags">
160
- <dt>memberof</dt>
161
- <dd><p>ModalConfig</p>
162
- </dd>
163
- </dl>
164
- </div>
165
- </section>
166
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
167
- <a name="headercolor" class="tsd-anchor"></a>
168
- <h3>header<wbr>Color</h3>
169
- <div class="tsd-signature tsd-kind-icon">header<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
170
- <aside class="tsd-sources">
171
- <ul>
172
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L47">src/modal-config.ts:47</a></li>
173
- </ul>
174
- </aside>
175
- <div class="tsd-comment tsd-typography">
176
- <div class="lead">
177
- <p>The color of the header</p>
178
- </div>
179
- <dl class="tsd-comment-tags">
180
- <dt>memberof</dt>
181
- <dd><p>ModalConfig</p>
182
- </dd>
183
- </dl>
184
- </div>
185
- </section>
186
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
187
- <a name="headline" class="tsd-anchor"></a>
188
- <h3><span class="tsd-flag ts-flagOptional">Optional</span> headline</h3>
189
- <div class="tsd-signature tsd-kind-icon">headline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
190
- <aside class="tsd-sources">
191
- <ul>
192
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L32">src/modal-config.ts:32</a></li>
193
- </ul>
194
- </aside>
195
- <div class="tsd-comment tsd-typography">
196
- <div class="lead">
197
- <p>The headline shown at the top of the content section</p>
198
- </div>
199
- <dl class="tsd-comment-tags">
200
- <dt>memberof</dt>
201
- <dd><p>ModalConfig</p>
202
- </dd>
203
- </dl>
204
- </div>
205
- </section>
206
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
207
- <a name="message" class="tsd-anchor"></a>
208
- <h3><span class="tsd-flag ts-flagOptional">Optional</span> message</h3>
209
- <div class="tsd-signature tsd-kind-icon">message<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
210
- <aside class="tsd-sources">
211
- <ul>
212
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L40">src/modal-config.ts:40</a></li>
213
- </ul>
214
- </aside>
215
- <div class="tsd-comment tsd-typography">
216
- <div class="lead">
217
- <p>The text shown below the headline in the content section</p>
218
- </div>
219
- <dl class="tsd-comment-tags">
220
- <dt>memberof</dt>
221
- <dd><p>ModalConfig</p>
222
- </dd>
223
- </dl>
224
- </div>
225
- </section>
226
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
227
- <a name="processingimagemode" class="tsd-anchor"></a>
228
- <h3>processing<wbr>Image<wbr>Mode</h3>
229
- <div class="tsd-signature tsd-kind-icon">processing<wbr>Image<wbr>Mode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
230
- <aside class="tsd-sources">
231
- <ul>
232
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L61">src/modal-config.ts:61</a></li>
233
- </ul>
234
- </aside>
235
- <div class="tsd-comment tsd-typography">
236
- <div class="lead">
237
- <p>Set the processing image mode, currently <code>processing</code> or <code>complete</code></p>
238
- </div>
239
- <dl class="tsd-comment-tags">
240
- <dt>memberof</dt>
241
- <dd><p>ModalConfig</p>
242
- </dd>
243
- </dl>
244
- </div>
245
- </section>
246
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
247
- <a name="showclosebutton" class="tsd-anchor"></a>
248
- <h3>show<wbr>Close<wbr>Button</h3>
249
- <div class="tsd-signature tsd-kind-icon">show<wbr>Close<wbr>Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
250
- <aside class="tsd-sources">
251
- <ul>
252
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L68">src/modal-config.ts:68</a></li>
253
- </ul>
254
- </aside>
255
- <div class="tsd-comment tsd-typography">
256
- <div class="lead">
257
- <p>Show the close button</p>
258
- </div>
259
- <dl class="tsd-comment-tags">
260
- <dt>memberof</dt>
261
- <dd><p>ModalConfig</p>
262
- </dd>
263
- </dl>
264
- </div>
265
- </section>
266
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
267
- <a name="showprocessingindicator" class="tsd-anchor"></a>
268
- <h3>show<wbr>Processing<wbr>Indicator</h3>
269
- <div class="tsd-signature tsd-kind-icon">show<wbr>Processing<wbr>Indicator<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
270
- <aside class="tsd-sources">
271
- <ul>
272
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L54">src/modal-config.ts:54</a></li>
273
- </ul>
274
- </aside>
275
- <div class="tsd-comment tsd-typography">
276
- <div class="lead">
277
- <p>Show or hide the processing indicator</p>
278
- </div>
279
- <dl class="tsd-comment-tags">
280
- <dt>memberof</dt>
281
- <dd><p>ModalConfig</p>
282
- </dd>
283
- </dl>
284
- </div>
285
- </section>
286
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
287
- <a name="subtitle" class="tsd-anchor"></a>
288
- <h3><span class="tsd-flag ts-flagOptional">Optional</span> subtitle</h3>
289
- <div class="tsd-signature tsd-kind-icon">subtitle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
290
- <aside class="tsd-sources">
291
- <ul>
292
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L24">src/modal-config.ts:24</a></li>
293
- </ul>
294
- </aside>
295
- <div class="tsd-comment tsd-typography">
296
- <div class="lead">
297
- <p>The subtitle shown in the header under the title</p>
298
- </div>
299
- <dl class="tsd-comment-tags">
300
- <dt>memberof</dt>
301
- <dd><p>ModalConfig</p>
302
- </dd>
303
- </dl>
304
- </div>
305
- </section>
306
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
307
- <a name="title" class="tsd-anchor"></a>
308
- <h3><span class="tsd-flag ts-flagOptional">Optional</span> title</h3>
309
- <div class="tsd-signature tsd-kind-icon">title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
310
- <aside class="tsd-sources">
311
- <ul>
312
- <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L16">src/modal-config.ts:16</a></li>
313
- </ul>
314
- </aside>
315
- <div class="tsd-comment tsd-typography">
316
- <div class="lead">
317
- <p>The title that shows in the header</p>
318
- </div>
319
- <dl class="tsd-comment-tags">
320
- <dt>memberof</dt>
321
- <dd><p>ModalConfig</p>
322
- </dd>
323
- </dl>
324
- </div>
325
- </section>
326
- </section>
327
- </div>
328
- <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
329
- <nav class="tsd-navigation primary">
330
- <ul>
331
- <li class="globals ">
332
- <a href="../globals.html"><em>Globals</em></a>
333
- </li>
334
- <li class=" tsd-kind-module">
335
- <a href="../modules/_index_.html">&quot;index&quot;</a>
336
- </li>
337
- <li class="current tsd-kind-module">
338
- <a href="../modules/_src_modal_config_.html">&quot;src/modal-<wbr>config&quot;</a>
339
- </li>
340
- <li class=" tsd-kind-module">
341
- <a href="../modules/_src_modal_manager_.html">&quot;src/modal-<wbr>manager&quot;</a>
342
- </li>
343
- <li class=" tsd-kind-module">
344
- <a href="../modules/_src_modal_manager_host_bridge_.html">&quot;src/modal-<wbr>manager-<wbr>host-<wbr>bridge&quot;</a>
345
- </li>
346
- <li class=" tsd-kind-module">
347
- <a href="../modules/_src_modal_manager_host_bridge_interface_.html">&quot;src/modal-<wbr>manager-<wbr>host-<wbr>bridge-<wbr>interface&quot;</a>
348
- </li>
349
- <li class=" tsd-kind-module">
350
- <a href="../modules/_src_modal_manager_interface_.html">&quot;src/modal-<wbr>manager-<wbr>interface&quot;</a>
351
- </li>
352
- <li class=" tsd-kind-module">
353
- <a href="../modules/_src_modal_manager_mode_.html">&quot;src/modal-<wbr>manager-<wbr>mode&quot;</a>
354
- </li>
355
- <li class=" tsd-kind-module">
356
- <a href="../modules/_src_modal_template_.html">&quot;src/modal-<wbr>template&quot;</a>
357
- </li>
358
- </ul>
359
- </nav>
360
- <nav class="tsd-navigation secondary menu-sticky">
361
- <ul class="before-current">
362
- </ul>
363
- <ul class="current">
364
- <li class="current tsd-kind-class tsd-parent-kind-module">
365
- <a href="_src_modal_config_.modalconfig.html" class="tsd-kind-icon">Modal<wbr>Config</a>
366
- <ul>
367
- <li class=" tsd-kind-constructor tsd-parent-kind-class">
368
- <a href="_src_modal_config_.modalconfig.html#constructor" class="tsd-kind-icon">constructor</a>
369
- </li>
370
- <li class=" tsd-kind-property tsd-parent-kind-class">
371
- <a href="_src_modal_config_.modalconfig.html#closeonbackdropclick" class="tsd-kind-icon">close<wbr>OnBackdrop<wbr>Click</a>
372
- </li>
373
- <li class=" tsd-kind-property tsd-parent-kind-class">
374
- <a href="_src_modal_config_.modalconfig.html#headercolor" class="tsd-kind-icon">header<wbr>Color</a>
375
- </li>
376
- <li class=" tsd-kind-property tsd-parent-kind-class">
377
- <a href="_src_modal_config_.modalconfig.html#headline" class="tsd-kind-icon">headline</a>
378
- </li>
379
- <li class=" tsd-kind-property tsd-parent-kind-class">
380
- <a href="_src_modal_config_.modalconfig.html#message" class="tsd-kind-icon">message</a>
381
- </li>
382
- <li class=" tsd-kind-property tsd-parent-kind-class">
383
- <a href="_src_modal_config_.modalconfig.html#processingimagemode" class="tsd-kind-icon">processing<wbr>Image<wbr>Mode</a>
384
- </li>
385
- <li class=" tsd-kind-property tsd-parent-kind-class">
386
- <a href="_src_modal_config_.modalconfig.html#showclosebutton" class="tsd-kind-icon">show<wbr>Close<wbr>Button</a>
387
- </li>
388
- <li class=" tsd-kind-property tsd-parent-kind-class">
389
- <a href="_src_modal_config_.modalconfig.html#showprocessingindicator" class="tsd-kind-icon">show<wbr>Processing<wbr>Indicator</a>
390
- </li>
391
- <li class=" tsd-kind-property tsd-parent-kind-class">
392
- <a href="_src_modal_config_.modalconfig.html#subtitle" class="tsd-kind-icon">subtitle</a>
393
- </li>
394
- <li class=" tsd-kind-property tsd-parent-kind-class">
395
- <a href="_src_modal_config_.modalconfig.html#title" class="tsd-kind-icon">title</a>
396
- </li>
397
- </ul>
398
- </li>
399
- </ul>
400
- <ul class="after-current">
401
- </ul>
402
- </nav>
403
- </div>
404
- </div>
405
- </div>
406
- <footer class="with-border-bottom">
407
- <div class="container">
408
- <h2>Legend</h2>
409
- <div class="tsd-legend-group">
410
- <ul class="tsd-legend">
411
- <li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
412
- <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
413
- <li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
414
- </ul>
415
- <ul class="tsd-legend">
416
- <li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
417
- </ul>
418
- <ul class="tsd-legend">
419
- <li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
420
- </ul>
421
- </div>
422
- </div>
423
- </footer>
424
- <div class="container tsd-generator">
425
- <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
426
- </div>
427
- <div class="overlay"></div>
428
- <script src="../assets/js/main.js"></script>
429
- </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>ModalConfig | @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_config_.html">&quot;src/modal-config&quot;</a>
60
+ </li>
61
+ <li>
62
+ <a href="_src_modal_config_.modalconfig.html">ModalConfig</a>
63
+ </li>
64
+ </ul>
65
+ <h1>Class ModalConfig</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>Configuration to show a modal</p>
76
+ </div>
77
+ <dl class="tsd-comment-tags">
78
+ <dt>export</dt>
79
+ <dd></dd>
80
+ </dl>
81
+ </div>
82
+ </section>
83
+ <section class="tsd-panel tsd-hierarchy">
84
+ <h3>Hierarchy</h3>
85
+ <ul class="tsd-hierarchy">
86
+ <li>
87
+ <span class="target">ModalConfig</span>
88
+ </li>
89
+ </ul>
90
+ </section>
91
+ <section class="tsd-panel-group tsd-index-group">
92
+ <h2>Index</h2>
93
+ <section class="tsd-panel tsd-index-panel">
94
+ <div class="tsd-index-content">
95
+ <section class="tsd-index-section ">
96
+ <h3>Constructors</h3>
97
+ <ul class="tsd-index-list">
98
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#constructor" class="tsd-kind-icon">constructor</a></li>
99
+ </ul>
100
+ </section>
101
+ <section class="tsd-index-section ">
102
+ <h3>Properties</h3>
103
+ <ul class="tsd-index-list">
104
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#closeonbackdropclick" class="tsd-kind-icon">close<wbr>OnBackdrop<wbr>Click</a></li>
105
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#headercolor" class="tsd-kind-icon">header<wbr>Color</a></li>
106
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#headline" class="tsd-kind-icon">headline</a></li>
107
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#message" class="tsd-kind-icon">message</a></li>
108
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#processingimagemode" class="tsd-kind-icon">processing<wbr>Image<wbr>Mode</a></li>
109
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#showclosebutton" class="tsd-kind-icon">show<wbr>Close<wbr>Button</a></li>
110
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#showprocessingindicator" class="tsd-kind-icon">show<wbr>Processing<wbr>Indicator</a></li>
111
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#subtitle" class="tsd-kind-icon">subtitle</a></li>
112
+ <li class="tsd-kind-property tsd-parent-kind-class"><a href="_src_modal_config_.modalconfig.html#title" class="tsd-kind-icon">title</a></li>
113
+ </ul>
114
+ </section>
115
+ </div>
116
+ </section>
117
+ </section>
118
+ <section class="tsd-panel-group tsd-member-group ">
119
+ <h2>Constructors</h2>
120
+ <section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
121
+ <a name="constructor" class="tsd-anchor"></a>
122
+ <h3>constructor</h3>
123
+ <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
124
+ <li class="tsd-signature tsd-kind-icon">new <wbr>Modal<wbr>Config<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>closeOnBackdropClick<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>headerColor<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>headline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>message<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>processingImageMode<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>showCloseButton<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>showProcessingIndicator<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>subtitle<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>title<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_src_modal_config_.modalconfig.html" class="tsd-signature-type">ModalConfig</a></li>
125
+ </ul>
126
+ <ul class="tsd-descriptions">
127
+ <li class="tsd-description">
128
+ <aside class="tsd-sources">
129
+ <ul>
130
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L75">src/modal-config.ts:75</a></li>
131
+ </ul>
132
+ </aside>
133
+ <h4 class="tsd-parameters-title">Parameters</h4>
134
+ <ul class="tsd-parameters">
135
+ <li>
136
+ <h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>closeOnBackdropClick<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>headerColor<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>headline<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>message<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>processingImageMode<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>showCloseButton<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>showProcessingIndicator<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>subtitle<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol">; </span>title<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">TemplateResult</span><span class="tsd-signature-symbol"> }</span></h5>
137
+ </li>
138
+ </ul>
139
+ <h4 class="tsd-returns-title">Returns <a href="_src_modal_config_.modalconfig.html" class="tsd-signature-type">ModalConfig</a></h4>
140
+ </li>
141
+ </ul>
142
+ </section>
143
+ </section>
144
+ <section class="tsd-panel-group tsd-member-group ">
145
+ <h2>Properties</h2>
146
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
147
+ <a name="closeonbackdropclick" class="tsd-anchor"></a>
148
+ <h3>close<wbr>OnBackdrop<wbr>Click</h3>
149
+ <div class="tsd-signature tsd-kind-icon">close<wbr>OnBackdrop<wbr>Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
150
+ <aside class="tsd-sources">
151
+ <ul>
152
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L75">src/modal-config.ts:75</a></li>
153
+ </ul>
154
+ </aside>
155
+ <div class="tsd-comment tsd-typography">
156
+ <div class="lead">
157
+ <p>Close the modal if the user taps on the background</p>
158
+ </div>
159
+ <dl class="tsd-comment-tags">
160
+ <dt>memberof</dt>
161
+ <dd><p>ModalConfig</p>
162
+ </dd>
163
+ </dl>
164
+ </div>
165
+ </section>
166
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
167
+ <a name="headercolor" class="tsd-anchor"></a>
168
+ <h3>header<wbr>Color</h3>
169
+ <div class="tsd-signature tsd-kind-icon">header<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
170
+ <aside class="tsd-sources">
171
+ <ul>
172
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L47">src/modal-config.ts:47</a></li>
173
+ </ul>
174
+ </aside>
175
+ <div class="tsd-comment tsd-typography">
176
+ <div class="lead">
177
+ <p>The color of the header</p>
178
+ </div>
179
+ <dl class="tsd-comment-tags">
180
+ <dt>memberof</dt>
181
+ <dd><p>ModalConfig</p>
182
+ </dd>
183
+ </dl>
184
+ </div>
185
+ </section>
186
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
187
+ <a name="headline" class="tsd-anchor"></a>
188
+ <h3><span class="tsd-flag ts-flagOptional">Optional</span> headline</h3>
189
+ <div class="tsd-signature tsd-kind-icon">headline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
190
+ <aside class="tsd-sources">
191
+ <ul>
192
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L32">src/modal-config.ts:32</a></li>
193
+ </ul>
194
+ </aside>
195
+ <div class="tsd-comment tsd-typography">
196
+ <div class="lead">
197
+ <p>The headline shown at the top of the content section</p>
198
+ </div>
199
+ <dl class="tsd-comment-tags">
200
+ <dt>memberof</dt>
201
+ <dd><p>ModalConfig</p>
202
+ </dd>
203
+ </dl>
204
+ </div>
205
+ </section>
206
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
207
+ <a name="message" class="tsd-anchor"></a>
208
+ <h3><span class="tsd-flag ts-flagOptional">Optional</span> message</h3>
209
+ <div class="tsd-signature tsd-kind-icon">message<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
210
+ <aside class="tsd-sources">
211
+ <ul>
212
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L40">src/modal-config.ts:40</a></li>
213
+ </ul>
214
+ </aside>
215
+ <div class="tsd-comment tsd-typography">
216
+ <div class="lead">
217
+ <p>The text shown below the headline in the content section</p>
218
+ </div>
219
+ <dl class="tsd-comment-tags">
220
+ <dt>memberof</dt>
221
+ <dd><p>ModalConfig</p>
222
+ </dd>
223
+ </dl>
224
+ </div>
225
+ </section>
226
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
227
+ <a name="processingimagemode" class="tsd-anchor"></a>
228
+ <h3>processing<wbr>Image<wbr>Mode</h3>
229
+ <div class="tsd-signature tsd-kind-icon">processing<wbr>Image<wbr>Mode<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
230
+ <aside class="tsd-sources">
231
+ <ul>
232
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L61">src/modal-config.ts:61</a></li>
233
+ </ul>
234
+ </aside>
235
+ <div class="tsd-comment tsd-typography">
236
+ <div class="lead">
237
+ <p>Set the processing image mode, currently <code>processing</code> or <code>complete</code></p>
238
+ </div>
239
+ <dl class="tsd-comment-tags">
240
+ <dt>memberof</dt>
241
+ <dd><p>ModalConfig</p>
242
+ </dd>
243
+ </dl>
244
+ </div>
245
+ </section>
246
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
247
+ <a name="showclosebutton" class="tsd-anchor"></a>
248
+ <h3>show<wbr>Close<wbr>Button</h3>
249
+ <div class="tsd-signature tsd-kind-icon">show<wbr>Close<wbr>Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
250
+ <aside class="tsd-sources">
251
+ <ul>
252
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L68">src/modal-config.ts:68</a></li>
253
+ </ul>
254
+ </aside>
255
+ <div class="tsd-comment tsd-typography">
256
+ <div class="lead">
257
+ <p>Show the close button</p>
258
+ </div>
259
+ <dl class="tsd-comment-tags">
260
+ <dt>memberof</dt>
261
+ <dd><p>ModalConfig</p>
262
+ </dd>
263
+ </dl>
264
+ </div>
265
+ </section>
266
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
267
+ <a name="showprocessingindicator" class="tsd-anchor"></a>
268
+ <h3>show<wbr>Processing<wbr>Indicator</h3>
269
+ <div class="tsd-signature tsd-kind-icon">show<wbr>Processing<wbr>Indicator<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
270
+ <aside class="tsd-sources">
271
+ <ul>
272
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L54">src/modal-config.ts:54</a></li>
273
+ </ul>
274
+ </aside>
275
+ <div class="tsd-comment tsd-typography">
276
+ <div class="lead">
277
+ <p>Show or hide the processing indicator</p>
278
+ </div>
279
+ <dl class="tsd-comment-tags">
280
+ <dt>memberof</dt>
281
+ <dd><p>ModalConfig</p>
282
+ </dd>
283
+ </dl>
284
+ </div>
285
+ </section>
286
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
287
+ <a name="subtitle" class="tsd-anchor"></a>
288
+ <h3><span class="tsd-flag ts-flagOptional">Optional</span> subtitle</h3>
289
+ <div class="tsd-signature tsd-kind-icon">subtitle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
290
+ <aside class="tsd-sources">
291
+ <ul>
292
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L24">src/modal-config.ts:24</a></li>
293
+ </ul>
294
+ </aside>
295
+ <div class="tsd-comment tsd-typography">
296
+ <div class="lead">
297
+ <p>The subtitle shown in the header under the title</p>
298
+ </div>
299
+ <dl class="tsd-comment-tags">
300
+ <dt>memberof</dt>
301
+ <dd><p>ModalConfig</p>
302
+ </dd>
303
+ </dl>
304
+ </div>
305
+ </section>
306
+ <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
307
+ <a name="title" class="tsd-anchor"></a>
308
+ <h3><span class="tsd-flag ts-flagOptional">Optional</span> title</h3>
309
+ <div class="tsd-signature tsd-kind-icon">title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">TemplateResult</span></div>
310
+ <aside class="tsd-sources">
311
+ <ul>
312
+ <li>Defined in <a href="https://github.com/internetarchive/iaux-modal-manager/blob/8f34a2b/src/modal-config.ts#L16">src/modal-config.ts:16</a></li>
313
+ </ul>
314
+ </aside>
315
+ <div class="tsd-comment tsd-typography">
316
+ <div class="lead">
317
+ <p>The title that shows in the header</p>
318
+ </div>
319
+ <dl class="tsd-comment-tags">
320
+ <dt>memberof</dt>
321
+ <dd><p>ModalConfig</p>
322
+ </dd>
323
+ </dl>
324
+ </div>
325
+ </section>
326
+ </section>
327
+ </div>
328
+ <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
329
+ <nav class="tsd-navigation primary">
330
+ <ul>
331
+ <li class="globals ">
332
+ <a href="../globals.html"><em>Globals</em></a>
333
+ </li>
334
+ <li class=" tsd-kind-module">
335
+ <a href="../modules/_index_.html">&quot;index&quot;</a>
336
+ </li>
337
+ <li class="current tsd-kind-module">
338
+ <a href="../modules/_src_modal_config_.html">&quot;src/modal-<wbr>config&quot;</a>
339
+ </li>
340
+ <li class=" tsd-kind-module">
341
+ <a href="../modules/_src_modal_manager_.html">&quot;src/modal-<wbr>manager&quot;</a>
342
+ </li>
343
+ <li class=" tsd-kind-module">
344
+ <a href="../modules/_src_modal_manager_host_bridge_.html">&quot;src/modal-<wbr>manager-<wbr>host-<wbr>bridge&quot;</a>
345
+ </li>
346
+ <li class=" tsd-kind-module">
347
+ <a href="../modules/_src_modal_manager_host_bridge_interface_.html">&quot;src/modal-<wbr>manager-<wbr>host-<wbr>bridge-<wbr>interface&quot;</a>
348
+ </li>
349
+ <li class=" tsd-kind-module">
350
+ <a href="../modules/_src_modal_manager_interface_.html">&quot;src/modal-<wbr>manager-<wbr>interface&quot;</a>
351
+ </li>
352
+ <li class=" tsd-kind-module">
353
+ <a href="../modules/_src_modal_manager_mode_.html">&quot;src/modal-<wbr>manager-<wbr>mode&quot;</a>
354
+ </li>
355
+ <li class=" tsd-kind-module">
356
+ <a href="../modules/_src_modal_template_.html">&quot;src/modal-<wbr>template&quot;</a>
357
+ </li>
358
+ </ul>
359
+ </nav>
360
+ <nav class="tsd-navigation secondary menu-sticky">
361
+ <ul class="before-current">
362
+ </ul>
363
+ <ul class="current">
364
+ <li class="current tsd-kind-class tsd-parent-kind-module">
365
+ <a href="_src_modal_config_.modalconfig.html" class="tsd-kind-icon">Modal<wbr>Config</a>
366
+ <ul>
367
+ <li class=" tsd-kind-constructor tsd-parent-kind-class">
368
+ <a href="_src_modal_config_.modalconfig.html#constructor" class="tsd-kind-icon">constructor</a>
369
+ </li>
370
+ <li class=" tsd-kind-property tsd-parent-kind-class">
371
+ <a href="_src_modal_config_.modalconfig.html#closeonbackdropclick" class="tsd-kind-icon">close<wbr>OnBackdrop<wbr>Click</a>
372
+ </li>
373
+ <li class=" tsd-kind-property tsd-parent-kind-class">
374
+ <a href="_src_modal_config_.modalconfig.html#headercolor" class="tsd-kind-icon">header<wbr>Color</a>
375
+ </li>
376
+ <li class=" tsd-kind-property tsd-parent-kind-class">
377
+ <a href="_src_modal_config_.modalconfig.html#headline" class="tsd-kind-icon">headline</a>
378
+ </li>
379
+ <li class=" tsd-kind-property tsd-parent-kind-class">
380
+ <a href="_src_modal_config_.modalconfig.html#message" class="tsd-kind-icon">message</a>
381
+ </li>
382
+ <li class=" tsd-kind-property tsd-parent-kind-class">
383
+ <a href="_src_modal_config_.modalconfig.html#processingimagemode" class="tsd-kind-icon">processing<wbr>Image<wbr>Mode</a>
384
+ </li>
385
+ <li class=" tsd-kind-property tsd-parent-kind-class">
386
+ <a href="_src_modal_config_.modalconfig.html#showclosebutton" class="tsd-kind-icon">show<wbr>Close<wbr>Button</a>
387
+ </li>
388
+ <li class=" tsd-kind-property tsd-parent-kind-class">
389
+ <a href="_src_modal_config_.modalconfig.html#showprocessingindicator" class="tsd-kind-icon">show<wbr>Processing<wbr>Indicator</a>
390
+ </li>
391
+ <li class=" tsd-kind-property tsd-parent-kind-class">
392
+ <a href="_src_modal_config_.modalconfig.html#subtitle" class="tsd-kind-icon">subtitle</a>
393
+ </li>
394
+ <li class=" tsd-kind-property tsd-parent-kind-class">
395
+ <a href="_src_modal_config_.modalconfig.html#title" class="tsd-kind-icon">title</a>
396
+ </li>
397
+ </ul>
398
+ </li>
399
+ </ul>
400
+ <ul class="after-current">
401
+ </ul>
402
+ </nav>
403
+ </div>
404
+ </div>
405
+ </div>
406
+ <footer class="with-border-bottom">
407
+ <div class="container">
408
+ <h2>Legend</h2>
409
+ <div class="tsd-legend-group">
410
+ <ul class="tsd-legend">
411
+ <li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
412
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
413
+ <li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
414
+ </ul>
415
+ <ul class="tsd-legend">
416
+ <li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
417
+ </ul>
418
+ <ul class="tsd-legend">
419
+ <li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
420
+ </ul>
421
+ </div>
422
+ </div>
423
+ </footer>
424
+ <div class="container tsd-generator">
425
+ <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
426
+ </div>
427
+ <div class="overlay"></div>
428
+ <script src="../assets/js/main.js"></script>
429
+ </body>
430
430
  </html>