@aurodesignsystem/auro-dialog 4.0.0 → 4.1.1
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/CHANGELOG.md +3 -6
- package/README.md +75 -69
- package/demo/api.html +6 -6
- package/demo/api.js +9 -7
- package/demo/api.md +290 -230
- package/demo/api.min.js +18 -4
- package/demo/auro-dialog.min.js +140 -61
- package/demo/index.html +3 -3
- package/demo/index.md +32 -81
- package/dist/{auro-dialog-GEQYCVM4.js → auro-dialog-BNnIwNXB.js} +42 -25
- package/dist/index.d.ts +230 -118
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +22 -13
package/demo/api.min.js
CHANGED
|
@@ -178,6 +178,19 @@ function initSizeOptionsExample() {
|
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
+
function initAriaLabelSlotExample() {
|
|
182
|
+
const button = document.querySelector("#openAriaLabelSlot");
|
|
183
|
+
const dialog = document.querySelector("#ariaLabelMdDialog");
|
|
184
|
+
|
|
185
|
+
button.addEventListener("click", () => {
|
|
186
|
+
if (dialog.hasAttribute("open")) {
|
|
187
|
+
dialog.removeAttribute("open");
|
|
188
|
+
} else {
|
|
189
|
+
dialog.setAttribute("open", true);
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
}
|
|
193
|
+
|
|
181
194
|
AuroDialog.register();
|
|
182
195
|
|
|
183
196
|
function initExamples(initCount) {
|
|
@@ -186,12 +199,13 @@ function initExamples(initCount) {
|
|
|
186
199
|
|
|
187
200
|
try {
|
|
188
201
|
initBasicExample();
|
|
189
|
-
|
|
190
|
-
initDecoupledExample();
|
|
191
|
-
initEditCloseButtonExample();
|
|
202
|
+
initSizeOptionsExample();
|
|
192
203
|
initModalExample();
|
|
204
|
+
initDecoupledExample();
|
|
193
205
|
initPopoverAndDropdownExample();
|
|
194
|
-
|
|
206
|
+
initEditCloseButtonExample();
|
|
207
|
+
initAriaLabelSlotExample();
|
|
208
|
+
initAccessibilityExample();
|
|
195
209
|
} catch (_err) {
|
|
196
210
|
if (initCount <= 20) {
|
|
197
211
|
// setTimeout handles issue where content is sometimes loaded after the functions get called
|