@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
package/dist/basic/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","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,34 +1,32 @@
|
|
|
1
|
-
(function (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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) {
|
|
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({
|
|
24
25
|
left: 0,
|
|
25
26
|
right: 0,
|
|
26
27
|
bottom: 0
|
|
27
|
-
|
|
28
|
-
function FormDialog(a, ...nodes) {
|
|
29
|
-
return XNode_1.default.create("div", { "data-form-dialog": "true" },
|
|
30
|
-
XNode_1.default.create(Form_1.default, Object.assign({ scrollable: true }, a), ...nodes));
|
|
28
|
+
}))), "div[data-form-dialog=true]");
|
|
31
29
|
}
|
|
32
|
-
|
|
33
|
-
});
|
|
30
|
+
};
|
|
31
|
+
});
|
|
34
32
|
//# sourceMappingURL=FormDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;EAqBc,SAAUA,UAAU,CAACC,CAAQ,EAAE,GAAIC,KAAc;IAC3D,OAAOC;MAAA,oBAAsB;IAAM,GAC/BA,aAACC,IAAI;MAACC,UAAU,EAAE;IAAI,GAAOJ,CAAC,MACpBC,KAAK,CACR,CACL;EACV;EAAC,mBANuBF,UAAU;EAAA;IAAA;MArB3BG,KAAK;IAAA;MACLG,SAAS;IAAA;MACTC,GAAG;IAAA;MACHH,IAAe;IAAA;IAAA;MAEtBG,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;QACdC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;OACX,CAAC,CACL,CACJ,EACH,4BAA4B,CAAC;IAAC;EAAA;AAAA","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]}
|
package/dist/basic/FormField.js
CHANGED
|
@@ -1,213 +1,193 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/FormattedString", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var Bind, Colors, FormattedString, XNode, NavigationService, StyleRule, PopupWindow, CSS, __rest, css;
|
|
5
|
+
function FormField(_a, node) {
|
|
6
|
+
var _b, _c;
|
|
7
|
+
var {
|
|
8
|
+
label,
|
|
9
|
+
required,
|
|
10
|
+
error,
|
|
11
|
+
helpIcon = "fas fa-question-circle",
|
|
12
|
+
help,
|
|
13
|
+
helpEventClick,
|
|
14
|
+
helpTitle,
|
|
15
|
+
border = false
|
|
16
|
+
} = _a,
|
|
17
|
+
others = __rest(_a, ["label", "required", "error", "helpIcon", "help", "helpEventClick", "helpTitle", "border"]);
|
|
18
|
+
if (node) {
|
|
19
|
+
const na = (_b = node.attributes) !== null && _b !== void 0 ? _b : node.attributes = {};
|
|
20
|
+
na["data-content"] = "content";
|
|
19
21
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
28
|
-
const NavigationService_1 = require("@web-atoms/core/dist/services/NavigationService");
|
|
29
|
-
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
30
|
-
const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
|
|
31
|
-
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
32
|
-
const css = (0, CSS_1.default)((0, StyleRule_1.default)()
|
|
33
|
-
.display("grid")
|
|
34
|
-
.alignItems("center")
|
|
35
|
-
.gridTemplateColumns("auto 1fr auto auto")
|
|
36
|
-
.gridTemplateRows("auto auto auto")
|
|
37
|
-
.child((0, StyleRule_1.default)("[data-content=content]")
|
|
38
|
-
.gridRowStart("2")
|
|
39
|
-
.gridColumnStart("1")
|
|
40
|
-
.gridColumnEnd("span 2")
|
|
41
|
-
.marginTop(5)
|
|
42
|
-
.marginBottom(5))
|
|
43
|
-
.and((0, StyleRule_1.default)("[data-border=true]")
|
|
44
|
-
.nested((0, StyleRule_1.default)("input")
|
|
45
|
-
.border("none")
|
|
46
|
-
.outline("none"))
|
|
47
|
-
.nested((0, StyleRule_1.default)("textarea")
|
|
48
|
-
.border("none")
|
|
49
|
-
.outline("none"))
|
|
50
|
-
.nested((0, StyleRule_1.default)("select")
|
|
51
|
-
.border("none")))
|
|
52
|
-
.child((0, StyleRule_1.default)("i[data-border=border]")
|
|
53
|
-
.gridColumnStart("1")
|
|
54
|
-
.gridColumnEnd("span 3")
|
|
55
|
-
.gridRowStart("3")
|
|
56
|
-
.alignSelf("flex-end")
|
|
57
|
-
.borderBottomStyle("solid")
|
|
58
|
-
.borderBottomWidth("1px")
|
|
59
|
-
.borderBottomColor(Colors_1.default.lightGray))
|
|
60
|
-
.and((0, StyleRule_1.default)("[data-focused=true]")
|
|
61
|
-
.child((0, StyleRule_1.default)("i[data-border=border]")
|
|
62
|
-
.borderBottomColor(Colors_1.default.black)))
|
|
63
|
-
.child((0, StyleRule_1.default)("i[data-help=help]")
|
|
64
|
-
.gridRowStart("2")
|
|
65
|
-
.gridColumnStart("3")
|
|
66
|
-
.padding(5)
|
|
67
|
-
.fontSize("x-large")
|
|
68
|
-
.cursor("pointer")
|
|
69
|
-
.marginLeft("auto")
|
|
70
|
-
.color(Colors_1.default.lightGreen))
|
|
71
|
-
.child((0, StyleRule_1.default)(".field-error")
|
|
72
|
-
.gridRowStart("4")
|
|
73
|
-
.gridColumnStart("1")
|
|
74
|
-
.gridColumnEnd("span 3")
|
|
75
|
-
.padding(5)
|
|
76
|
-
.margin(5)
|
|
77
|
-
.borderRadius(9999)
|
|
78
|
-
.backgroundColor(Colors_1.default.red)
|
|
79
|
-
.color(Colors_1.default.white)
|
|
80
|
-
.fontSize("smaller")
|
|
81
|
-
.and((0, StyleRule_1.default)(":empty")
|
|
82
|
-
.display("none")))
|
|
83
|
-
.child((0, StyleRule_1.default)("span[data-required=required]")
|
|
84
|
-
.gridColumnStart("2")
|
|
85
|
-
.visibility("hidden")
|
|
86
|
-
.color(Colors_1.default.red)
|
|
87
|
-
.and((0, StyleRule_1.default)(".true")
|
|
88
|
-
.visibility("visible")))
|
|
89
|
-
.and((0, StyleRule_1.default)("[data-layout=horizontal]")
|
|
90
|
-
.gridTemplateColumns("auto auto 1fr auto")
|
|
91
|
-
.gridTemplateRows("auto auto")
|
|
92
|
-
.child((0, StyleRule_1.default)("label.label")
|
|
93
|
-
.gridRowStart("2")
|
|
94
|
-
.marginRight(5)
|
|
95
|
-
.marginBottom(5))
|
|
96
|
-
.child((0, StyleRule_1.default)("[data-content=content]")
|
|
97
|
-
.gridRowStart("2")
|
|
98
|
-
.gridColumnStart("3")
|
|
99
|
-
.marginTop(0)
|
|
100
|
-
.marginBottom(5))
|
|
101
|
-
.child((0, StyleRule_1.default)("i[data-help=help]")
|
|
102
|
-
.gridRowStart("2")
|
|
103
|
-
.gridColumnStart("4"))
|
|
104
|
-
.child((0, StyleRule_1.default)(".field-error")
|
|
105
|
-
.gridRowStart("4")
|
|
106
|
-
.gridColumnStart("1")
|
|
107
|
-
.gridColumnEnd("span 3"))
|
|
108
|
-
.child((0, StyleRule_1.default)("span[data-required=required]")
|
|
109
|
-
.gridRowStart("2")
|
|
110
|
-
.gridColumnStart("2")
|
|
111
|
-
.marginRight(5)
|
|
112
|
-
.display("none")
|
|
113
|
-
.color(Colors_1.default.red)
|
|
114
|
-
.and((0, StyleRule_1.default)(".true")
|
|
115
|
-
.display("inline")))), "div[data-wa-form-field=wa-form-field]");
|
|
116
|
-
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
117
|
-
.width(300)
|
|
118
|
-
.maxHeight(500)
|
|
119
|
-
.overflow("auto")
|
|
120
|
-
.padding(10)
|
|
121
|
-
.verticalFlexLayout({ alignItems: "center", justifyContent: "flex-start" }), "div[data-form-field-help=help-window]");
|
|
122
|
-
document.addEventListener("focusin", (e) => {
|
|
123
|
-
let { target } = e;
|
|
124
|
-
while (target) {
|
|
125
|
-
if (target.dataset.waFormField === "wa-form-field") {
|
|
126
|
-
target.dataset.focused = "true";
|
|
127
|
-
break;
|
|
128
|
-
}
|
|
129
|
-
target = target.parentElement;
|
|
22
|
+
if (!helpEventClick && help) {
|
|
23
|
+
helpEventClick = Bind.event((s, e) => {
|
|
24
|
+
const app = s.app;
|
|
25
|
+
if (typeof help === "string" || help instanceof FormattedString) {
|
|
26
|
+
const ns = app.resolve(NavigationService);
|
|
27
|
+
ns.notify(help);
|
|
28
|
+
return;
|
|
130
29
|
}
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
break;
|
|
138
|
-
}
|
|
139
|
-
target = target.parentElement;
|
|
140
|
-
}
|
|
141
|
-
});
|
|
142
|
-
function FormField(_a, node) {
|
|
143
|
-
var _b, _c;
|
|
144
|
-
var { label, required, error, helpIcon = "fas fa-question-circle", help, helpEventClick, helpTitle, border = false } = _a, others = __rest(_a, ["label", "required", "error", "helpIcon", "help", "helpEventClick", "helpTitle", "border"]);
|
|
145
|
-
if (node) {
|
|
146
|
-
const na = (_b = node.attributes) !== null && _b !== void 0 ? _b : (node.attributes = {});
|
|
147
|
-
na["data-content"] = "content";
|
|
30
|
+
class HelpPopup extends PopupWindow {
|
|
31
|
+
create() {
|
|
32
|
+
this.render(XNode.create("div", {
|
|
33
|
+
"data-form-field-help": "help-window"
|
|
34
|
+
}, help));
|
|
35
|
+
}
|
|
148
36
|
}
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
37
|
+
HelpPopup.showWindow({
|
|
38
|
+
title: helpTitle !== null && helpTitle !== void 0 ? helpTitle : "Help"
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
let labelIsNode = false;
|
|
43
|
+
if (label && label instanceof XNode) {
|
|
44
|
+
const la = (_c = label.attributes) !== null && _c !== void 0 ? _c : label.attributes = {};
|
|
45
|
+
la["data-element"] = "label";
|
|
46
|
+
labelIsNode = true;
|
|
47
|
+
}
|
|
48
|
+
return XNode.create("div", Object.assign({
|
|
49
|
+
"data-wa-form-field": "wa-form-field",
|
|
50
|
+
"data-border": border
|
|
51
|
+
}, others), label && (labelIsNode ? label : XNode.create("label", {
|
|
52
|
+
"data-element": "label",
|
|
53
|
+
text: label
|
|
54
|
+
})), required && XNode.create("span", {
|
|
55
|
+
"data-required": "required",
|
|
56
|
+
class: required,
|
|
57
|
+
text: "*"
|
|
58
|
+
}), border && XNode.create("i", {
|
|
59
|
+
"data-border": "border"
|
|
60
|
+
}), node, help && XNode.create("i", {
|
|
61
|
+
"data-help": "help",
|
|
62
|
+
class: helpIcon,
|
|
63
|
+
title: helpTitle,
|
|
64
|
+
eventClick: helpEventClick
|
|
65
|
+
}), XNode.create("div", {
|
|
66
|
+
class: "field-error",
|
|
67
|
+
text: error
|
|
68
|
+
}));
|
|
69
|
+
}
|
|
70
|
+
function HorizontalFormField(_a, node) {
|
|
71
|
+
var _b;
|
|
72
|
+
var {
|
|
73
|
+
label,
|
|
74
|
+
required,
|
|
75
|
+
error,
|
|
76
|
+
helpIcon = "fas fa-question-circle",
|
|
77
|
+
help,
|
|
78
|
+
helpEventClick,
|
|
79
|
+
helpTitle,
|
|
80
|
+
border = false
|
|
81
|
+
} = _a,
|
|
82
|
+
others = __rest(_a, ["label", "required", "error", "helpIcon", "help", "helpEventClick", "helpTitle", "border"]);
|
|
83
|
+
if (node) {
|
|
84
|
+
const na = (_b = node.attributes) !== null && _b !== void 0 ? _b : node.attributes = {};
|
|
85
|
+
na["data-content"] = "content";
|
|
86
|
+
}
|
|
87
|
+
if (!helpEventClick && help) {
|
|
88
|
+
helpEventClick = Bind.event((s, e) => {
|
|
89
|
+
const app = s.app;
|
|
90
|
+
if (typeof help === "string" || help instanceof FormattedString) {
|
|
91
|
+
const ns = app.resolve(NavigationService);
|
|
92
|
+
ns.notify(help);
|
|
93
|
+
return;
|
|
164
94
|
}
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
95
|
+
class HelpPopup extends PopupWindow {
|
|
96
|
+
create() {
|
|
97
|
+
this.render(XNode.create("div", {
|
|
98
|
+
"data-form-field-help": "help-window"
|
|
99
|
+
}, help));
|
|
100
|
+
}
|
|
170
101
|
}
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
node,
|
|
176
|
-
help && XNode_1.default.create("i", { "data-help": "help", class: helpIcon, title: helpTitle, eventClick: helpEventClick }),
|
|
177
|
-
XNode_1.default.create("div", { class: "field-error", text: error }));
|
|
102
|
+
HelpPopup.showWindow({
|
|
103
|
+
title: helpTitle !== null && helpTitle !== void 0 ? helpTitle : "Help"
|
|
104
|
+
});
|
|
105
|
+
});
|
|
178
106
|
}
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
107
|
+
return XNode.create("div", Object.assign({
|
|
108
|
+
"data-wa-form-field": "wa-form-field",
|
|
109
|
+
"data-layout": "horizontal",
|
|
110
|
+
"data-border": border
|
|
111
|
+
}, others), label && XNode.create("label", {
|
|
112
|
+
class: "label",
|
|
113
|
+
text: label
|
|
114
|
+
}), required && XNode.create("span", {
|
|
115
|
+
"data-required": "required",
|
|
116
|
+
class: required,
|
|
117
|
+
text: "*"
|
|
118
|
+
}), border && XNode.create("i", {
|
|
119
|
+
"data-border": "border"
|
|
120
|
+
}), node, help && XNode.create("i", {
|
|
121
|
+
"data-help": "help",
|
|
122
|
+
class: helpIcon,
|
|
123
|
+
title: helpTitle,
|
|
124
|
+
eventClick: helpEventClick
|
|
125
|
+
}), XNode.create("div", {
|
|
126
|
+
class: "field-error",
|
|
127
|
+
text: error
|
|
128
|
+
}));
|
|
129
|
+
}
|
|
130
|
+
_export({
|
|
131
|
+
default: FormField,
|
|
132
|
+
HorizontalFormField: HorizontalFormField
|
|
133
|
+
});
|
|
134
|
+
return {
|
|
135
|
+
setters: [function (_webAtomsCoreDistCoreBind) {
|
|
136
|
+
Bind = _webAtomsCoreDistCoreBind.default;
|
|
137
|
+
}, function (_webAtomsCoreDistCoreColors) {
|
|
138
|
+
Colors = _webAtomsCoreDistCoreColors.default;
|
|
139
|
+
}, function (_webAtomsCoreDistCoreFormattedString) {
|
|
140
|
+
FormattedString = _webAtomsCoreDistCoreFormattedString.default;
|
|
141
|
+
}, function (_webAtomsCoreDistCoreXNode) {
|
|
142
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
143
|
+
}, function (_webAtomsCoreDistServicesNavigationService) {
|
|
144
|
+
NavigationService = _webAtomsCoreDistServicesNavigationService.NavigationService;
|
|
145
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
146
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
147
|
+
}, function (_webAtomsCoreDistWebServicesPopupService) {
|
|
148
|
+
PopupWindow = _webAtomsCoreDistWebServicesPopupService.PopupWindow;
|
|
149
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
150
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
151
|
+
}],
|
|
152
|
+
execute: function () {
|
|
153
|
+
__rest = void 0 && (void 0).__rest || function (s, e) {
|
|
154
|
+
var t = {};
|
|
155
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
156
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
157
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
186
158
|
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
159
|
+
return t;
|
|
160
|
+
};
|
|
161
|
+
css = CSS(StyleRule().display("grid").alignItems("center").gridTemplateColumns("auto 1fr auto auto").gridTemplateRows("auto auto auto").child(StyleRule("[data-content=content]").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 2").marginTop(5).marginBottom(5)).and(StyleRule("[data-border=true]").nested(StyleRule("input").border("none").outline("none")).nested(StyleRule("textarea").border("none").outline("none")).nested(StyleRule("select").border("none"))).child(StyleRule("i[data-border=border]").gridColumnStart("1").gridColumnEnd("span 3").gridRowStart("3").alignSelf("flex-end").borderBottomStyle("solid").borderBottomWidth("1px").borderBottomColor(Colors.lightGray)).and(StyleRule("[data-focused=true]").child(StyleRule("i[data-border=border]").borderBottomColor(Colors.black))).child(StyleRule("i[data-help=help]").gridRowStart("2").gridColumnStart("3").padding(5).fontSize("x-large").cursor("pointer").marginLeft("auto").color(Colors.lightGreen)).child(StyleRule(".field-error").gridRowStart("4").gridColumnStart("1").gridColumnEnd("span 3").padding(5).margin(5).borderRadius(9999).backgroundColor(Colors.red).color(Colors.white).fontSize("smaller").and(StyleRule(":empty").display("none"))).child(StyleRule("span[data-required=required]").gridColumnStart("2").visibility("hidden").color(Colors.red).and(StyleRule(".true").visibility("visible"))).and(StyleRule("[data-layout=horizontal]").gridTemplateColumns("auto auto 1fr auto").gridTemplateRows("auto auto").child(StyleRule("label.label").gridRowStart("2").marginRight(5).marginBottom(5)).child(StyleRule("[data-content=content]").gridRowStart("2").gridColumnStart("3").marginTop(0).marginBottom(5)).child(StyleRule("i[data-help=help]").gridRowStart("2").gridColumnStart("4")).child(StyleRule(".field-error").gridRowStart("4").gridColumnStart("1").gridColumnEnd("span 3")).child(StyleRule("span[data-required=required]").gridRowStart("2").gridColumnStart("2").marginRight(5).display("none").color(Colors.red).and(StyleRule(".true").display("inline")))), "div[data-wa-form-field=wa-form-field]");
|
|
162
|
+
CSS(StyleRule().width(300).maxHeight(500).overflow("auto").padding(10).verticalFlexLayout({
|
|
163
|
+
alignItems: "center",
|
|
164
|
+
justifyContent: "flex-start"
|
|
165
|
+
}), "div[data-form-field-help=help-window]");
|
|
166
|
+
document.addEventListener("focusin", e => {
|
|
167
|
+
let {
|
|
168
|
+
target
|
|
169
|
+
} = e;
|
|
170
|
+
while (target) {
|
|
171
|
+
if (target.dataset.waFormField === "wa-form-field") {
|
|
172
|
+
target.dataset.focused = "true";
|
|
173
|
+
break;
|
|
174
|
+
}
|
|
175
|
+
target = target.parentElement;
|
|
176
|
+
}
|
|
177
|
+
});
|
|
178
|
+
document.addEventListener("focusout", e => {
|
|
179
|
+
let {
|
|
180
|
+
target
|
|
181
|
+
} = e;
|
|
182
|
+
while (target) {
|
|
183
|
+
if (target.dataset.waFormField === "wa-form-field") {
|
|
184
|
+
delete target.dataset.focused;
|
|
185
|
+
break;
|
|
186
|
+
}
|
|
187
|
+
target = target.parentElement;
|
|
202
188
|
}
|
|
203
|
-
|
|
204
|
-
label && XNode_1.default.create("label", { class: "label", text: label }),
|
|
205
|
-
required && XNode_1.default.create("span", { "data-required": "required", class: required, text: "*" }),
|
|
206
|
-
border && XNode_1.default.create("i", { "data-border": "border" }),
|
|
207
|
-
node,
|
|
208
|
-
help && XNode_1.default.create("i", { "data-help": "help", class: helpIcon, title: helpTitle, eventClick: helpEventClick }),
|
|
209
|
-
XNode_1.default.create("div", { class: "field-error", text: error }));
|
|
189
|
+
});
|
|
210
190
|
}
|
|
211
|
-
|
|
212
|
-
});
|
|
191
|
+
};
|
|
192
|
+
});
|
|
213
193
|
//# sourceMappingURL=FormField.js.map
|