@web-atoms/web-controls 2.3.0 → 2.3.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/dist/ModuleFiles.js +1 -55
- package/dist/ModuleFiles.js.map +1 -1
- package/dist/PageNavigator.js +1 -61
- package/dist/PageNavigator.js.map +1 -1
- package/dist/animations/Animations.js +1 -52
- package/dist/animations/Animations.js.map +1 -1
- package/dist/auto-complete/AppComboBoxViewModel.js +1 -19
- package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBox.js +1 -332
- package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.js +1 -86
- package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
- package/dist/auto-complete/ItemHost.js +1 -42
- package/dist/auto-complete/ItemHost.js.map +1 -1
- package/dist/basic/AtomChips.js +1 -376
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.js +1 -1116
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.js +1 -167
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.js +1 -65
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.js +1 -251
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.js +1 -76
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.js +1 -31
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.js +1 -53
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/ComboBox.js +1 -87
- package/dist/basic/ComboBox.js.map +1 -1
- package/dist/basic/DataGrid.js +1 -332
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.js +1 -94
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.js +1 -174
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Editable.js +1 -121
- package/dist/basic/Editable.js.map +1 -1
- package/dist/basic/Expander.js +1 -139
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/Form.js +1 -319
- package/dist/basic/Form.js.map +1 -1
- package/dist/basic/FormDialog.js +1 -31
- package/dist/basic/FormDialog.js.map +1 -1
- package/dist/basic/FormField.js +1 -192
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/IElement.js +1 -8
- package/dist/basic/InlinePopup.js +1 -327
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.js +1 -38
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/Input.js +1 -29
- package/dist/basic/Input.js.map +1 -1
- package/dist/basic/ListRepeater.js +1 -51
- package/dist/basic/ListRepeater.js.map +1 -1
- package/dist/basic/MaskedInput.js +1 -65
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/MaskedInputDiv.js +1 -99
- package/dist/basic/MaskedInputDiv.js.map +1 -1
- package/dist/basic/Mix.js +1 -36
- package/dist/basic/Mix.js.map +1 -1
- package/dist/basic/Panel.js +1 -36
- package/dist/basic/Panel.js.map +1 -1
- package/dist/basic/PasswordBox.js +1 -56
- package/dist/basic/PasswordBox.js.map +1 -1
- package/dist/basic/PinchZoomView.js +1 -270
- package/dist/basic/PinchZoomView.js.map +1 -1
- package/dist/basic/PopupButton.js +1 -73
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.js +1 -66
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/RefreshLock.js +1 -84
- package/dist/basic/RefreshLock.js.map +1 -1
- package/dist/basic/Row.js +1 -42
- package/dist/basic/Row.js.map +1 -1
- package/dist/basic/Swipe.js +1 -120
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.js +1 -60
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.js +1 -51
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/ToggleButtonBar.js +1 -63
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.js +1 -101
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/basic/combineClasses.js +1 -12
- package/dist/basic/combineClasses.js.map +1 -1
- package/dist/basic/in-built/InBuiltStyles.js +1 -48
- package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +1 -45
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/buttons/AtomPopupButton.js +1 -21
- package/dist/buttons/AtomPopupButton.js.map +1 -1
- package/dist/buttons/AtomPopupButtonStyle.js +1 -31
- package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
- package/dist/calendar/AtomCalendar.js +1 -98
- package/dist/calendar/AtomCalendar.js.map +1 -1
- package/dist/calendar/AtomCalendarStyle.js +1 -179
- package/dist/calendar/AtomCalendarStyle.js.map +1 -1
- package/dist/calendar/CalendarViewModel.js +1 -133
- package/dist/calendar/CalendarViewModel.js.map +1 -1
- package/dist/calendar/res/SRCalendar.js +1 -89
- package/dist/calendar/res/SRCalendar.js.map +1 -1
- package/dist/calendar/res/en-US/SRCalendar.js +1 -77
- package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
- package/dist/data-grid/AtomColumn.js +1 -60
- package/dist/data-grid/AtomColumn.js.map +1 -1
- package/dist/data-grid/AtomDataGrid.js +1 -71
- package/dist/data-grid/AtomDataGrid.js.map +1 -1
- package/dist/data-grid/AtomDataGridStyle.js +1 -55
- package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
- package/dist/data-grid/AtomDataGridViewModel.js +1 -78
- package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
- package/dist/data-grid/GridTemplate.js +1 -65
- package/dist/data-grid/GridTemplate.js.map +1 -1
- package/dist/data-pager/AtomDataPager.js +1 -112
- package/dist/data-pager/AtomDataPager.js.map +1 -1
- package/dist/date-field/AtomDateField.js +1 -60
- package/dist/date-field/AtomDateField.js.map +1 -1
- package/dist/desktop-app/DesktopApp.js +1 -95
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/form/AtomField.js +1 -145
- package/dist/form/AtomField.js.map +1 -1
- package/dist/form/AtomForm.js +1 -102
- package/dist/form/AtomForm.js.map +1 -1
- package/dist/form/AtomFormGroup.js +1 -16
- package/dist/form/AtomFormGroup.js.map +1 -1
- package/dist/form/AtomFormStyle.js +1 -72
- package/dist/form/AtomFormStyle.js.map +1 -1
- package/dist/form/HelpPopup.js +1 -26
- package/dist/form/HelpPopup.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +3 -329
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.js +1 -84
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.js +1 -103
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/Align.js +1 -40
- package/dist/html-editor/commands/Align.js.map +1 -1
- package/dist/html-editor/commands/AttachFile.js +1 -97
- package/dist/html-editor/commands/AttachFile.js.map +1 -1
- package/dist/html-editor/commands/Bold.js +1 -23
- package/dist/html-editor/commands/Bold.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +1 -56
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +1 -71
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/ChangeFontSize.js +1 -32
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
- package/dist/html-editor/commands/Command.js +1 -56
- package/dist/html-editor/commands/Command.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +1 -99
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Headings.js +1 -42
- package/dist/html-editor/commands/Headings.js.map +1 -1
- package/dist/html-editor/commands/HorizontalRule.js +1 -22
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
- package/dist/html-editor/commands/HtmlCommands.js +1 -77
- package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
- package/dist/html-editor/commands/IndentLess.js +1 -23
- package/dist/html-editor/commands/IndentLess.js.map +1 -1
- package/dist/html-editor/commands/IndentMore.js +1 -23
- package/dist/html-editor/commands/IndentMore.js.map +1 -1
- package/dist/html-editor/commands/Italic.js +1 -23
- package/dist/html-editor/commands/Italic.js.map +1 -1
- package/dist/html-editor/commands/NumberedList.js +1 -23
- package/dist/html-editor/commands/NumberedList.js.map +1 -1
- package/dist/html-editor/commands/Quote.js +1 -23
- package/dist/html-editor/commands/Quote.js.map +1 -1
- package/dist/html-editor/commands/RemoveFormat.js +1 -23
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
- package/dist/html-editor/commands/Separator.js +1 -25
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.js +1 -99
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/html-editor/commands/StrikeThrough.js +1 -23
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
- package/dist/html-editor/commands/Underline.js +1 -23
- package/dist/html-editor/commands/Underline.js.map +1 -1
- package/dist/html-editor/commands/Unlink.js +1 -24
- package/dist/html-editor/commands/Unlink.js.map +1 -1
- package/dist/html-editor/commands/UnorderedList.js +1 -23
- package/dist/html-editor/commands/UnorderedList.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrame.js +1 -205
- package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameStyle.js +1 -63
- package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.js +1 -53
- package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
- package/dist/mobile/pages/Page.js +1 -26
- package/dist/mobile/pages/Page.js.map +1 -1
- package/dist/mobile/pages/PageFrameViewModel.js +1 -169
- package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
- package/dist/mobile/pages/TitleTemplate.js +1 -27
- package/dist/mobile/pages/TitleTemplate.js.map +1 -1
- package/dist/mobile-app/BottomPopup.js +1 -230
- package/dist/mobile-app/BottomPopup.js.map +1 -1
- package/dist/mobile-app/MobileApp.js +1 -604
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.js +1 -248
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.js +1 -29
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/setupBridge.js +1 -89
- package/dist/setupBridge.js.map +1 -1
- package/dist/switch/AtomSwitch.js +1 -48
- package/dist/switch/AtomSwitch.js.map +1 -1
- package/dist/switch/AtomSwitchStyle.js +1 -79
- package/dist/switch/AtomSwitchStyle.js.map +1 -1
- package/dist/time-field/AtomTimeField.js +1 -105
- package/dist/time-field/AtomTimeField.js.map +1 -1
- package/dist/time-field/AtomTimeFieldStyle.js +1 -27
- package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.js +1 -101
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
package/dist/basic/Form.js
CHANGED
|
@@ -1,320 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/XNode",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var XNode, StyleRule, CSS, ToggleButtonBar, __rest, FormButtonBar, css, submitFormHandler, checkValidity, moveNext, formId, formGroupSymbol, elementType;
|
|
5
|
-
function FormAction(_a, node) {
|
|
6
|
-
var _b;
|
|
7
|
-
var {
|
|
8
|
-
action = "submit",
|
|
9
|
-
eventClick,
|
|
10
|
-
"event-click": eventClick2
|
|
11
|
-
} = _a,
|
|
12
|
-
a = __rest(_a, ["action", "eventClick", "event-click"]);
|
|
13
|
-
const attributes = (_b = node.attributes) !== null && _b !== void 0 ? _b : node.attributes = {};
|
|
14
|
-
attributes["data-wa-form-action"] = action;
|
|
15
|
-
const e = attributes["event-click"] || attributes.eventClick;
|
|
16
|
-
if (e) {
|
|
17
|
-
attributes["event-submit"] = e;
|
|
18
|
-
delete attributes["event-click"];
|
|
19
|
-
delete attributes.eventClick;
|
|
20
|
-
}
|
|
21
|
-
eventClick !== null && eventClick !== void 0 ? eventClick : eventClick = eventClick2;
|
|
22
|
-
if (action === "submit" && eventClick) {
|
|
23
|
-
attributes.eventSubmit = eventClick;
|
|
24
|
-
}
|
|
25
|
-
node.attributes = Object.assign(Object.assign({}, a), attributes);
|
|
26
|
-
return node;
|
|
27
|
-
}
|
|
28
|
-
function SubmitAction(a, node) {
|
|
29
|
-
a.action = "submit";
|
|
30
|
-
return FormAction(a, node);
|
|
31
|
-
}
|
|
32
|
-
function CancelAction(a, node) {
|
|
33
|
-
a.action = "cancel";
|
|
34
|
-
return FormAction(a, node);
|
|
35
|
-
}
|
|
36
|
-
function SubmitButton(_a, ...nodes) {
|
|
37
|
-
var {
|
|
38
|
-
eventClick
|
|
39
|
-
} = _a,
|
|
40
|
-
others = __rest(_a, ["eventClick"]);
|
|
41
|
-
return XNode.create("button", Object.assign({
|
|
42
|
-
"data-wa-form-action": "submit",
|
|
43
|
-
eventSubmit: eventClick
|
|
44
|
-
}, others), ...nodes);
|
|
45
|
-
}
|
|
46
|
-
function findSubmitAction(e) {
|
|
47
|
-
var _a;
|
|
48
|
-
let button = e.target;
|
|
49
|
-
if (e.type === "submit") {
|
|
50
|
-
e.preventDefault();
|
|
51
|
-
button = e.submitter;
|
|
52
|
-
}
|
|
53
|
-
while (button) {
|
|
54
|
-
const action = (_a = button.dataset.waFormAction) !== null && _a !== void 0 ? _a : button.dataset.event;
|
|
55
|
-
if (/submit|cancel/i.test(action)) {
|
|
56
|
-
return {
|
|
57
|
-
button,
|
|
58
|
-
action
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
button = button.parentElement;
|
|
62
|
-
}
|
|
63
|
-
return {
|
|
64
|
-
button
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
function FormGroup(fg, ...nodes) {
|
|
68
|
-
fg[formGroupSymbol] = true;
|
|
69
|
-
return XNode.create("div", Object.assign({}, fg), ...nodes);
|
|
70
|
-
}
|
|
71
|
-
function Form(_a, ...nodes) {
|
|
72
|
-
var _b;
|
|
73
|
-
var {
|
|
74
|
-
id = formId++,
|
|
75
|
-
focusNextOnEnter = true,
|
|
76
|
-
scrollable,
|
|
77
|
-
eventSubmit
|
|
78
|
-
} = _a,
|
|
79
|
-
a = __rest(_a, ["id", "focusNextOnEnter", "scrollable", "eventSubmit"]);
|
|
80
|
-
if (focusNextOnEnter) {
|
|
81
|
-
a.eventKeypress = moveNext(eventSubmit);
|
|
82
|
-
}
|
|
83
|
-
a["data-form-id"] = id;
|
|
84
|
-
a["data-scrollable"] = !!scrollable;
|
|
85
|
-
if (!eventSubmit) {
|
|
86
|
-
a["data-wa-show-errors"] = "yes";
|
|
87
|
-
}
|
|
88
|
-
const fields = [];
|
|
89
|
-
for (const iterator of nodes) {
|
|
90
|
-
if (!iterator) {
|
|
91
|
-
continue;
|
|
92
|
-
}
|
|
93
|
-
const ca = iterator.attributes;
|
|
94
|
-
if (ca === null || ca === void 0 ? void 0 : ca[formGroupSymbol]) {
|
|
95
|
-
for (const child of iterator.children) {
|
|
96
|
-
const cha = (_b = child.attributes) !== null && _b !== void 0 ? _b : child.attributes = {};
|
|
97
|
-
cha["data-group"] = ca.group;
|
|
98
|
-
fields.push(child);
|
|
99
|
-
}
|
|
100
|
-
continue;
|
|
101
|
-
}
|
|
102
|
-
fields.push(iterator);
|
|
103
|
-
}
|
|
104
|
-
return XNode.create("div", Object.assign({
|
|
105
|
-
"data-wa-form": "wa-form"
|
|
106
|
-
}, a, {
|
|
107
|
-
eventSubmitForm: eventSubmit,
|
|
108
|
-
eventClick: checkValidity(eventSubmit)
|
|
109
|
-
}), ...fields);
|
|
110
|
-
}
|
|
111
|
-
function FormLayout(_a, ...nodes) {
|
|
112
|
-
var _b, _c, _d;
|
|
113
|
-
var {
|
|
114
|
-
id = formId++,
|
|
115
|
-
focusNextOnEnter = true,
|
|
116
|
-
scrollable,
|
|
117
|
-
eventSubmit,
|
|
118
|
-
header,
|
|
119
|
-
footer
|
|
120
|
-
} = _a,
|
|
121
|
-
a = __rest(_a, ["id", "focusNextOnEnter", "scrollable", "eventSubmit", "header", "footer"]);
|
|
122
|
-
if (focusNextOnEnter) {
|
|
123
|
-
a.eventKeypress = moveNext(eventSubmit);
|
|
124
|
-
}
|
|
125
|
-
a["data-form-id"] = id;
|
|
126
|
-
a["data-scrollable"] = !!scrollable;
|
|
127
|
-
if (!eventSubmit) {
|
|
128
|
-
a["data-wa-show-errors"] = "yes";
|
|
129
|
-
}
|
|
130
|
-
const fields = [];
|
|
131
|
-
for (const iterator of nodes) {
|
|
132
|
-
if (!iterator) {
|
|
133
|
-
continue;
|
|
134
|
-
}
|
|
135
|
-
const et = iterator[elementType];
|
|
136
|
-
if (et !== void 0) {
|
|
137
|
-
if (et === "header") {
|
|
138
|
-
header = iterator;
|
|
139
|
-
delete iterator[elementType];
|
|
140
|
-
continue;
|
|
141
|
-
}
|
|
142
|
-
if (et === "footer") {
|
|
143
|
-
footer = iterator;
|
|
144
|
-
delete iterator[elementType];
|
|
145
|
-
continue;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
const ca = iterator.attributes;
|
|
149
|
-
if (ca === null || ca === void 0 ? void 0 : ca[formGroupSymbol]) {
|
|
150
|
-
for (const child of iterator.children) {
|
|
151
|
-
const cha = (_b = child.attributes) !== null && _b !== void 0 ? _b : child.attributes = {};
|
|
152
|
-
cha["data-group"] = ca.group;
|
|
153
|
-
fields.push(child);
|
|
154
|
-
}
|
|
155
|
-
continue;
|
|
156
|
-
}
|
|
157
|
-
fields.push(iterator);
|
|
158
|
-
}
|
|
159
|
-
if (header) {
|
|
160
|
-
const ha = (_c = header.attributes) !== null && _c !== void 0 ? _c : header.attributes = {};
|
|
161
|
-
ha["data-element"] = "header";
|
|
162
|
-
}
|
|
163
|
-
if (footer) {
|
|
164
|
-
const ha = (_d = footer.attributes) !== null && _d !== void 0 ? _d : footer.attributes = {};
|
|
165
|
-
ha["data-element"] = "footer";
|
|
166
|
-
}
|
|
167
|
-
return XNode.create("div", Object.assign({
|
|
168
|
-
"data-wa-form": "wa-form",
|
|
169
|
-
"data-form-layout": "form-layout"
|
|
170
|
-
}, a, {
|
|
171
|
-
eventSubmitForm: eventSubmit,
|
|
172
|
-
eventClick: checkValidity(eventSubmit)
|
|
173
|
-
}), header, XNode.create("div", {
|
|
174
|
-
"data-element": "content"
|
|
175
|
-
}, XNode.create("div", null, ...fields)), footer);
|
|
176
|
-
}
|
|
177
|
-
_export({
|
|
178
|
-
FormAction: FormAction,
|
|
179
|
-
SubmitAction: SubmitAction,
|
|
180
|
-
CancelAction: CancelAction,
|
|
181
|
-
SubmitButton: SubmitButton,
|
|
182
|
-
FormGroup: FormGroup,
|
|
183
|
-
default: Form,
|
|
184
|
-
FormLayout: FormLayout
|
|
185
|
-
});
|
|
186
|
-
return {
|
|
187
|
-
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
188
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
189
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
190
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
191
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
192
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
193
|
-
}, function (_ToggleButtonBar) {
|
|
194
|
-
ToggleButtonBar = _ToggleButtonBar.default;
|
|
195
|
-
}],
|
|
196
|
-
execute: function () {
|
|
197
|
-
__rest = void 0 && (void 0).__rest || function (s, e) {
|
|
198
|
-
var t = {};
|
|
199
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
200
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
201
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
202
|
-
}
|
|
203
|
-
return t;
|
|
204
|
-
};
|
|
205
|
-
_export("FormButtonBar", FormButtonBar = ToggleButtonBar);
|
|
206
|
-
css = CSS(StyleRule().verticalFlexLayout({
|
|
207
|
-
alignItems: "stretch"
|
|
208
|
-
}).displayNone(" .field-error:empty").displayNone(":not([data-wa-show-errors=yes]) .field-error:not(:empty)").child(StyleRule("button").alignSelf("flex-start")).and(StyleRule("[data-scrollable=true]").justifyContent("flex-start").overflow("auto")), "*[data-wa-form=wa-form]");
|
|
209
|
-
submitFormHandler = form => {
|
|
210
|
-
if (!form.dataset.waShowErrors) {
|
|
211
|
-
form.dataset.waShowErrors = "yes";
|
|
212
|
-
}
|
|
213
|
-
setTimeout(() => {
|
|
214
|
-
var _a, _b;
|
|
215
|
-
const all = Array.from(form.getElementsByClassName("field-error"));
|
|
216
|
-
for (const iterator of all) {
|
|
217
|
-
if (iterator.textContent) {
|
|
218
|
-
alert((_b = (_a = form.dataset) === null || _a === void 0 ? void 0 : _a.errorMessage) !== null && _b !== void 0 ? _b : "Please fix all validations");
|
|
219
|
-
return;
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
form.dispatchEvent(new CustomEvent("submitForm"));
|
|
223
|
-
}, 100);
|
|
224
|
-
};
|
|
225
|
-
checkValidity = handler => e => {
|
|
226
|
-
const form = e.currentTarget;
|
|
227
|
-
const {
|
|
228
|
-
button,
|
|
229
|
-
action
|
|
230
|
-
} = findSubmitAction(e);
|
|
231
|
-
if (!button) {
|
|
232
|
-
return;
|
|
233
|
-
}
|
|
234
|
-
if (handler) {
|
|
235
|
-
submitFormHandler(form);
|
|
236
|
-
return;
|
|
237
|
-
}
|
|
238
|
-
if (action === "cancel") {
|
|
239
|
-
form.dataset.waShowErrors = "";
|
|
240
|
-
return;
|
|
241
|
-
}
|
|
242
|
-
if (!form.dataset.waShowErrors) {
|
|
243
|
-
form.dataset.waShowErrors = "yes";
|
|
244
|
-
}
|
|
245
|
-
setTimeout(() => {
|
|
246
|
-
var _a, _b;
|
|
247
|
-
const all = Array.from(form.getElementsByClassName("field-error"));
|
|
248
|
-
for (const iterator of all) {
|
|
249
|
-
if (iterator.textContent) {
|
|
250
|
-
alert((_b = (_a = form.dataset) === null || _a === void 0 ? void 0 : _a.errorMessage) !== null && _b !== void 0 ? _b : "Please fix all validations");
|
|
251
|
-
return;
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
button.dispatchEvent(new CustomEvent("submit"));
|
|
255
|
-
}, 100);
|
|
256
|
-
};
|
|
257
|
-
moveNext = handler => e => {
|
|
258
|
-
if (!/enter|submit|return/i.test(e.key)) {
|
|
259
|
-
return;
|
|
260
|
-
}
|
|
261
|
-
const element = e.target;
|
|
262
|
-
if (!element.tagName) {
|
|
263
|
-
return;
|
|
264
|
-
}
|
|
265
|
-
if (handler) {
|
|
266
|
-
if (element.tagName !== "TEXTAREA") {
|
|
267
|
-
submitFormHandler(e.currentTarget);
|
|
268
|
-
}
|
|
269
|
-
return;
|
|
270
|
-
}
|
|
271
|
-
if (element.dataset.waFormAction === "submit") {
|
|
272
|
-
element.dispatchEvent(new MouseEvent("click"));
|
|
273
|
-
return;
|
|
274
|
-
}
|
|
275
|
-
if (/input/i.test(element.tagName)) {
|
|
276
|
-
e.preventDefault();
|
|
277
|
-
element.dispatchEvent(new KeyboardEvent("keypress", {
|
|
278
|
-
key: "tab"
|
|
279
|
-
}));
|
|
280
|
-
}
|
|
281
|
-
};
|
|
282
|
-
document.body.addEventListener("click", e => {
|
|
283
|
-
let start = e.target;
|
|
284
|
-
let id;
|
|
285
|
-
while (start) {
|
|
286
|
-
id = start.dataset.submitFormId;
|
|
287
|
-
if (id) {
|
|
288
|
-
break;
|
|
289
|
-
}
|
|
290
|
-
start = start.parentElement;
|
|
291
|
-
}
|
|
292
|
-
if (!start) {
|
|
293
|
-
return;
|
|
294
|
-
}
|
|
295
|
-
const form = document.body.querySelector(`[data-form-id="${id}"]`);
|
|
296
|
-
submitFormHandler(form);
|
|
297
|
-
});
|
|
298
|
-
formId = 0;
|
|
299
|
-
formGroupSymbol = Symbol("formGroup");
|
|
300
|
-
CSS(StyleRule().display("grid").alignSelf("stretch").justifyContent("stretch").flex("1 1 100%").gridTemplateRows("auto 1fr auto").gridTemplateColumns("1fr").child(StyleRule("[data-element=header]").gridRowStart("1")).child(StyleRule("[data-element=content]").gridRowStart("2").overflow("auto").child(StyleRule("div").verticalFlexLayout({
|
|
301
|
-
alignItems: "stretch",
|
|
302
|
-
gap: 10
|
|
303
|
-
}))).child(StyleRule("[data-element=footer]").gridRowStart("3")), "*[data-form-layout=form-layout]");
|
|
304
|
-
elementType = Symbol.for("elementType");
|
|
305
|
-
FormLayout.Footer = ({}, child) => {
|
|
306
|
-
child[elementType] = "footer";
|
|
307
|
-
return child;
|
|
308
|
-
};
|
|
309
|
-
FormLayout.Header = ({}, child) => {
|
|
310
|
-
child[elementType] = "header";
|
|
311
|
-
return child;
|
|
312
|
-
};
|
|
313
|
-
Form.newId = () => formId++;
|
|
314
|
-
Form.submitId = id => ({
|
|
315
|
-
"data-submit-form-id": id.toString()
|
|
316
|
-
});
|
|
317
|
-
}
|
|
318
|
-
};
|
|
319
|
-
});
|
|
1
|
+
System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS","./ToggleButtonBar"],function(_export,_context){"use strict";var __rest,XNode,StyleRule,CSS,ToggleButtonBar,FormButtonBar,css,submitFormHandler,checkValidity,moveNext,formId,formGroupSymbol,elementType;function FormAction(_a,node){var _b;var{action="submit",eventClick,"event-click":eventClick2}=_a,a=__rest(_a,["action","eventClick","event-click"]);const attributes=(_b=node.attributes)!==null&&_b!==void 0?_b:node.attributes={};attributes["data-wa-form-action"]=action;const e=attributes["event-click"]||attributes.eventClick;if(e){attributes["event-submit"]=e;delete attributes["event-click"];delete attributes.eventClick;}eventClick!==null&&eventClick!==void 0?eventClick:eventClick=eventClick2;if(action==="submit"&&eventClick){attributes.eventSubmit=eventClick;}node.attributes=Object.assign(Object.assign({},a),attributes);return node;}function SubmitAction(a,node){a.action="submit";return FormAction(a,node);}function CancelAction(a,node){a.action="cancel";return FormAction(a,node);}function SubmitButton(_a,...nodes){var{eventClick}=_a,others=__rest(_a,["eventClick"]);return XNode.create("button",Object.assign({"data-wa-form-action":"submit",eventSubmit:eventClick},others),...nodes);}function findSubmitAction(e){var _a;let button=e.target;if(e.type==="submit"){e.preventDefault();button=e.submitter;}while(button){const action=(_a=button.dataset.waFormAction)!==null&&_a!==void 0?_a:button.dataset.event;if(/submit|cancel/i.test(action)){return{button,action};}button=button.parentElement;}return{button};}function FormGroup(fg,...nodes){fg[formGroupSymbol]=true;return XNode.create("div",Object.assign({},fg),...nodes);}function Form(_a,...nodes){var _b;var{id=formId++,focusNextOnEnter=true,scrollable,eventSubmit}=_a,a=__rest(_a,["id","focusNextOnEnter","scrollable","eventSubmit"]);if(focusNextOnEnter){a.eventKeypress=moveNext(eventSubmit);}a["data-form-id"]=id;a["data-scrollable"]=!!scrollable;if(!eventSubmit){a["data-wa-show-errors"]="yes";}const fields=[];for(const iterator of nodes){if(!iterator){continue;}const ca=iterator.attributes;if(ca===null||ca===void 0?void 0:ca[formGroupSymbol]){for(const child of iterator.children){const cha=(_b=child.attributes)!==null&&_b!==void 0?_b:child.attributes={};cha["data-group"]=ca.group;fields.push(child);}continue;}fields.push(iterator);}return XNode.create("div",Object.assign({"data-wa-form":"wa-form"},a,{eventSubmitForm:eventSubmit,eventClick:checkValidity(eventSubmit)}),...fields);}function FormLayout(_a,...nodes){var _b,_c,_d;var{id=formId++,focusNextOnEnter=true,scrollable,eventSubmit,header,footer}=_a,a=__rest(_a,["id","focusNextOnEnter","scrollable","eventSubmit","header","footer"]);if(focusNextOnEnter){a.eventKeypress=moveNext(eventSubmit);}a["data-form-id"]=id;a["data-scrollable"]=!!scrollable;if(!eventSubmit){a["data-wa-show-errors"]="yes";}const fields=[];for(const iterator of nodes){if(!iterator){continue;}const et=iterator[elementType];if(et!==void 0){if(et==="header"){header=iterator;delete iterator[elementType];continue;}if(et==="footer"){footer=iterator;delete iterator[elementType];continue;}}const ca=iterator.attributes;if(ca===null||ca===void 0?void 0:ca[formGroupSymbol]){for(const child of iterator.children){const cha=(_b=child.attributes)!==null&&_b!==void 0?_b:child.attributes={};cha["data-group"]=ca.group;fields.push(child);}continue;}fields.push(iterator);}if(header){const ha=(_c=header.attributes)!==null&&_c!==void 0?_c:header.attributes={};ha["data-element"]="header";}if(footer){const ha=(_d=footer.attributes)!==null&&_d!==void 0?_d:footer.attributes={};ha["data-element"]="footer";}return XNode.create("div",Object.assign({"data-wa-form":"wa-form","data-form-layout":"form-layout"},a,{eventSubmitForm:eventSubmit,eventClick:checkValidity(eventSubmit)}),header,XNode.create("div",{"data-element":"content"},XNode.create("div",null,...fields)),footer);}_export({FormAction:FormAction,SubmitAction:SubmitAction,CancelAction:CancelAction,SubmitButton:SubmitButton,FormGroup:FormGroup,default:Form,FormLayout:FormLayout});return{setters:[function(_tslib){__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_ToggleButtonBar){ToggleButtonBar=_ToggleButtonBar.default;}],execute:function(){_export("FormButtonBar",FormButtonBar=ToggleButtonBar);css=CSS(StyleRule().verticalFlexLayout({alignItems:"stretch"}).displayNone(" .field-error:empty").displayNone(":not([data-wa-show-errors=yes]) .field-error:not(:empty)").child(StyleRule("button").alignSelf("flex-start")).and(StyleRule("[data-scrollable=true]").justifyContent("flex-start").overflow("auto")),"*[data-wa-form=wa-form]");submitFormHandler=form=>{if(!form.dataset.waShowErrors){form.dataset.waShowErrors="yes";}setTimeout(()=>{var _a,_b;const all=Array.from(form.getElementsByClassName("field-error"));for(const iterator of all){if(iterator.textContent){alert((_b=(_a=form.dataset)===null||_a===void 0?void 0:_a.errorMessage)!==null&&_b!==void 0?_b:"Please fix all validations");return;}}form.dispatchEvent(new CustomEvent("submitForm"));},100);};checkValidity=handler=>e=>{const form=e.currentTarget;const{button,action}=findSubmitAction(e);if(!button){return;}if(handler){submitFormHandler(form);return;}if(action==="cancel"){form.dataset.waShowErrors="";return;}if(!form.dataset.waShowErrors){form.dataset.waShowErrors="yes";}setTimeout(()=>{var _a,_b;const all=Array.from(form.getElementsByClassName("field-error"));for(const iterator of all){if(iterator.textContent){alert((_b=(_a=form.dataset)===null||_a===void 0?void 0:_a.errorMessage)!==null&&_b!==void 0?_b:"Please fix all validations");return;}}button.dispatchEvent(new CustomEvent("submit"));},100);};moveNext=handler=>e=>{if(!/enter|submit|return/i.test(e.key)){return;}const element=e.target;if(!element.tagName){return;}if(handler){if(element.tagName!=="TEXTAREA"){submitFormHandler(e.currentTarget);}return;}if(element.dataset.waFormAction==="submit"){element.dispatchEvent(new MouseEvent("click"));return;}if(/input/i.test(element.tagName)){e.preventDefault();element.dispatchEvent(new KeyboardEvent("keypress",{key:"tab"}));}};document.body.addEventListener("click",e=>{let start=e.target;let id;while(start){id=start.dataset.submitFormId;if(id){break;}start=start.parentElement;}if(!start){return;}const form=document.body.querySelector(`[data-form-id="${id}"]`);submitFormHandler(form);});formId=0;formGroupSymbol=Symbol("formGroup");CSS(StyleRule().display("grid").alignSelf("stretch").justifyContent("stretch").flex("1 1 100%").gridTemplateRows("auto 1fr auto").gridTemplateColumns("1fr").child(StyleRule("[data-element=header]").gridRowStart("1")).child(StyleRule("[data-element=content]").gridRowStart("2").overflow("auto").child(StyleRule("div").verticalFlexLayout({alignItems:"stretch",gap:10}))).child(StyleRule("[data-element=footer]").gridRowStart("3")),"*[data-form-layout=form-layout]");elementType=Symbol.for("elementType");FormLayout.Footer=({},child)=>{child[elementType]="footer";return child;};FormLayout.Header=({},child)=>{child[elementType]="header";return child;};Form.newId=()=>formId++;Form.submitId=id=>({"data-submit-form-id":id.toString()});}};});
|
|
320
2
|
//# sourceMappingURL=Form.js.map
|
package/dist/basic/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"kVAiDM,QAAUA,WAAU,CACtBC,EAKc,CACdC,IAAW,YANX,CACIC,MAAM,CAAG,QAAQ,CACjBC,UAAU,CACV,aAAa,CAAEC,WAAW,IAEhB,CADNC,CAAC,WAJT,qCAKC,CADQ,CAGT,KAAMC,WAAU,KAAGL,IAAI,CAACK,UAAU,yBAAfL,IAAI,CAACK,UAAU,CAAK,EAAE,CACzCA,UAAU,CAAC,qBAAqB,CAAC,CAAGJ,MAAM,CAC1C,KAAMK,EAAC,CAAGD,UAAU,CAAC,aAAa,CAAC,EAAIA,UAAU,CAACH,UAAU,CAC5D,GAAII,CAAC,CAAE,CACHD,UAAU,CAAC,cAAc,CAAC,CAAGC,CAAC,CAC9B,MAAOD,WAAU,CAAC,aAAa,CAAC,CAChC,MAAOA,WAAU,CAACH,UAAU,EAEhCA,UAAU,SAAVA,UAAU,UAAVA,UAAU,CAAVA,UAAU,CAAKC,WAAW,CAC1B,GAAIF,MAAM,GAAK,QAAQ,EAAIC,UAAU,CAAE,CACnCG,UAAU,CAACE,WAAW,CAAGL,UAAU,EAEvCF,IAAI,CAACK,UAAU,gCAASD,CAAC,EAAMC,UAAU,CAAC,CAC1C,MAAOL,KAAI,CACf,CAKM,QAAUQ,aAAY,CAACJ,CAAW,CAAEJ,IAAW,EAChDI,CAAS,CAACH,MAAM,CAAG,QAAQ,CAC5B,MAAOH,WAAU,CAACM,CAAQ,CAAEJ,IAAI,CAAC,CACrC,CAKM,QAAUS,aAAY,CAACL,CAAW,CAAEJ,IAAW,EAChDI,CAAS,CAACH,MAAM,CAAG,QAAQ,CAC5B,MAAOH,WAAU,CAACM,CAAQ,CAAEJ,IAAI,CAAC,CACrC,CAKM,QAAUU,aAAY,CACxBX,EAC8B,CAC9B,GAAIY,KAAc,KAFlB,CAAET,UAAU,IACkB,CAAtBU,MAAM,WADd,cACe,CAAD,CAEd,MAAOC,4DACiB,QAAQ,CAC5BN,WAAW,CAAEL,UAAU,EAAQU,MAAM,KAASD,KAAK,CAAU,CACrE,CAEA,QAASG,iBAAgB,CAACR,CAAQ,SAC9B,GAAIS,OAAM,CAAGT,CAAC,CAACU,MAAqB,CACpC,GAAIV,CAAC,CAACW,IAAI,GAAK,QAAQ,CAAE,CACrBX,CAAC,CAACY,cAAc,EAAE,CAClBH,MAAM,CAAIT,CAAiB,CAACa,SAAS,EAEzC,MAAOJ,MAAM,CAAE,CACX,KAAMd,OAAM,CAAG,UAAM,CAACmB,OAAO,CAACC,YAAY,yBAAIN,MAAM,CAACK,OAAO,CAACE,KAAK,CAClE,GAAI,gBAAgB,CAACC,IAAI,CAACtB,MAAM,CAAC,CAAE,CAC/B,MAAO,CAAEc,MAAM,CAAEd,MAAM,CAAE,EAE7Bc,MAAM,CAAGA,MAAM,CAACS,aAAa,EAEjC,MAAO,CAAET,MAAM,CAAE,CACrB,CA8HM,QAAUU,UAAS,CACrBC,EAAc,CACd,GAAIf,KAAc,EAElBe,EAAE,CAACC,eAAe,CAAC,CAAG,IAAI,CAC1B,MAAOd,qCACGa,EAAE,KACFf,KAAK,CACT,CACV,CAEc,QAAUiB,KAAI,CACxB7B,EAMQ,CACR,GAAIY,KAAc,YAPlB,CACIkB,EAAE,CAAGC,MAAM,EAAE,CACbC,gBAAgB,CAAG,IAAI,CACvBC,UAAU,CACVzB,WAAW,IAEP,CADAH,CAAC,WALT,oDAMC,CADQ,CAGT,GAAI2B,gBAAgB,CAAE,CAClB3B,CAAC,CAAC6B,aAAa,CAAGC,QAAQ,CAAC3B,WAAW,CAAC,EAE3CH,CAAC,CAAC,cAAc,CAAC,CAAGyB,EAAE,CACtBzB,CAAC,CAAC,iBAAiB,CAAC,CAAG,CAAC,CAAC4B,UAAU,CACnC,GAAI,CAACzB,WAAW,CAAE,CACdH,CAAC,CAAC,qBAAqB,CAAC,CAAG,KAAK,EAGpC,KAAM+B,OAAM,CAAG,EAAE,CACjB,IAAK,KAAMC,SAAQ,GAAIzB,MAAK,CAAE,CAC1B,GAAI,CAACyB,QAAQ,CAAE,CACX,UAEJ,KAAMC,GAAE,CAAGD,QAAQ,CAAC/B,UAAiB,CACrC,GAAIgC,EAAE,SAAFA,EAAE,iBAAFA,EAAE,CAAGV,eAAe,CAAC,CAAE,CACvB,IAAK,KAAMW,MAAK,GAAIF,SAAQ,CAACG,QAAQ,CAAE,CACnC,KAAMC,IAAG,KAAGF,KAAK,CAACjC,UAAU,yBAAhBiC,KAAK,CAACjC,UAAU,CAAK,EAAE,CACnCmC,GAAG,CAAC,YAAY,CAAC,CAAGH,EAAE,CAACI,KAAK,CAC5BN,MAAM,CAACO,IAAI,CAACJ,KAAK,CAAC,EAEtB,UAEJH,MAAM,CAACO,IAAI,CAACN,QAAQ,CAAC,EAGzB,MAAOvB,kDACU,SAAS,EAChBT,CAAC,EACPuC,eAAe,CAAEpC,WAAW,CAC5BL,UAAU,CAAE0C,aAAa,CAACrC,WAAW,CAAC,MAChC4B,MAAM,CACV,CACV,CA+BM,QAAUU,WAAU,CACtB9C,EAQc,CACd,GAAIY,KAAc,kBATlB,CACIkB,EAAE,CAAGC,MAAM,EAAE,CACbC,gBAAgB,CAAG,IAAI,CACvBC,UAAU,CACVzB,WAAW,CACXuC,MAAM,CACNC,MAAM,IAEI,CADN3C,CAAC,WAPT,sEAQC,CADQ,CAGT,GAAI2B,gBAAgB,CAAE,CAClB3B,CAAC,CAAC6B,aAAa,CAAGC,QAAQ,CAAC3B,WAAW,CAAC,EAE3CH,CAAC,CAAC,cAAc,CAAC,CAAGyB,EAAE,CACtBzB,CAAC,CAAC,iBAAiB,CAAC,CAAG,CAAC,CAAC4B,UAAU,CACnC,GAAI,CAACzB,WAAW,CAAE,CACdH,CAAC,CAAC,qBAAqB,CAAC,CAAG,KAAK,EAGpC,KAAM+B,OAAM,CAAG,EAAE,CACjB,IAAK,KAAMC,SAAQ,GAAIzB,MAAK,CAAE,CAC1B,GAAI,CAACyB,QAAQ,CAAE,CACX,UAGJ,KAAMY,GAAE,CAAGZ,QAAQ,CAACa,WAAW,CAAC,CAChC,GAAID,EAAE,GAAK,IAAK,EAAC,CAAE,CACf,GAAIA,EAAE,GAAK,QAAQ,CAAE,CACjBF,MAAM,CAAGV,QAAQ,CACjB,MAAOA,SAAQ,CAACa,WAAW,CAAC,CAC5B,UAEJ,GAAID,EAAE,GAAK,QAAQ,CAAE,CACjBD,MAAM,CAAGX,QAAQ,CACjB,MAAOA,SAAQ,CAACa,WAAW,CAAC,CAC5B,WAIR,KAAMZ,GAAE,CAAGD,QAAQ,CAAC/B,UAAiB,CACrC,GAAIgC,EAAE,SAAFA,EAAE,iBAAFA,EAAE,CAAGV,eAAe,CAAC,CAAE,CACvB,IAAK,KAAMW,MAAK,GAAIF,SAAQ,CAACG,QAAQ,CAAE,CACnC,KAAMC,IAAG,KAAGF,KAAK,CAACjC,UAAU,yBAAhBiC,KAAK,CAACjC,UAAU,CAAK,EAAE,CACnCmC,GAAG,CAAC,YAAY,CAAC,CAAGH,EAAE,CAACI,KAAK,CAC5BN,MAAM,CAACO,IAAI,CAACJ,KAAK,CAAC,EAEtB,UAEJH,MAAM,CAACO,IAAI,CAACN,QAAQ,CAAC,EAGzB,GAAIU,MAAM,CAAE,CACR,KAAMI,GAAE,KAAGJ,MAAM,CAACzC,UAAU,yBAAjByC,MAAM,CAACzC,UAAU,CAAK,EAAE,CACnC6C,EAAE,CAAC,cAAc,CAAC,CAAG,QAAQ,EAGjC,GAAIH,MAAM,CAAE,CACR,KAAMG,GAAE,KAAGH,MAAM,CAAC1C,UAAU,yBAAjB0C,MAAM,CAAC1C,UAAU,CAAK,EAAE,CACnC6C,EAAE,CAAC,cAAc,CAAC,CAAG,QAAQ,EAGjC,MAAOrC,kDACU,SAAS,oBACL,aAAa,EACxBT,CAAC,EACPuC,eAAe,CAAEpC,WAAW,CAC5BL,UAAU,CAAE0C,aAAa,CAACrC,WAAW,CAAC,GACpCuC,MAAM,CACRjC,mCAAkB,SAAS,EACvBA,2BACMsB,MAAM,CACN,CACJ,CACJY,MAAM,CACN,CACV,CAAC,oBAhWejD,UAAU,cA2BVU,YAAY,cAQZC,YAAY,cAQZC,YAAY,WAqJZe,SAAS,SAWDG,IAAI,YAyEZiB,UAAU,gGApUnBhC,KAAK,gFACLsC,SAAS,mFAETC,GAAG,oEAGHC,eAAe,wEACTC,aAAa,CAAGD,eAAe,EAEtCE,GAAG,CAAGH,GAAG,CAACD,SAAS,EAAE,CACtBK,kBAAkB,CAAC,CAAEC,UAAU,CAAE,SAAS,CAAE,CAAC,CAC7CC,WAAW,CAAC,qBAAqB,CAAC,CAClCA,WAAW,CAAC,0DAA0D,CAAC,CACvEpB,KAAK,CAACa,SAAS,CAAC,QAAQ,CAAC,CACrBQ,SAAS,CAAC,YAAY,CAAC,CAC3B,CACAC,GAAG,CAACT,SAAS,CAAC,wBAAwB,CAAC,CACnCU,cAAc,CAAC,YAAY,CAAC,CAC5BC,QAAQ,CAAC,MAAM,CAAC,CACpB,CACH,yBAAyB,CAAC,CAgGtBC,iBAAiB,CAAIC,IAAiB,EAAI,CAC5C,GAAI,CAACA,IAAI,CAAC5C,OAAO,CAAC6C,YAAY,CAAE,CAC5BD,IAAI,CAAC5C,OAAO,CAAC6C,YAAY,CAAG,KAAK,EAErCC,UAAU,CAAC,IAAK,WACZ,KAAMC,IAAG,CAAGC,KAAK,CAACC,IAAI,CAACL,IAAI,CAACM,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAClE,IAAK,KAAMlC,SAAQ,GAAI+B,IAAG,CAAE,CACxB,GAAI/B,QAAQ,CAACmC,WAAW,CAAE,CACtBC,KAAK,CAAC,YAAI,CAACpD,OAAO,gCAAEqD,YAAY,yBAAI,4BAA4B,CAAC,CACjE,SAGRT,IAAI,CAACU,aAAa,CAAC,GAAIC,YAAW,CAAC,YAAY,CAAC,CAAC,CACrD,CAAC,CAAE,GAAG,CAAC,CACX,CAAC,CAEK/B,aAAa,CAAIgC,OAAO,EAAMtE,CAAa,EAAI,CAEjD,KAAM0D,KAAI,CAAG1D,CAAC,CAACuE,aAAgC,CAE/C,KAAM,CAAE9D,MAAM,CAAEd,MAAM,CAAE,CAAGa,gBAAgB,CAACR,CAAC,CAAC,CAC9C,GAAI,CAACS,MAAM,CAAE,CACT,QAGJ,GAAI6D,OAAO,CAAE,CACTb,iBAAiB,CAACC,IAAI,CAAC,CACvB,QAOJ,GAAI/D,MAAM,GAAK,QAAQ,CAAE,CACrB+D,IAAI,CAAC5C,OAAO,CAAC6C,YAAY,CAAG,EAAE,CAC9B,QAEJ,GAAI,CAACD,IAAI,CAAC5C,OAAO,CAAC6C,YAAY,CAAE,CAC5BD,IAAI,CAAC5C,OAAO,CAAC6C,YAAY,CAAG,KAAK,EAGrCC,UAAU,CAAC,IAAK,WACZ,KAAMC,IAAG,CAAGC,KAAK,CAACC,IAAI,CAACL,IAAI,CAACM,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAClE,IAAK,KAAMlC,SAAQ,GAAI+B,IAAG,CAAE,CACxB,GAAI/B,QAAQ,CAACmC,WAAW,CAAE,CACtBC,KAAK,CAAC,YAAI,CAACpD,OAAO,gCAAEqD,YAAY,yBAAI,4BAA4B,CAAC,CACjE,SAGR1D,MAAM,CAAC2D,aAAa,CAAC,GAAIC,YAAW,CAAC,QAAQ,CAAC,CAAC,CACnD,CAAC,CAAE,GAAG,CAAC,CACX,CAAC,CAEKzC,QAAQ,CAAI0C,OAAO,EAAMtE,CAAgB,EAAI,CAC/C,GAAI,CAAC,sBAAsB,CAACiB,IAAI,CAACjB,CAAC,CAACwE,GAAG,CAAC,CAAE,CACrC,QAEJ,KAAMC,QAAO,CAAGzE,CAAC,CAACU,MAAqB,CACvC,GAAI,CAAC+D,OAAO,CAACC,OAAO,CAAE,CAClB,QAEJ,GAAKJ,OAAO,CAAE,CACV,GAAIG,OAAO,CAACC,OAAO,GAAK,UAAU,CAAE,CAChCjB,iBAAiB,CAACzD,CAAC,CAACuE,aAA4B,CAAC,EAErD,QAEJ,GAAIE,OAAO,CAAC3D,OAAO,CAACC,YAAY,GAAK,QAAQ,CAAE,CAC3C0D,OAAO,CAACL,aAAa,CAAC,GAAIO,WAAU,CAAC,OAAO,CAAC,CAAC,CAC9C,QAEJ,GAAI,QAAQ,CAAC1D,IAAI,CAACwD,OAAO,CAACC,OAAO,CAAC,CAAE,CAChC1E,CAAC,CAACY,cAAc,EAAE,CAClB6D,OAAO,CAACL,aAAa,CAAC,GAAIQ,cAAa,CAAC,UAAU,CAAE,CAChDJ,GAAG,CAAE,MACR,CAAC,CAAC,EAEX,CAAC,CAEDK,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,OAAO,CAAG/E,CAAa,EAAI,CACtD,GAAIgF,MAAK,CAAGhF,CAAC,CAACU,MAAqB,CACnC,GAAIa,GAAE,CACN,MAAOyD,KAAK,CAAE,CACVzD,EAAE,CAAGyD,KAAK,CAAClE,OAAO,CAACmE,YAAY,CAC/B,GAAI1D,EAAE,CAAE,CACJ,OAEJyD,KAAK,CAAGA,KAAK,CAAC9D,aAAa,EAE/B,GAAI,CAAC8D,KAAK,CAAE,CACR,QAEJ,KAAMtB,KAAI,CAAGmB,QAAQ,CAACC,IAAI,CAACI,aAAa,CAAC,kBAAkB3D,EAAE,IAAI,CAAC,CAClEkC,iBAAiB,CAACC,IAAmB,CAAC,CAC1C,CAAC,CAAC,CAmBElC,MAAM,CAAG,CAAC,CAERH,eAAe,CAAG8D,MAAM,CAAC,WAAW,CAAC,CAoE3CrC,GAAG,CAACD,SAAS,EAAE,CACVuC,OAAO,CAAC,MAAM,CAAC,CACf/B,SAAS,CAAC,SAAS,CAAC,CACpBE,cAAc,CAAC,SAAgB,CAAC,CAChC8B,IAAI,CAAC,UAAU,CAAC,CAChBC,gBAAgB,CAAC,eAAe,CAAC,CACjCC,mBAAmB,CAAC,KAAK,CAAC,CAC1BvD,KAAK,CAACa,SAAS,CAAC,uBAAuB,CAAC,CACpC2C,YAAY,CAAC,GAAG,CAAC,CACrB,CACAxD,KAAK,CAACa,SAAS,CAAC,wBAAwB,CAAC,CACrC2C,YAAY,CAAC,GAAG,CAAC,CACjBhC,QAAQ,CAAC,MAAM,CAAC,CAChBxB,KAAK,CAACa,SAAS,CAAC,KAAK,CAAC,CAClBK,kBAAkB,CAAC,CAAEC,UAAU,CAAE,SAAS,CAAEsC,GAAG,CAAE,EAAE,CAAE,CAAC,CAC1D,CACJ,CACAzD,KAAK,CAACa,SAAS,CAAC,uBAAuB,CAAC,CACpC2C,YAAY,CAAC,GAAG,CAAC,CACrB,CACH,iCAAiC,CAAC,CAE9B7C,WAAW,CAAGwC,MAAM,CAACO,GAAG,CAAC,aAAa,CAAC,CAgF7CnD,UAAU,CAACoD,MAAM,CAAG,CAAC,EAAE,CAAE3D,KAAY,GAAI,CACrCA,KAAK,CAACW,WAAW,CAAC,CAAG,QAAQ,CAC7B,MAAOX,MAAK,CAChB,CAAC,CAEDO,UAAU,CAACqD,MAAM,CAAG,CAAC,EAAE,CAAE5D,KAAY,GAAI,CACrCA,KAAK,CAACW,WAAW,CAAC,CAAG,QAAQ,CAC7B,MAAOX,MAAK,CAChB,CAAC,CAEDV,IAAI,CAACuE,KAAK,CAAG,IAAMrE,MAAM,EAAE,CAE3BF,IAAI,CAACwE,QAAQ,CAAIvE,EAAU,GAAM,CAC7B,qBAAqB,CAAEA,EAAE,CAACwE,QAAQ,GACrC,CAAC,CAAC","names":["FormAction","_a","node","action","eventClick","eventClick2","a","attributes","e","eventSubmit","SubmitAction","CancelAction","SubmitButton","nodes","others","XNode","findSubmitAction","button","target","type","preventDefault","submitter","dataset","waFormAction","event","test","parentElement","FormGroup","fg","formGroupSymbol","Form","id","formId","focusNextOnEnter","scrollable","eventKeypress","moveNext","fields","iterator","ca","child","children","cha","group","push","eventSubmitForm","checkValidity","FormLayout","header","footer","et","elementType","ha","StyleRule","CSS","ToggleButtonBar","FormButtonBar","css","verticalFlexLayout","alignItems","displayNone","alignSelf","and","justifyContent","overflow","submitFormHandler","form","waShowErrors","setTimeout","all","Array","from","getElementsByClassName","textContent","alert","errorMessage","dispatchEvent","CustomEvent","handler","currentTarget","key","element","tagName","MouseEvent","KeyboardEvent","document","body","addEventListener","start","submitFormId","querySelector","Symbol","display","flex","gridTemplateRows","gridTemplateColumns","gridRowStart","gap","for","Footer","Header","newId","submitId","toString"],"sourceRoot":"","sources":["../../src/basic/Form.tsx"],"sourcesContent":[null]}
|
package/dist/basic/FormDialog.js
CHANGED
|
@@ -1,32 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/XNode",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var XNode, StyleRule, CSS, Form;
|
|
5
|
-
function FormDialog(a, ...nodes) {
|
|
6
|
-
return XNode.create("div", {
|
|
7
|
-
"data-form-dialog": "true"
|
|
8
|
-
}, XNode.create(Form, Object.assign({
|
|
9
|
-
scrollable: true
|
|
10
|
-
}, a), ...nodes));
|
|
11
|
-
}
|
|
12
|
-
_export("default", FormDialog);
|
|
13
|
-
return {
|
|
14
|
-
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
15
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
16
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
17
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
18
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
19
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
20
|
-
}, function (_Form) {
|
|
21
|
-
Form = _Form.default;
|
|
22
|
-
}],
|
|
23
|
-
execute: function () {
|
|
24
|
-
CSS(StyleRule().display("flex").overflow("auto").position("relative").child(StyleRule("[data-wa-form]").marginBottom(70).child(StyleRule("[data-command-row]").absolutePosition({
|
|
25
|
-
left: 0,
|
|
26
|
-
right: 0,
|
|
27
|
-
bottom: 0
|
|
28
|
-
}))), "div[data-form-dialog=true]");
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
});
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS","./Form"],function(_export,_context){"use strict";var XNode,StyleRule,CSS,Form;function FormDialog(a,...nodes){return XNode.create("div",{"data-form-dialog":"true"},XNode.create(Form,Object.assign({scrollable:true},a),...nodes));}_export("default",FormDialog);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_Form){Form=_Form.default;}],execute:function(){CSS(StyleRule().display("flex").overflow("auto").position("relative").child(StyleRule("[data-wa-form]").marginBottom(70).child(StyleRule("[data-command-row]").absolutePosition({left:0,right:0,bottom:0}))),"div[data-form-dialog=true]");}};});
|
|
32
2
|
//# sourceMappingURL=FormDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"+MAqBc,QAAUA,WAAU,CAACC,CAAQ,CAAE,GAAIC,KAAc,EAC3D,MAAOC,wCAAsB,MAAM,EAC/BA,aAACC,IAAI,gBAACC,UAAU,CAAE,IAAI,EAAOJ,CAAC,KACpBC,KAAK,CACR,CACL,CACV,CAAC,kBANuBF,UAAU,uDArB3BG,KAAK,gFACLG,SAAS,mFACTC,GAAG,yDACHH,IAAe,qCAEtBG,GAAG,CAACD,SAAS,EAAE,CACVE,OAAO,CAAC,MAAM,CAAC,CACfC,QAAQ,CAAC,MAAM,CAAC,CAChBC,QAAQ,CAAC,UAAU,CAAC,CACpBC,KAAK,CAACL,SAAS,CAAC,gBAAgB,CAAC,CAC7BM,YAAY,CAAC,EAAE,CAAC,CAChBD,KAAK,CAACL,SAAS,CAAC,oBAAoB,CAAC,CACjCO,gBAAgB,CAAC,CACdC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CAAC,CACRC,MAAM,CAAE,EACX,CAAC,CACL,CACJ,CACH,4BAA4B,CAAC,CAAC","names":["FormDialog","a","nodes","XNode","Form","scrollable","StyleRule","CSS","display","overflow","position","child","marginBottom","absolutePosition","left","right","bottom"],"sourceRoot":"","sources":["../../src/basic/FormDialog.tsx"],"sourcesContent":[null]}
|