@web-atoms/web-controls 2.2.0 → 2.2.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 +45 -46
- package/dist/ModuleFiles.js.map +1 -1
- package/dist/PageNavigator.d.ts +2 -2
- package/dist/PageNavigator.d.ts.map +1 -1
- package/dist/PageNavigator.js +54 -39
- package/dist/PageNavigator.js.map +1 -1
- package/dist/animations/Animations.js +38 -52
- package/dist/animations/Animations.js.map +1 -1
- package/dist/auto-complete/AppComboBoxViewModel.js +16 -17
- package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBox.js +296 -273
- package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.js +69 -65
- package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
- package/dist/auto-complete/ItemHost.js +39 -28
- package/dist/auto-complete/ItemHost.js.map +1 -1
- package/dist/basic/AtomChips.js +348 -355
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.js +1000 -1041
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.js +154 -161
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.js +63 -60
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.js +215 -255
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.js +73 -66
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.js +30 -37
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.js +52 -76
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/ComboBox.js +75 -70
- package/dist/basic/ComboBox.js.map +1 -1
- package/dist/basic/DataGrid.js +289 -306
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.js +90 -97
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.js +162 -142
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Editable.js +109 -107
- package/dist/basic/Editable.js.map +1 -1
- package/dist/basic/Expander.js +111 -185
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/Form.js +269 -264
- package/dist/basic/Form.js.map +1 -1
- package/dist/basic/FormDialog.js +27 -29
- package/dist/basic/FormDialog.js.map +1 -1
- package/dist/basic/FormField.js +183 -203
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/IElement.js +8 -12
- package/dist/basic/IElement.js.map +1 -1
- package/dist/basic/InlinePopup.js +291 -262
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.js +34 -33
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/Input.js +28 -28
- package/dist/basic/Input.js.map +1 -1
- package/dist/basic/ListRepeater.js +45 -61
- package/dist/basic/ListRepeater.js.map +1 -1
- package/dist/basic/MaskedInput.js +53 -66
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/MaskedInputDiv.js +78 -99
- package/dist/basic/MaskedInputDiv.js.map +1 -1
- package/dist/basic/Mix.js +34 -33
- package/dist/basic/Mix.js.map +1 -1
- package/dist/basic/Panel.js +34 -34
- package/dist/basic/Panel.js.map +1 -1
- package/dist/basic/PasswordBox.js +46 -49
- package/dist/basic/PasswordBox.js.map +1 -1
- package/dist/basic/PinchZoomView.js +250 -255
- package/dist/basic/PinchZoomView.js.map +1 -1
- package/dist/basic/PopupButton.js +70 -128
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.js +63 -51
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/RefreshLock.js +76 -60
- package/dist/basic/RefreshLock.js.map +1 -1
- package/dist/basic/Row.js +41 -43
- package/dist/basic/Row.js.map +1 -1
- package/dist/basic/Swipe.js +94 -101
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.js +58 -105
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.js +42 -43
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/ToggleButtonBar.js +58 -71
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.js +89 -81
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/basic/combineClasses.js +12 -16
- package/dist/basic/combineClasses.js.map +1 -1
- package/dist/basic/in-built/InBuiltStyles.js +44 -43
- package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +40 -50
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/buttons/AtomPopupButton.js +18 -18
- package/dist/buttons/AtomPopupButton.js.map +1 -1
- package/dist/buttons/AtomPopupButtonStyle.js +28 -29
- package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
- package/dist/calendar/AtomCalendar.js +93 -61
- package/dist/calendar/AtomCalendar.js.map +1 -1
- package/dist/calendar/AtomCalendarStyle.js +165 -136
- package/dist/calendar/AtomCalendarStyle.js.map +1 -1
- package/dist/calendar/CalendarViewModel.js +105 -114
- package/dist/calendar/CalendarViewModel.js.map +1 -1
- package/dist/calendar/res/SRCalendar.js +85 -51
- package/dist/calendar/res/SRCalendar.js.map +1 -1
- package/dist/calendar/res/en-US/SRCalendar.js +74 -39
- package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
- package/dist/data-grid/AtomColumn.js +55 -72
- package/dist/data-grid/AtomColumn.js.map +1 -1
- package/dist/data-grid/AtomDataGrid.js +64 -63
- package/dist/data-grid/AtomDataGrid.js.map +1 -1
- package/dist/data-grid/AtomDataGridStyle.js +50 -50
- package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
- package/dist/data-grid/AtomDataGridViewModel.js +71 -77
- package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
- package/dist/data-grid/GridTemplate.js +64 -66
- package/dist/data-grid/GridTemplate.js.map +1 -1
- package/dist/data-pager/AtomDataPager.js +104 -94
- package/dist/data-pager/AtomDataPager.js.map +1 -1
- package/dist/date-field/AtomDateField.js +52 -47
- package/dist/date-field/AtomDateField.js.map +1 -1
- package/dist/desktop-app/DesktopApp.js +87 -123
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/form/AtomField.js +131 -133
- package/dist/form/AtomField.js.map +1 -1
- package/dist/form/AtomForm.js +84 -98
- package/dist/form/AtomForm.js.map +1 -1
- package/dist/form/AtomFormGroup.js +15 -19
- package/dist/form/AtomFormGroup.js.map +1 -1
- package/dist/form/AtomFormStyle.js +67 -67
- package/dist/form/AtomFormStyle.js.map +1 -1
- package/dist/form/HelpPopup.js +23 -19
- package/dist/form/HelpPopup.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +295 -383
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.js +79 -65
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.js +98 -88
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/Align.js +40 -23
- package/dist/html-editor/commands/Align.js.map +1 -1
- package/dist/html-editor/commands/AttachFile.js +93 -73
- package/dist/html-editor/commands/AttachFile.js.map +1 -1
- package/dist/html-editor/commands/Bold.js +23 -19
- package/dist/html-editor/commands/Bold.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +55 -144
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +67 -75
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/ChangeFontSize.js +32 -21
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
- package/dist/html-editor/commands/Command.js +53 -39
- package/dist/html-editor/commands/Command.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +93 -56
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Headings.js +42 -25
- package/dist/html-editor/commands/Headings.js.map +1 -1
- package/dist/html-editor/commands/HorizontalRule.js +22 -19
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
- package/dist/html-editor/commands/HtmlCommands.js +73 -76
- package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
- package/dist/html-editor/commands/IndentLess.js +23 -19
- package/dist/html-editor/commands/IndentLess.js.map +1 -1
- package/dist/html-editor/commands/IndentMore.js +23 -19
- package/dist/html-editor/commands/IndentMore.js.map +1 -1
- package/dist/html-editor/commands/Italic.js +23 -19
- package/dist/html-editor/commands/Italic.js.map +1 -1
- package/dist/html-editor/commands/NumberedList.js +23 -19
- package/dist/html-editor/commands/NumberedList.js.map +1 -1
- package/dist/html-editor/commands/Quote.js +23 -19
- package/dist/html-editor/commands/Quote.js.map +1 -1
- package/dist/html-editor/commands/RemoveFormat.js +23 -19
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
- package/dist/html-editor/commands/Separator.js +24 -27
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.js +95 -67
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/html-editor/commands/StrikeThrough.js +23 -19
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
- package/dist/html-editor/commands/Underline.js +23 -19
- package/dist/html-editor/commands/Underline.js.map +1 -1
- package/dist/html-editor/commands/Unlink.js +24 -23
- package/dist/html-editor/commands/Unlink.js.map +1 -1
- package/dist/html-editor/commands/UnorderedList.js +23 -19
- package/dist/html-editor/commands/UnorderedList.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrame.js +177 -192
- package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameStyle.js +56 -54
- package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.js +48 -32
- package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
- package/dist/mobile/pages/Page.js +23 -23
- package/dist/mobile/pages/Page.js.map +1 -1
- package/dist/mobile/pages/PageFrameViewModel.js +154 -148
- package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
- package/dist/mobile/pages/TitleTemplate.js +22 -22
- package/dist/mobile/pages/TitleTemplate.js.map +1 -1
- package/dist/mobile-app/BottomPopup.js +206 -240
- package/dist/mobile-app/BottomPopup.js.map +1 -1
- package/dist/mobile-app/MobileApp.js +552 -654
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.js +221 -267
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.js +28 -27
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/setupBridge.js +74 -98
- package/dist/setupBridge.js.map +1 -1
- package/dist/switch/AtomSwitch.js +43 -37
- package/dist/switch/AtomSwitch.js.map +1 -1
- package/dist/switch/AtomSwitchStyle.js +68 -68
- package/dist/switch/AtomSwitchStyle.js.map +1 -1
- package/dist/time-field/AtomTimeField.js +97 -83
- package/dist/time-field/AtomTimeField.js.map +1 -1
- package/dist/time-field/AtomTimeFieldStyle.js +24 -25
- package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.js +96 -115
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/PageNavigator.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","names":["Expander","_a","header","detail","icon","isExpanded","a","Error","ha","attributes","da","iconElement","Array","isArray","map","i","XNode","class","ExpanderMenu","details","length","iterator","ia","toString","StyleRule","CSS","display","gridTemplateRows","gridTemplateColumns","alignItems","child","gridColumnStart","gridRowStart","padding","marginRight","alignSelf","justifySelf","marginLeft","gridColumnEnd","marginTop","and","overflow","transform","transition","transformOrigin","document","body","addEventListener","e","defaultPrevented","start","target","test","dataset","element","parentElement","isExpander","ds","preventDefault","stopImmediatePropagation","dispatchEvent","CustomEvent","bubbles","cancelable","capture","ce","gap","paddingLeft","paddingTop","borderLeftStyle","borderLeftWidth","borderLeftColor","borderTopLeftRadius","borderBottomLeftRadius","borderBottomWidth","borderTopWidth","marginBottom","fontWeight"],"sourceRoot":"","sources":["../../src/basic/Expander.tsx"],"sourcesContent":[null]}
|
package/dist/basic/Form.js
CHANGED
|
@@ -1,315 +1,320 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./ToggleButtonBar"], function (_export, _context) {
|
|
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;
|
|
16
20
|
}
|
|
17
|
-
|
|
18
|
-
|
|
21
|
+
eventClick !== null && eventClick !== void 0 ? eventClick : eventClick = eventClick2;
|
|
22
|
+
if (action === "submit" && eventClick) {
|
|
23
|
+
attributes.eventSubmit = eventClick;
|
|
19
24
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
const attributes = (_b = node.attributes) !== null && _b !== void 0 ? _b : (node.attributes = {});
|
|
48
|
-
attributes["data-wa-form-action"] = action;
|
|
49
|
-
const e = attributes["event-click"] || attributes.eventClick;
|
|
50
|
-
if (e) {
|
|
51
|
-
attributes["event-submit"] = e;
|
|
52
|
-
delete attributes["event-click"];
|
|
53
|
-
delete attributes.eventClick;
|
|
54
|
-
}
|
|
55
|
-
eventClick !== null && eventClick !== void 0 ? eventClick : (eventClick = eventClick2);
|
|
56
|
-
if (action === "submit" && eventClick) {
|
|
57
|
-
attributes.eventSubmit = eventClick;
|
|
58
|
-
}
|
|
59
|
-
node.attributes = Object.assign(Object.assign({}, a), attributes);
|
|
60
|
-
return node;
|
|
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;
|
|
61
52
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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;
|
|
69
62
|
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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);
|
|
77
82
|
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
function SubmitButton(_a, ...nodes) {
|
|
83
|
-
var { eventClick } = _a, others = __rest(_a, ["eventClick"]);
|
|
84
|
-
return XNode_1.default.create("button", Object.assign({ "data-wa-form-action": "submit", eventSubmit: eventClick }, others), ...nodes);
|
|
83
|
+
a["data-form-id"] = id;
|
|
84
|
+
a["data-scrollable"] = !!scrollable;
|
|
85
|
+
if (!eventSubmit) {
|
|
86
|
+
a["data-wa-show-errors"] = "yes";
|
|
85
87
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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);
|
|
93
99
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
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);
|
|
100
154
|
}
|
|
101
|
-
|
|
155
|
+
continue;
|
|
156
|
+
}
|
|
157
|
+
fields.push(iterator);
|
|
102
158
|
}
|
|
103
|
-
|
|
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 => {
|
|
104
210
|
if (!form.dataset.waShowErrors) {
|
|
105
|
-
|
|
211
|
+
form.dataset.waShowErrors = "yes";
|
|
106
212
|
}
|
|
107
213
|
setTimeout(() => {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
}
|
|
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;
|
|
115
220
|
}
|
|
116
|
-
|
|
221
|
+
}
|
|
222
|
+
form.dispatchEvent(new CustomEvent("submitForm"));
|
|
117
223
|
}, 100);
|
|
118
|
-
|
|
119
|
-
|
|
224
|
+
};
|
|
225
|
+
checkValidity = handler => e => {
|
|
120
226
|
const form = e.currentTarget;
|
|
121
|
-
const {
|
|
227
|
+
const {
|
|
228
|
+
button,
|
|
229
|
+
action
|
|
230
|
+
} = findSubmitAction(e);
|
|
122
231
|
if (!button) {
|
|
123
|
-
|
|
232
|
+
return;
|
|
124
233
|
}
|
|
125
234
|
if (handler) {
|
|
126
|
-
|
|
127
|
-
|
|
235
|
+
submitFormHandler(form);
|
|
236
|
+
return;
|
|
128
237
|
}
|
|
129
|
-
// if (button.tagName === "BUTTON" && e.type !== "submit") {
|
|
130
|
-
// // as submit will be followed, we would ignore this only if the tag is button
|
|
131
|
-
// return;
|
|
132
|
-
// }
|
|
133
238
|
if (action === "cancel") {
|
|
134
|
-
|
|
135
|
-
|
|
239
|
+
form.dataset.waShowErrors = "";
|
|
240
|
+
return;
|
|
136
241
|
}
|
|
137
242
|
if (!form.dataset.waShowErrors) {
|
|
138
|
-
|
|
243
|
+
form.dataset.waShowErrors = "yes";
|
|
139
244
|
}
|
|
140
245
|
setTimeout(() => {
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
}
|
|
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;
|
|
148
252
|
}
|
|
149
|
-
|
|
253
|
+
}
|
|
254
|
+
button.dispatchEvent(new CustomEvent("submit"));
|
|
150
255
|
}, 100);
|
|
151
|
-
|
|
152
|
-
|
|
256
|
+
};
|
|
257
|
+
moveNext = handler => e => {
|
|
153
258
|
if (!/enter|submit|return/i.test(e.key)) {
|
|
154
|
-
|
|
259
|
+
return;
|
|
155
260
|
}
|
|
156
261
|
const element = e.target;
|
|
157
262
|
if (!element.tagName) {
|
|
158
|
-
|
|
263
|
+
return;
|
|
159
264
|
}
|
|
160
265
|
if (handler) {
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
266
|
+
if (element.tagName !== "TEXTAREA") {
|
|
267
|
+
submitFormHandler(e.currentTarget);
|
|
268
|
+
}
|
|
269
|
+
return;
|
|
165
270
|
}
|
|
166
271
|
if (element.dataset.waFormAction === "submit") {
|
|
167
|
-
|
|
168
|
-
|
|
272
|
+
element.dispatchEvent(new MouseEvent("click"));
|
|
273
|
+
return;
|
|
169
274
|
}
|
|
170
275
|
if (/input/i.test(element.tagName)) {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
276
|
+
e.preventDefault();
|
|
277
|
+
element.dispatchEvent(new KeyboardEvent("keypress", {
|
|
278
|
+
key: "tab"
|
|
279
|
+
}));
|
|
175
280
|
}
|
|
176
|
-
|
|
177
|
-
|
|
281
|
+
};
|
|
282
|
+
document.body.addEventListener("click", e => {
|
|
178
283
|
let start = e.target;
|
|
179
284
|
let id;
|
|
180
285
|
while (start) {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
286
|
+
id = start.dataset.submitFormId;
|
|
287
|
+
if (id) {
|
|
288
|
+
break;
|
|
289
|
+
}
|
|
290
|
+
start = start.parentElement;
|
|
186
291
|
}
|
|
187
292
|
if (!start) {
|
|
188
|
-
|
|
293
|
+
return;
|
|
189
294
|
}
|
|
190
295
|
const form = document.body.querySelector(`[data-form-id="${id}"]`);
|
|
191
296
|
submitFormHandler(form);
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
var _b;
|
|
202
|
-
var { id = formId++, focusNextOnEnter = true, scrollable, eventSubmit } = _a, a = __rest(_a, ["id", "focusNextOnEnter", "scrollable", "eventSubmit"]);
|
|
203
|
-
if (focusNextOnEnter) {
|
|
204
|
-
a.eventKeypress = moveNext(eventSubmit);
|
|
205
|
-
}
|
|
206
|
-
a["data-form-id"] = id;
|
|
207
|
-
a["data-scrollable"] = !!scrollable;
|
|
208
|
-
if (!eventSubmit) {
|
|
209
|
-
a["data-wa-show-errors"] = "yes";
|
|
210
|
-
}
|
|
211
|
-
const fields = [];
|
|
212
|
-
for (const iterator of nodes) {
|
|
213
|
-
if (!iterator) {
|
|
214
|
-
continue;
|
|
215
|
-
}
|
|
216
|
-
const ca = iterator.attributes;
|
|
217
|
-
if (ca === null || ca === void 0 ? void 0 : ca[formGroupSymbol]) {
|
|
218
|
-
for (const child of iterator.children) {
|
|
219
|
-
const cha = (_b = child.attributes) !== null && _b !== void 0 ? _b : (child.attributes = {});
|
|
220
|
-
cha["data-group"] = ca.group;
|
|
221
|
-
fields.push(child);
|
|
222
|
-
}
|
|
223
|
-
continue;
|
|
224
|
-
}
|
|
225
|
-
fields.push(iterator);
|
|
226
|
-
}
|
|
227
|
-
return XNode_1.default.create("div", Object.assign({ "data-wa-form": "wa-form" }, a, { eventSubmitForm: eventSubmit, eventClick: checkValidity(eventSubmit) }), ...fields);
|
|
228
|
-
}
|
|
229
|
-
exports.default = Form;
|
|
230
|
-
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
231
|
-
.display("grid")
|
|
232
|
-
.alignSelf("stretch")
|
|
233
|
-
.justifyContent("stretch")
|
|
234
|
-
.flex("1 1 100%")
|
|
235
|
-
.gridTemplateRows("auto 1fr auto")
|
|
236
|
-
.gridTemplateColumns("1fr")
|
|
237
|
-
.child((0, StyleRule_1.default)("[data-element=header]")
|
|
238
|
-
.gridRowStart("1"))
|
|
239
|
-
.child((0, StyleRule_1.default)("[data-element=content]")
|
|
240
|
-
.gridRowStart("2")
|
|
241
|
-
.overflow("auto")
|
|
242
|
-
.child((0, StyleRule_1.default)("div")
|
|
243
|
-
.verticalFlexLayout({ alignItems: "stretch", gap: 10 })))
|
|
244
|
-
.child((0, StyleRule_1.default)("[data-element=footer]")
|
|
245
|
-
.gridRowStart("3")), "*[data-form-layout=form-layout]");
|
|
246
|
-
const elementType = Symbol.for("elementType");
|
|
247
|
-
function FormLayout(_a, ...nodes) {
|
|
248
|
-
var _b, _c, _d;
|
|
249
|
-
var { id = formId++, focusNextOnEnter = true, scrollable, eventSubmit, header, footer } = _a, a = __rest(_a, ["id", "focusNextOnEnter", "scrollable", "eventSubmit", "header", "footer"]);
|
|
250
|
-
if (focusNextOnEnter) {
|
|
251
|
-
a.eventKeypress = moveNext(eventSubmit);
|
|
252
|
-
}
|
|
253
|
-
a["data-form-id"] = id;
|
|
254
|
-
a["data-scrollable"] = !!scrollable;
|
|
255
|
-
if (!eventSubmit) {
|
|
256
|
-
a["data-wa-show-errors"] = "yes";
|
|
257
|
-
}
|
|
258
|
-
const fields = [];
|
|
259
|
-
for (const iterator of nodes) {
|
|
260
|
-
if (!iterator) {
|
|
261
|
-
continue;
|
|
262
|
-
}
|
|
263
|
-
const et = iterator[elementType];
|
|
264
|
-
if (et !== void 0) {
|
|
265
|
-
if (et === "header") {
|
|
266
|
-
header = iterator;
|
|
267
|
-
delete iterator[elementType];
|
|
268
|
-
continue;
|
|
269
|
-
}
|
|
270
|
-
if (et === "footer") {
|
|
271
|
-
footer = iterator;
|
|
272
|
-
delete iterator[elementType];
|
|
273
|
-
continue;
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
const ca = iterator.attributes;
|
|
277
|
-
if (ca === null || ca === void 0 ? void 0 : ca[formGroupSymbol]) {
|
|
278
|
-
for (const child of iterator.children) {
|
|
279
|
-
const cha = (_b = child.attributes) !== null && _b !== void 0 ? _b : (child.attributes = {});
|
|
280
|
-
cha["data-group"] = ca.group;
|
|
281
|
-
fields.push(child);
|
|
282
|
-
}
|
|
283
|
-
continue;
|
|
284
|
-
}
|
|
285
|
-
fields.push(iterator);
|
|
286
|
-
}
|
|
287
|
-
if (header) {
|
|
288
|
-
const ha = (_c = header.attributes) !== null && _c !== void 0 ? _c : (header.attributes = {});
|
|
289
|
-
ha["data-element"] = "header";
|
|
290
|
-
}
|
|
291
|
-
if (footer) {
|
|
292
|
-
const ha = (_d = footer.attributes) !== null && _d !== void 0 ? _d : (footer.attributes = {});
|
|
293
|
-
ha["data-element"] = "footer";
|
|
294
|
-
}
|
|
295
|
-
return XNode_1.default.create("div", Object.assign({ "data-wa-form": "wa-form", "data-form-layout": "form-layout" }, a, { eventSubmitForm: eventSubmit, eventClick: checkValidity(eventSubmit) }),
|
|
296
|
-
header,
|
|
297
|
-
XNode_1.default.create("div", { "data-element": "content" },
|
|
298
|
-
XNode_1.default.create("div", null, ...fields)),
|
|
299
|
-
footer);
|
|
300
|
-
}
|
|
301
|
-
exports.FormLayout = FormLayout;
|
|
302
|
-
FormLayout.Footer = ({}, child) => {
|
|
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) => {
|
|
303
306
|
child[elementType] = "footer";
|
|
304
307
|
return child;
|
|
305
|
-
|
|
306
|
-
|
|
308
|
+
};
|
|
309
|
+
FormLayout.Header = ({}, child) => {
|
|
307
310
|
child[elementType] = "header";
|
|
308
311
|
return child;
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
+
};
|
|
313
|
+
Form.newId = () => formId++;
|
|
314
|
+
Form.submitId = id => ({
|
|
312
315
|
"data-submit-form-id": id.toString()
|
|
313
|
-
|
|
314
|
-
}
|
|
316
|
+
});
|
|
317
|
+
}
|
|
318
|
+
};
|
|
319
|
+
});
|
|
315
320
|
//# sourceMappingURL=Form.js.map
|