fwtoolkit 0.1.0-alpha.5 → 0.1.0-alpha.7
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/README.md +41 -9
- package/css/alerts.css +7 -0
- package/css/dialog.css +62 -0
- package/css/overview_menu.css +7 -0
- package/dist/basic.d.ts +70 -0
- package/dist/basic.d.ts.map +1 -0
- package/dist/basic.js +447 -0
- package/dist/basic.js.map +1 -0
- package/dist/blob.d.ts +2 -0
- package/dist/blob.d.ts.map +1 -0
- package/dist/blob.js +12 -0
- package/dist/blob.js.map +1 -0
- package/dist/content_menu.d.ts +31 -0
- package/dist/content_menu.d.ts.map +1 -0
- package/dist/content_menu.js +360 -0
- package/dist/content_menu.js.map +1 -0
- package/dist/datatable_bulk.d.ts +14 -0
- package/dist/datatable_bulk.d.ts.map +1 -0
- package/dist/datatable_bulk.js +176 -0
- package/dist/datatable_bulk.js.map +1 -0
- package/dist/dialog.d.ts +18 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +395 -0
- package/dist/dialog.js.map +1 -0
- package/dist/events.d.ts +2 -0
- package/dist/events.d.ts.map +1 -0
- package/dist/events.js +11 -0
- package/dist/events.js.map +1 -0
- package/dist/faq_dialog.d.ts +8 -0
- package/dist/faq_dialog.d.ts.map +1 -0
- package/dist/faq_dialog.js +63 -0
- package/dist/faq_dialog.js.map +1 -0
- package/dist/file/dialog.d.ts +27 -0
- package/dist/file/dialog.d.ts.map +1 -0
- package/dist/file/dialog.js +125 -0
- package/dist/file/dialog.js.map +1 -0
- package/dist/file/index.d.ts +5 -0
- package/dist/file/index.d.ts.map +1 -0
- package/dist/file/index.js +6 -0
- package/dist/file/index.js.map +1 -0
- package/dist/file/new_folder_dialog.d.ts +5 -0
- package/dist/file/new_folder_dialog.d.ts.map +1 -0
- package/dist/file/new_folder_dialog.js +34 -0
- package/dist/file/new_folder_dialog.js.map +1 -0
- package/dist/file/selector.d.ts +22 -0
- package/dist/file/selector.d.ts.map +1 -0
- package/dist/file/selector.js +239 -0
- package/dist/file/selector.js.map +1 -0
- package/dist/file/templates.d.ts +5 -0
- package/dist/file/templates.d.ts.map +1 -0
- package/dist/file/templates.js +9 -0
- package/dist/file/templates.js.map +1 -0
- package/dist/file/tools.d.ts +5 -0
- package/dist/file/tools.d.ts.map +1 -0
- package/dist/file/tools.js +51 -0
- package/dist/file/tools.js.map +1 -0
- package/dist/focus.d.ts +3 -0
- package/dist/focus.d.ts.map +1 -0
- package/dist/focus.js +12 -0
- package/dist/focus.js.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +17 -0
- package/dist/index.js.map +1 -0
- package/dist/network.d.ts +11 -0
- package/dist/network.d.ts.map +1 -0
- package/dist/network.js +113 -0
- package/dist/network.js.map +1 -0
- package/dist/overview_menu.d.ts +27 -0
- package/dist/overview_menu.d.ts.map +1 -0
- package/dist/overview_menu.js +536 -0
- package/dist/overview_menu.js.map +1 -0
- package/dist/settings.d.ts +3 -0
- package/dist/settings.d.ts.map +1 -0
- package/dist/settings.js +16 -0
- package/dist/settings.js.map +1 -0
- package/dist/user.d.ts +6 -0
- package/dist/user.d.ts.map +1 -0
- package/dist/user.js +45 -0
- package/dist/user.js.map +1 -0
- package/dist/worker.d.ts +2 -0
- package/dist/worker.d.ts.map +1 -0
- package/dist/worker.js +12 -0
- package/dist/worker.js.map +1 -0
- package/dist/ws.d.ts +46 -0
- package/dist/ws.d.ts.map +1 -0
- package/dist/ws.js +329 -0
- package/dist/ws.js.map +1 -0
- package/package.json +26 -4
- package/src/{basic.js → basic.ts} +1 -0
- package/src/{blob.js → blob.ts} +1 -0
- package/src/{content_menu.js → content_menu.ts} +3 -2
- package/src/{datatable_bulk.js → datatable_bulk.ts} +1 -0
- package/src/{dialog.js → dialog.ts} +1 -0
- package/src/{events.js → events.ts} +1 -0
- package/src/{faq_dialog.js → faq_dialog.ts} +1 -0
- package/src/file/{dialog.js → dialog.ts} +1 -0
- package/src/file/{index.js → index.ts} +1 -0
- package/src/file/{new_folder_dialog.js → new_folder_dialog.ts} +1 -0
- package/src/file/{selector.js → selector.ts} +1 -0
- package/src/file/{templates.js → templates.ts} +1 -0
- package/src/file/{tools.js → tools.ts} +1 -0
- package/src/{focus.js → focus.ts} +1 -0
- package/src/global.d.ts +11 -0
- package/src/{index.js → index.ts} +1 -2
- package/src/{network.js → network.ts} +1 -0
- package/src/{overview_menu.js → overview_menu.ts} +2 -1
- package/src/{settings.js → settings.ts} +1 -0
- package/src/{user.js → user.ts} +1 -0
- package/src/{worker.js → worker.ts} +1 -0
- package/src/{ws.js → ws.ts} +1 -0
- package/css/ui_dialogs.css +0 -144
- package/src/templates.js +0 -42
- package/src/user_util.js +0 -16
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
2
|
+
import { keyName } from "w3c-keyname";
|
|
3
|
+
import { whenReady } from "./basic.js";
|
|
4
|
+
import { ContentMenu } from "./content_menu.js";
|
|
5
|
+
let bulkId = 0;
|
|
6
|
+
export class DatatableBulk {
|
|
7
|
+
constructor(page, model, checkboxColumn) {
|
|
8
|
+
this.page = page;
|
|
9
|
+
this.model = model;
|
|
10
|
+
this.checkboxColumn = checkboxColumn;
|
|
11
|
+
this.id = `dt-bulk-${++bulkId}`;
|
|
12
|
+
}
|
|
13
|
+
init(table) {
|
|
14
|
+
this.table = table;
|
|
15
|
+
whenReady().then(() => this.bindEvents());
|
|
16
|
+
}
|
|
17
|
+
update() {
|
|
18
|
+
this.model.content = this.model.content.sort((a, b) => a.order - b.order);
|
|
19
|
+
}
|
|
20
|
+
bindEvents() {
|
|
21
|
+
// Store the bound functions as instance variables so we can remove them later
|
|
22
|
+
this.boundOnClick = this.onClick.bind(this);
|
|
23
|
+
this.boundOnTableCheckChange = this.onTableCheckChange.bind(this);
|
|
24
|
+
this.boundOnKeyDown = this.onKeyDown.bind(this);
|
|
25
|
+
this.page.dom.addEventListener("click", this.boundOnClick);
|
|
26
|
+
this.table.dom.addEventListener("change", this.boundOnTableCheckChange);
|
|
27
|
+
this.table.dom.addEventListener("keydown", this.boundOnKeyDown);
|
|
28
|
+
this.onTableCheckChange();
|
|
29
|
+
}
|
|
30
|
+
// The new destroy() method removes all event listeners that were added and cleans up DOM elements.
|
|
31
|
+
destroy() {
|
|
32
|
+
if (this.page && this.page.dom && this.boundOnClick) {
|
|
33
|
+
this.page.dom.removeEventListener("click", this.boundOnClick);
|
|
34
|
+
}
|
|
35
|
+
if (this.table && this.table.dom) {
|
|
36
|
+
if (this.boundOnTableCheckChange) {
|
|
37
|
+
this.table.dom.removeEventListener("change", this.boundOnTableCheckChange);
|
|
38
|
+
}
|
|
39
|
+
if (this.boundOnKeyDown) {
|
|
40
|
+
this.table.dom.removeEventListener("keydown", this.boundOnKeyDown);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
// Remove the bulk element from the DOM if it exists
|
|
44
|
+
const el = document.getElementById(this.id);
|
|
45
|
+
if (el && el.parentNode) {
|
|
46
|
+
el.parentNode.removeChild(el);
|
|
47
|
+
}
|
|
48
|
+
// Clear any references to help garbage collection
|
|
49
|
+
this.page = null;
|
|
50
|
+
this.table = null;
|
|
51
|
+
this.model = null;
|
|
52
|
+
}
|
|
53
|
+
onKeyDown(event) {
|
|
54
|
+
const key = keyName(event);
|
|
55
|
+
const el = this.page.dom.querySelector(`#${this.id}`);
|
|
56
|
+
if (!el) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
if (key === "Enter" && this.page.getSelected().length > 0) {
|
|
60
|
+
// Open the content menu when Enter is pressed and at least one row is selected
|
|
61
|
+
event.preventDefault();
|
|
62
|
+
event.stopImmediatePropagation();
|
|
63
|
+
event.stopPropagation();
|
|
64
|
+
const contentMenu = new ContentMenu({
|
|
65
|
+
menu: this.model,
|
|
66
|
+
width: 280,
|
|
67
|
+
page: this.page,
|
|
68
|
+
menuPos: {
|
|
69
|
+
X: Number.parseInt(el.getBoundingClientRect().left),
|
|
70
|
+
Y: Number.parseInt(el.getBoundingClientRect().bottom)
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
contentMenu.open();
|
|
74
|
+
}
|
|
75
|
+
else if (key === " " &&
|
|
76
|
+
event.target === el.querySelector("input[type=checkbox]")) {
|
|
77
|
+
// Toggle "Select All" when Space is pressed on the checkbox
|
|
78
|
+
event.preventDefault();
|
|
79
|
+
event.stopImmediatePropagation();
|
|
80
|
+
event.stopPropagation();
|
|
81
|
+
const isChecked = this.isAllChecked();
|
|
82
|
+
this.toggleSelectAll(!isChecked);
|
|
83
|
+
}
|
|
84
|
+
else if ((event.ctrlKey || event.metaKey) && key === "a") {
|
|
85
|
+
// Select all when Ctrl+A is pressed
|
|
86
|
+
const isChecked = this.isAllChecked();
|
|
87
|
+
this.toggleSelectAll(!isChecked);
|
|
88
|
+
event.preventDefault();
|
|
89
|
+
event.stopImmediatePropagation();
|
|
90
|
+
event.stopPropagation();
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
toggleSelectAll(checked) {
|
|
94
|
+
// Update the DataTable instance
|
|
95
|
+
if (this.table) {
|
|
96
|
+
this.table.data.data.forEach(row => {
|
|
97
|
+
if (row.cells[this.checkboxColumn]) {
|
|
98
|
+
row.cells[this.checkboxColumn].data = checked;
|
|
99
|
+
row.cells[this.checkboxColumn].text = String(checked);
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
this.table.update();
|
|
103
|
+
}
|
|
104
|
+
this.onTableCheckChange();
|
|
105
|
+
}
|
|
106
|
+
onTableCheckChange() {
|
|
107
|
+
const el = this.page.dom.querySelector(`#${this.id}`);
|
|
108
|
+
if (!el) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
const allChecked = this.isAllChecked();
|
|
112
|
+
el.querySelector("input[type=checkbox]").checked = allChecked;
|
|
113
|
+
}
|
|
114
|
+
isAllChecked() {
|
|
115
|
+
const checkboxes = Array.from(this.table.dom.querySelectorAll("input.entry-select[type=checkbox]"));
|
|
116
|
+
const unchecked = checkboxes.filter(box => !box.checked);
|
|
117
|
+
return !unchecked.length && checkboxes.length;
|
|
118
|
+
}
|
|
119
|
+
onClick(event) {
|
|
120
|
+
const target = event.target;
|
|
121
|
+
if (target.matches(`#${this.id} *`)) {
|
|
122
|
+
event.preventDefault();
|
|
123
|
+
event.stopImmediatePropagation();
|
|
124
|
+
event.stopPropagation();
|
|
125
|
+
if (target.matches(".dt-bulk-dropdown, .dt-bulk-dropdown *")) {
|
|
126
|
+
// Dropdown
|
|
127
|
+
const el = document.querySelector(`#${this.id}`);
|
|
128
|
+
if (el) {
|
|
129
|
+
const contentMenu = new ContentMenu({
|
|
130
|
+
menu: this.model,
|
|
131
|
+
width: 280,
|
|
132
|
+
page: this.page,
|
|
133
|
+
menuPos: {
|
|
134
|
+
X: Number.parseInt(event.pageX),
|
|
135
|
+
Y: Number.parseInt(event.pageY)
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
contentMenu.open();
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
else if (target.matches(".fw-check + label, .fw-check + label *")) {
|
|
142
|
+
// Click on bulk checkbox
|
|
143
|
+
const isChecked = this.isAllChecked();
|
|
144
|
+
this.toggleSelectAll(!isChecked);
|
|
145
|
+
target
|
|
146
|
+
.closest("div.datatable-wrapper")
|
|
147
|
+
.querySelector("input[type=checkbox]").checked = !isChecked;
|
|
148
|
+
this.onTableCheckChange();
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
else if (target.matches(".fw-data-table .entry-select + label")) {
|
|
152
|
+
// The browser will try to scroll the checkbox into view and that will break the page layout.
|
|
153
|
+
event.preventDefault();
|
|
154
|
+
event.stopImmediatePropagation();
|
|
155
|
+
event.stopPropagation();
|
|
156
|
+
const tr = target.closest("tr");
|
|
157
|
+
const index = parseInt(tr.dataset.index);
|
|
158
|
+
const row = this.table.data.data[index];
|
|
159
|
+
const cell = row.cells[this.checkboxColumn];
|
|
160
|
+
cell.data = !cell.data;
|
|
161
|
+
cell.text = String(cell.data);
|
|
162
|
+
this.table.update();
|
|
163
|
+
this.onTableCheckChange();
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
getHTML() {
|
|
167
|
+
return `<div id="${this.id}" class="dt-bulk" role="group" aria-label="Bulk actions">
|
|
168
|
+
<input type="checkbox" id="${this.id}_check" class="fw-check" aria-label="Select all">
|
|
169
|
+
<label for="${this.id}_check"></label>
|
|
170
|
+
<span class="dt-bulk-dropdown" tabindex="0" role="button" aria-label="Open bulk actions menu">
|
|
171
|
+
<i class="fa fa-caret-down"></i>
|
|
172
|
+
</span>
|
|
173
|
+
</div>`;
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
//# sourceMappingURL=datatable_bulk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datatable_bulk.js","sourceRoot":"","sources":["../src/datatable_bulk.ts"],"names":[],"mappings":"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"}
|
package/dist/dialog.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare class Dialog {
|
|
2
|
+
constructor(options: any);
|
|
3
|
+
setButtons(buttons: any): void;
|
|
4
|
+
open(): void;
|
|
5
|
+
refreshButtons(): void;
|
|
6
|
+
refreshNote(): void;
|
|
7
|
+
centerDialog(): void;
|
|
8
|
+
adjustDialogToScroll(): void;
|
|
9
|
+
moveDialog(x: any, y: any): void;
|
|
10
|
+
onScroll(_event: any): void;
|
|
11
|
+
onKeydown(event: any): void;
|
|
12
|
+
bind(): void;
|
|
13
|
+
nextDialogZIndex(): number;
|
|
14
|
+
getFocusableElements(): unknown[];
|
|
15
|
+
getInitialFocusElement(): any;
|
|
16
|
+
close(): void;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.ts"],"names":[],"mappings":"AA+FA,qBAAa,MAAM;gBACH,OAAO,KAAA;IAwCnB,UAAU,CAAC,OAAO,KAAA;IAsBlB,IAAI;IAsEJ,cAAc;IAKd,WAAW;IAMX,YAAY;IAYZ,oBAAoB;IAYpB,UAAU,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA;IAcf,QAAQ,CAAC,MAAM,KAAA;IASf,SAAS,CAAC,KAAK,KAAA;IA+Bf,IAAI;IA6EJ,gBAAgB;IAYhB,oBAAoB;IAsBpB,sBAAsB;IAiCtB,KAAK;CAuBR"}
|
package/dist/dialog.js
ADDED
|
@@ -0,0 +1,395 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
2
|
+
import { keyName } from "w3c-keyname";
|
|
3
|
+
import { findTarget } from "./basic.js";
|
|
4
|
+
const dialogTemplate = ({ id, classes, title, height, width, icon, buttons, zIndex, body, scroll, help, canClose, note, blur }) => `<div tabindex="-1" role="dialog"
|
|
5
|
+
class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front ui-dialog-buttons"
|
|
6
|
+
${id ? `aria-describedby="${id}"` : ""} style="z-index: ${zIndex};">
|
|
7
|
+
<div class="ui-dialog-titlebar ui-corner-all ui-widget-header ui-helper-clearfix">
|
|
8
|
+
${icon ? `<i class="fa fa-${icon}" aria-hidden="true"></i>` : ""}
|
|
9
|
+
<span id="ui-id-2" class="ui-dialog-title">${title}</span>
|
|
10
|
+
${help
|
|
11
|
+
? `<button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-help" title="${gettext("Help")}">
|
|
12
|
+
<span class="ui-button-icon ui-icon ui-icon-help"> </span>
|
|
13
|
+
<span class="ui-button-icon-space"> </span>
|
|
14
|
+
${gettext("Help")}
|
|
15
|
+
</button>`
|
|
16
|
+
: ""}
|
|
17
|
+
${canClose
|
|
18
|
+
? `<button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" title="${gettext("Close")}">
|
|
19
|
+
<span class="ui-button-icon ui-icon ui-icon-closethick"> </span>
|
|
20
|
+
<span class="ui-button-icon-space"> </span>
|
|
21
|
+
${gettext("Close")}
|
|
22
|
+
</button>`
|
|
23
|
+
: ""}
|
|
24
|
+
|
|
25
|
+
</div>
|
|
26
|
+
<div ${id ? `id="${id}"` : ""} class="ui-dialog-content ui-widget-content${classes ? ` ${classes}` : ""}${scroll ? " ui-scrollable" : ""}" style="width: ${width}; height: ${height};">
|
|
27
|
+
${note.text ? `<div class="note-container">${noteTemplate(note)}</div>` : ""}
|
|
28
|
+
${body}
|
|
29
|
+
</div>
|
|
30
|
+
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
|
|
31
|
+
<div class="ui-dialog-buttonset">${buttonsTemplate({ buttons })}</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="ui-widget-overlay ui-front${blur === false ? " no-blur" : ""}" style="z-index: ${zIndex - 1}"></div>`;
|
|
35
|
+
const noteTemplate = note => {
|
|
36
|
+
return note.text
|
|
37
|
+
? `<p class="noteEl ${note.display ? "" : "hide"}">${note.text}</p>`
|
|
38
|
+
: "";
|
|
39
|
+
};
|
|
40
|
+
const buttonsTemplate = ({ buttons }) => buttons.map(button => buttonTemplate(button)).join("");
|
|
41
|
+
const buttonTemplate = ({ text, classes, icon, dropdown }) => `<button type="button" class="${classes ? classes : "fw-light"} fw-button ui-button ui-corner-all ui-widget">
|
|
42
|
+
${icon ? `<i class="fa fa-${icon}" aria-hidden="true"></i>` : ""}
|
|
43
|
+
${text}
|
|
44
|
+
${dropdown ? '<i class="fa fa-caret-down" aria-hidden="true"></i>' : ""}
|
|
45
|
+
</button>`;
|
|
46
|
+
const BUTTON_TYPES = {
|
|
47
|
+
close: {
|
|
48
|
+
text: gettext("Close"),
|
|
49
|
+
classes: "fw-orange",
|
|
50
|
+
click: dialog => () => dialog.close()
|
|
51
|
+
},
|
|
52
|
+
cancel: {
|
|
53
|
+
text: gettext("Cancel"),
|
|
54
|
+
classes: "fw-orange",
|
|
55
|
+
click: dialog => () => dialog.close()
|
|
56
|
+
},
|
|
57
|
+
ok: {
|
|
58
|
+
text: gettext("OK"),
|
|
59
|
+
classes: "fw-dark",
|
|
60
|
+
click: dialog => () => dialog.close()
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
export class Dialog {
|
|
64
|
+
constructor(options) {
|
|
65
|
+
this.id = options.id || false;
|
|
66
|
+
this.classes = options.classes || false;
|
|
67
|
+
this.title = options.title || "";
|
|
68
|
+
this.body = options.body || "";
|
|
69
|
+
this.restoreActiveElement = options.restoreActiveElement !== false; // default is true
|
|
70
|
+
this.height = options.height ? `${options.height}px` : "auto";
|
|
71
|
+
this.width = options.width ? `${options.width}px` : "auto";
|
|
72
|
+
this.canClose = "canClose" in options ? options.canClose : true;
|
|
73
|
+
this.help = "help" in options ? options.help : false;
|
|
74
|
+
this.note = "note" in options ? options.note : {};
|
|
75
|
+
this.blur = "blur" in options ? options.blur : true;
|
|
76
|
+
this.buttons = [];
|
|
77
|
+
if (options.buttons) {
|
|
78
|
+
this.setButtons(options.buttons);
|
|
79
|
+
}
|
|
80
|
+
this.beforeClose = options.beforeClose || false;
|
|
81
|
+
this.onClose = options.onClose || false;
|
|
82
|
+
this.icon = options.icon || false;
|
|
83
|
+
this.scroll = options.scroll || false;
|
|
84
|
+
this.canEscape =
|
|
85
|
+
options.canEscape ??
|
|
86
|
+
options.buttons?.find(button => ["cancel", "close"].includes(button.type)) ??
|
|
87
|
+
false;
|
|
88
|
+
this.dialogEl = false;
|
|
89
|
+
this.backdropEl = false;
|
|
90
|
+
this.dragging = false;
|
|
91
|
+
this.hasBeenMoved = false;
|
|
92
|
+
this.listeners = {};
|
|
93
|
+
this.fullScreen = options.fullScreen ? options.fullScreen : false;
|
|
94
|
+
this.initialFocus = options.initialFocus || null;
|
|
95
|
+
this.previousActiveElement = null; // Store previously focused element
|
|
96
|
+
this.firstFocusableEl = null;
|
|
97
|
+
this.lastFocusableEl = null;
|
|
98
|
+
this.focusableEls = null;
|
|
99
|
+
}
|
|
100
|
+
setButtons(buttons) {
|
|
101
|
+
this.buttons = buttons.map(button => ({
|
|
102
|
+
text: button.text
|
|
103
|
+
? button.text
|
|
104
|
+
: button.type
|
|
105
|
+
? BUTTON_TYPES[button.type].text
|
|
106
|
+
: "",
|
|
107
|
+
classes: button.classes
|
|
108
|
+
? button.classes
|
|
109
|
+
: button.type
|
|
110
|
+
? BUTTON_TYPES[button.type].classes
|
|
111
|
+
: false,
|
|
112
|
+
click: button.click
|
|
113
|
+
? button.click
|
|
114
|
+
: button.type
|
|
115
|
+
? BUTTON_TYPES[button.type].click(this)
|
|
116
|
+
: "",
|
|
117
|
+
icon: button.icon ? button.icon : false,
|
|
118
|
+
dropdown: button.dropdown ? true : false
|
|
119
|
+
}));
|
|
120
|
+
}
|
|
121
|
+
open() {
|
|
122
|
+
if (this.dialogEl) {
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
// Store currently focused element to restore later
|
|
126
|
+
this.previousActiveElement = this.restoreActiveElement
|
|
127
|
+
? document.activeElement
|
|
128
|
+
: null;
|
|
129
|
+
if (this.fullScreen) {
|
|
130
|
+
this.height = "85vh";
|
|
131
|
+
}
|
|
132
|
+
document.body.insertAdjacentHTML("beforeend", dialogTemplate({
|
|
133
|
+
id: this.id,
|
|
134
|
+
classes: this.classes,
|
|
135
|
+
title: this.title,
|
|
136
|
+
height: this.height,
|
|
137
|
+
width: this.width,
|
|
138
|
+
icon: this.icon,
|
|
139
|
+
buttons: this.buttons,
|
|
140
|
+
zIndex: this.nextDialogZIndex(),
|
|
141
|
+
body: this.body,
|
|
142
|
+
scroll: this.scroll,
|
|
143
|
+
canClose: this.canClose,
|
|
144
|
+
help: this.help,
|
|
145
|
+
note: this.note,
|
|
146
|
+
blur: this.blur
|
|
147
|
+
}));
|
|
148
|
+
this.backdropEl = document.body.lastElementChild;
|
|
149
|
+
this.dialogEl = this.backdropEl.previousElementSibling;
|
|
150
|
+
if (this.fullScreen) {
|
|
151
|
+
this.dialogEl.style.width = "98%";
|
|
152
|
+
this.dialogEl.style.height = "100%";
|
|
153
|
+
this.dialogEl.style.position = "fixed";
|
|
154
|
+
this.dialogEl.style.top = "0px";
|
|
155
|
+
}
|
|
156
|
+
else {
|
|
157
|
+
this.centerDialog();
|
|
158
|
+
}
|
|
159
|
+
// Set dialog attributes for accessibility
|
|
160
|
+
this.dialogEl.setAttribute("role", "dialog");
|
|
161
|
+
this.dialogEl.setAttribute("aria-modal", "true");
|
|
162
|
+
if (this.title) {
|
|
163
|
+
this.dialogEl.setAttribute("aria-labelledby", "dialog-title");
|
|
164
|
+
this.dialogEl.querySelector(".ui-dialog-title").id = "dialog-title";
|
|
165
|
+
}
|
|
166
|
+
// Get all focusable elements
|
|
167
|
+
this.focusableEls = this.getFocusableElements();
|
|
168
|
+
this.firstFocusableEl = this.focusableEls[0];
|
|
169
|
+
this.lastFocusableEl = this.focusableEls[this.focusableEls.length - 1];
|
|
170
|
+
// Set initial focus to the most appropriate element
|
|
171
|
+
const initialFocusElement = this.getInitialFocusElement();
|
|
172
|
+
if (initialFocusElement) {
|
|
173
|
+
setTimeout(() => initialFocusElement.focus(), 0);
|
|
174
|
+
}
|
|
175
|
+
else if (this.firstFocusableEl) {
|
|
176
|
+
this.firstFocusableEl.focus();
|
|
177
|
+
}
|
|
178
|
+
else {
|
|
179
|
+
this.dialogEl.focus();
|
|
180
|
+
}
|
|
181
|
+
this.bind();
|
|
182
|
+
}
|
|
183
|
+
refreshButtons() {
|
|
184
|
+
this.dialogEl.querySelector(".ui-dialog-buttonset").innerHTML =
|
|
185
|
+
buttonsTemplate({ buttons: this.buttons });
|
|
186
|
+
}
|
|
187
|
+
refreshNote() {
|
|
188
|
+
this.dialogEl.querySelector(".note-container").innerHTML = noteTemplate(this.note);
|
|
189
|
+
}
|
|
190
|
+
centerDialog() {
|
|
191
|
+
const totalWidth = window.innerWidth, totalHeight = window.innerHeight, dialogWidth = this.dialogEl.clientWidth, dialogHeight = this.dialogEl.clientHeight, scrollTopOffset = window.pageYOffset, scrollLeftOffset = window.pageXOffset;
|
|
192
|
+
this.dialogEl.style.top = `${(totalHeight - dialogHeight) / 2 + scrollTopOffset}px`;
|
|
193
|
+
this.dialogEl.style.left = `${(totalWidth - dialogWidth) / 2 + scrollLeftOffset}px`;
|
|
194
|
+
}
|
|
195
|
+
adjustDialogToScroll() {
|
|
196
|
+
this.dialogEl.style.top = `${Math.max(Math.min(this.dialogEl.offsetTop, this.backdropEl.scrollHeight -
|
|
197
|
+
this.dialogEl.scrollHeight +
|
|
198
|
+
window.pageYOffset), window.pageYOffset)}px`;
|
|
199
|
+
}
|
|
200
|
+
moveDialog(x, y) {
|
|
201
|
+
this.dialogEl.style.top = `${Math.min(Math.max(y - this.dragging.y, 0), this.backdropEl.scrollHeight -
|
|
202
|
+
this.dialogEl.scrollHeight +
|
|
203
|
+
window.pageYOffset)}px`;
|
|
204
|
+
this.dialogEl.style.left = `${Math.min(Math.max(x - this.dragging.x, 0), document.body.scrollWidth - this.dialogEl.scrollWidth)}px`;
|
|
205
|
+
this.hasBeenMoved = true;
|
|
206
|
+
}
|
|
207
|
+
onScroll(_event) {
|
|
208
|
+
if (this.hasBeenMoved) {
|
|
209
|
+
// The dialog has been moved manually. We just adjust the position to make it stay in the view.
|
|
210
|
+
this.adjustDialogToScroll();
|
|
211
|
+
}
|
|
212
|
+
else {
|
|
213
|
+
this.centerDialog();
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
onKeydown(event) {
|
|
217
|
+
let name = keyName(event);
|
|
218
|
+
if (event.altKey) {
|
|
219
|
+
name = "Alt-" + name;
|
|
220
|
+
}
|
|
221
|
+
if (event.ctrlKey) {
|
|
222
|
+
name = "Ctrl-" + name;
|
|
223
|
+
}
|
|
224
|
+
if (event.metaKey) {
|
|
225
|
+
name = "Meta-" + name;
|
|
226
|
+
}
|
|
227
|
+
if (event.shiftKey) {
|
|
228
|
+
name = "Shift-" + name;
|
|
229
|
+
}
|
|
230
|
+
if (name === "Escape" && this.canEscape) {
|
|
231
|
+
event.preventDefault();
|
|
232
|
+
this.close();
|
|
233
|
+
return;
|
|
234
|
+
}
|
|
235
|
+
else if (name === "Tab") {
|
|
236
|
+
if (document.activeElement === this.lastFocusableEl) {
|
|
237
|
+
event.preventDefault();
|
|
238
|
+
this.firstFocusableEl.focus();
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
else if (name === "Shift-Tab") {
|
|
242
|
+
if (document.activeElement === this.firstFocusableEl) {
|
|
243
|
+
event.preventDefault();
|
|
244
|
+
this.lastFocusableEl.focus();
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
bind() {
|
|
249
|
+
this.listeners.onKeydown = event => this.onKeydown(event);
|
|
250
|
+
document.body.addEventListener("keydown", this.listeners.onKeydown);
|
|
251
|
+
this.dialogEl.addEventListener("click", event => {
|
|
252
|
+
const el = {};
|
|
253
|
+
switch (true) {
|
|
254
|
+
case findTarget(event, ".ui-dialog-buttonpane button", el): {
|
|
255
|
+
event.preventDefault();
|
|
256
|
+
let buttonNumber = 0;
|
|
257
|
+
let seekItem = el.target;
|
|
258
|
+
while (seekItem.previousElementSibling) {
|
|
259
|
+
buttonNumber++;
|
|
260
|
+
seekItem = seekItem.previousElementSibling;
|
|
261
|
+
}
|
|
262
|
+
this.buttons[buttonNumber].click(event);
|
|
263
|
+
break;
|
|
264
|
+
}
|
|
265
|
+
case findTarget(event, ".ui-dialog-titlebar-close", el):
|
|
266
|
+
event.preventDefault();
|
|
267
|
+
this.close();
|
|
268
|
+
break;
|
|
269
|
+
case findTarget(event, ".ui-dialog-titlebar-help", el):
|
|
270
|
+
event.preventDefault();
|
|
271
|
+
this.help();
|
|
272
|
+
break;
|
|
273
|
+
default:
|
|
274
|
+
break;
|
|
275
|
+
}
|
|
276
|
+
});
|
|
277
|
+
if (!this.fullScreen) {
|
|
278
|
+
this.listeners.onScroll = event => this.onScroll(event);
|
|
279
|
+
window.addEventListener("scroll", this.listeners.onScroll, false);
|
|
280
|
+
this.dialogEl.addEventListener("mousedown", event => {
|
|
281
|
+
const el = {};
|
|
282
|
+
switch (true) {
|
|
283
|
+
case findTarget(event, ".ui-dialog-titlebar", el):
|
|
284
|
+
this.dragging = {
|
|
285
|
+
x: event.clientX - this.dialogEl.offsetLeft,
|
|
286
|
+
y: event.clientY - this.dialogEl.offsetTop
|
|
287
|
+
};
|
|
288
|
+
break;
|
|
289
|
+
default:
|
|
290
|
+
break;
|
|
291
|
+
}
|
|
292
|
+
});
|
|
293
|
+
this.dialogEl.addEventListener("mouseup", event => {
|
|
294
|
+
const el = {};
|
|
295
|
+
switch (true) {
|
|
296
|
+
case findTarget(event, ".ui-dialog-titlebar", el):
|
|
297
|
+
this.dragging = false;
|
|
298
|
+
break;
|
|
299
|
+
default:
|
|
300
|
+
break;
|
|
301
|
+
}
|
|
302
|
+
});
|
|
303
|
+
this.dialogEl.addEventListener("mousemove", event => {
|
|
304
|
+
if (!this.dragging) {
|
|
305
|
+
return;
|
|
306
|
+
}
|
|
307
|
+
this.moveDialog(event.clientX, event.clientY);
|
|
308
|
+
});
|
|
309
|
+
}
|
|
310
|
+
// Prevent clicks outside dialog from moving focus outside
|
|
311
|
+
this.backdropEl.addEventListener("click", event => {
|
|
312
|
+
event.preventDefault();
|
|
313
|
+
if (this.canClose) {
|
|
314
|
+
this.close();
|
|
315
|
+
}
|
|
316
|
+
});
|
|
317
|
+
// Prevent focus from leaving dialog when clicking backdrop
|
|
318
|
+
this.backdropEl.addEventListener("mousedown", event => {
|
|
319
|
+
event.preventDefault();
|
|
320
|
+
});
|
|
321
|
+
}
|
|
322
|
+
nextDialogZIndex() {
|
|
323
|
+
let zIndex = 100;
|
|
324
|
+
document
|
|
325
|
+
.querySelectorAll("div.ui-dialog")
|
|
326
|
+
.forEach(dialogEl => (zIndex = Math.max(zIndex, dialogEl.style.zIndex)));
|
|
327
|
+
zIndex += 2;
|
|
328
|
+
document.body.style.setProperty("--highest-dialog-z-index", zIndex);
|
|
329
|
+
return zIndex;
|
|
330
|
+
}
|
|
331
|
+
getFocusableElements() {
|
|
332
|
+
// Get all focusable elements
|
|
333
|
+
const focusableSelectors = [
|
|
334
|
+
"button:not([disabled])",
|
|
335
|
+
"[href]",
|
|
336
|
+
"input:not([disabled])",
|
|
337
|
+
"select:not([disabled])",
|
|
338
|
+
"textarea:not([disabled])",
|
|
339
|
+
'[tabindex]:not([tabindex="-1"])'
|
|
340
|
+
].join(",");
|
|
341
|
+
const elements = Array.from(this.dialogEl.querySelectorAll(focusableSelectors));
|
|
342
|
+
// Filter out hidden elements
|
|
343
|
+
return elements.filter(el => {
|
|
344
|
+
const style = window.getComputedStyle(el);
|
|
345
|
+
return style.display !== "none" && style.visibility !== "hidden";
|
|
346
|
+
});
|
|
347
|
+
}
|
|
348
|
+
getInitialFocusElement() {
|
|
349
|
+
if (this.initialFocus) {
|
|
350
|
+
const customFocusElement = this.dialogEl.querySelector(this.initialFocus);
|
|
351
|
+
if (customFocusElement) {
|
|
352
|
+
return customFocusElement;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
// Get all focusable elements
|
|
356
|
+
const elements = this.getFocusableElements();
|
|
357
|
+
// Try to find the most appropriate initial focus target
|
|
358
|
+
const priorityElements = [
|
|
359
|
+
// First try to find a text input
|
|
360
|
+
elements.find(el => el.tagName === "INPUT" && el.type === "text"),
|
|
361
|
+
// Then try to find the first button in the button pane
|
|
362
|
+
elements.find(el => el.closest(".ui-dialog-buttonpane")),
|
|
363
|
+
// Then try to find any input
|
|
364
|
+
elements.find(el => el.tagName === "INPUT"),
|
|
365
|
+
// Then try to find any button except close/help
|
|
366
|
+
elements.find(el => el.tagName === "BUTTON" &&
|
|
367
|
+
!el.classList.contains("ui-dialog-titlebar-close") &&
|
|
368
|
+
!el.classList.contains("ui-dialog-titlebar-help"))
|
|
369
|
+
];
|
|
370
|
+
// Return the first element that exists
|
|
371
|
+
return priorityElements.find(el => el) || elements[0];
|
|
372
|
+
}
|
|
373
|
+
close() {
|
|
374
|
+
if (!this.dialogEl) {
|
|
375
|
+
return;
|
|
376
|
+
}
|
|
377
|
+
if (!this.fullScreen) {
|
|
378
|
+
window.removeEventListener("scroll", this.listeners.onScroll, false);
|
|
379
|
+
}
|
|
380
|
+
document.body.removeEventListener("keydown", this.listeners.onKeydown);
|
|
381
|
+
if (this.beforeClose) {
|
|
382
|
+
this.beforeClose();
|
|
383
|
+
}
|
|
384
|
+
this.dialogEl.parentElement.removeChild(this.dialogEl);
|
|
385
|
+
this.backdropEl.parentElement.removeChild(this.backdropEl);
|
|
386
|
+
// Restore focus to previous element
|
|
387
|
+
if (this.previousActiveElement && this.previousActiveElement.focus) {
|
|
388
|
+
this.previousActiveElement.focus();
|
|
389
|
+
}
|
|
390
|
+
if (this.onClose) {
|
|
391
|
+
this.onClose();
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../src/dialog.ts"],"names":[],"mappings":"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"}
|
package/dist/events.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,GAAG,UAAK,YAQrC,CAAA"}
|
package/dist/events.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
2
|
+
export const isActivationEvent = event => {
|
|
3
|
+
if (event.type === "click") {
|
|
4
|
+
return true;
|
|
5
|
+
}
|
|
6
|
+
if (event.type === "keydown") {
|
|
7
|
+
return event.key === "Enter" || event.key === " ";
|
|
8
|
+
}
|
|
9
|
+
return false;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=events.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.js","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACrC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAA;IACf,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAA;IACrD,CAAC;IACD,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA"}
|