@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/Row.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;EAgCc,SAAUA,GAAG,CAACC,CAAM,EAAE,GAAIC,KAAc;IAClD,OAAOC;MAAA,YAAc;IAAK,GAAOF,CAAC,MACxBC,KAAK,CACT;EACV;EAIM,SAAUE,UAAU,CAACH,CAAM,EAAE,GAAIC,KAAc;IACjD,OAAOC;MAAA,YACM,KAAK;MAAA,oBACG;IAAa,GAAOF,CAAC,MAChCC,KAAK,CACT;EACV;EAAC;IAAA,SAduBF,GAAG;IAAA,YAQXI;EAAU;EAAA;IAAA;MAxCnBC,MAAM;IAAA;MACNF,KAAK;IAAA;MACLG,SAAS;IAAA;MACTC,GAAG;IAAA;IAAA;MAEVA,GAAG,CAACD,SAAS,EAAE,CACVE,UAAU,CAAC;QAAEC,UAAU,EAAE,QAAQ;QAAGC,cAAc,EAAE;MAAY,CAAE,CAAC,CACnEC,KAAK,CAACL,SAAS,CAAC,GAAG,CAAC,CAChBM,IAAI,CAAC,UAAU,CAAC,CACpB,EACH,mBAAmB,CAAC;MAEtBL,GAAG,CAACD,SAAS,EAAE,CACVO,eAAe,CAACR,MAAM,CAACS,MAAM,CAACC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CACpDC,YAAY,CAAC,IAAI,CAAC,CAClBC,OAAO,CAAC,CAAC,CAAC,CACVC,MAAM,CAACZ,SAAS,CAAC,6BAA6B,CAAC,CAC3CK,KAAK,CAACL,SAAS,CAAC,OAAO,CAAC,CACpBK,KAAK,CAACL,SAAS,CAAC,MAAM,CAAC,CACnBa,KAAK,CAACd,MAAM,CAACe,KAAK,CAAC,CACvB,CACJ,CACJ,CACAF,MAAM,CAACZ,SAAS,CAAC,QAAQ,CAAC,CACtBO,eAAe,CAACR,MAAM,CAACS,MAAM,CAAC,CAC9BK,KAAK,CAACd,MAAM,CAACe,KAAK,CAAC,CACnBC,KAAK,CAACf,SAAS,EAAE,CACbO,eAAe,CAACR,MAAM,CAACiB,KAAK,CAAC,CACjC,CACJ,EACH,mCAAmC,CAAC;MAQtCtB,GAAG,CAACuB,OAAO,GAAG;QAAE,YAAY,EAAE;MAAU,CAAE;MAU1CnB,UAAU,CAACmB,OAAO,GAAGvB,GAAG,CAACuB,OAAO;IAAC;EAAA;AAAA","names":["Row","a","nodes","XNode","CommandRow","Colors","StyleRule","CSS","flexLayout","alignItems","justifyContent","child","flex","backgroundColor","purple","withAlphaPercent","borderRadius","padding","nested","color","white","hover","green","stretch"],"sourceRoot":"","sources":["../../src/basic/Row.tsx"],"sourcesContent":[null]}
|
package/dist/basic/Swipe.js
CHANGED
|
@@ -1,128 +1,121 @@
|
|
|
1
|
-
(function (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
.alignSelf("center")
|
|
25
|
-
.justifySelf("end")
|
|
26
|
-
.zIndex(2)
|
|
27
|
-
.and((0, StyleRule_1.default)(":first-child")
|
|
28
|
-
.alignSelf("stretch")
|
|
29
|
-
.justifySelf("stretch")
|
|
30
|
-
.zIndex(10))), "[data-swipe=left]");
|
|
31
|
-
document.body.addEventListener("touchstart", (e) => {
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var XNode, StyleRule, CSS, swipeStart;
|
|
5
|
+
function SwipeLeft(a, ...nodes) {
|
|
6
|
+
return XNode.create("div", Object.assign({
|
|
7
|
+
"data-swipe": "left"
|
|
8
|
+
}, a), ...nodes);
|
|
9
|
+
}
|
|
10
|
+
_export("SwipeLeft", SwipeLeft);
|
|
11
|
+
return {
|
|
12
|
+
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
13
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
14
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
15
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
16
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
17
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
18
|
+
}],
|
|
19
|
+
execute: function () {
|
|
20
|
+
swipeStart = null;
|
|
21
|
+
CSS(StyleRule().display("grid").child(StyleRule("*").gridRow("1").gridColumn("1")), "[data-swipe]");
|
|
22
|
+
CSS(StyleRule().child(StyleRule("*").alignSelf("center").justifySelf("end").zIndex(2).and(StyleRule(":first-child").alignSelf("stretch").justifySelf("stretch").zIndex(10))), "[data-swipe=left]");
|
|
23
|
+
document.body.addEventListener("touchstart", e => {
|
|
32
24
|
let element = e.target;
|
|
33
25
|
if (e.touches.length > 1) {
|
|
34
|
-
|
|
26
|
+
return;
|
|
35
27
|
}
|
|
36
28
|
while (element) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
29
|
+
if (element.dataset.swipe) {
|
|
30
|
+
break;
|
|
31
|
+
}
|
|
32
|
+
element = element.parentElement;
|
|
41
33
|
}
|
|
42
34
|
if (!element) {
|
|
43
|
-
|
|
35
|
+
return;
|
|
44
36
|
}
|
|
45
|
-
const {
|
|
37
|
+
const {
|
|
38
|
+
left
|
|
39
|
+
} = element.getBoundingClientRect();
|
|
46
40
|
swipeStart = {
|
|
47
|
-
|
|
48
|
-
|
|
41
|
+
element,
|
|
42
|
+
x: e.touches[0].screenX - left
|
|
49
43
|
};
|
|
50
|
-
|
|
51
|
-
|
|
44
|
+
});
|
|
45
|
+
document.body.addEventListener("touchmove", e => {
|
|
52
46
|
let element = e.target;
|
|
53
47
|
if (!swipeStart || e.touches.length > 1) {
|
|
54
|
-
|
|
48
|
+
return;
|
|
55
49
|
}
|
|
56
50
|
let swipe;
|
|
57
51
|
while (element) {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
52
|
+
swipe = element.dataset.swipe;
|
|
53
|
+
if (swipe) {
|
|
54
|
+
break;
|
|
55
|
+
}
|
|
56
|
+
element = element.parentElement;
|
|
63
57
|
}
|
|
64
58
|
if (!element) {
|
|
65
|
-
|
|
59
|
+
return;
|
|
66
60
|
}
|
|
67
|
-
|
|
68
|
-
|
|
61
|
+
const {
|
|
62
|
+
left
|
|
63
|
+
} = element.getBoundingClientRect();
|
|
69
64
|
const cx = e.touches[0].screenX - left;
|
|
70
|
-
const {
|
|
65
|
+
const {
|
|
66
|
+
x
|
|
67
|
+
} = swipeStart;
|
|
71
68
|
let diff = cx - x;
|
|
72
69
|
if (diff > 0) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
delete content.style.marginRight;
|
|
97
|
-
delete content.style.transform;
|
|
98
|
-
child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
|
|
99
|
-
while (child) {
|
|
100
|
-
delete child.style.marginRight;
|
|
101
|
-
child = child.nextElementSibling;
|
|
102
|
-
}
|
|
103
|
-
return;
|
|
104
|
-
}
|
|
105
|
-
content.style.marginRight = `${margin}px`;
|
|
106
|
-
content.style.transform = `translateX(-${margin}px)`;
|
|
107
|
-
let avgMargin = Math.ceil(margin / count);
|
|
70
|
+
if (swipe !== "right") {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
} else {
|
|
74
|
+
if (swipe !== "left") {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
let content = element.firstElementChild;
|
|
78
|
+
let maxMargin = 0;
|
|
79
|
+
let child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
|
|
80
|
+
let count = 0;
|
|
81
|
+
while (child) {
|
|
82
|
+
maxMargin += child.offsetWidth;
|
|
83
|
+
count++;
|
|
84
|
+
child = child.nextElementSibling;
|
|
85
|
+
}
|
|
86
|
+
let margin = -diff;
|
|
87
|
+
if (maxMargin && margin > maxMargin) {
|
|
88
|
+
margin = maxMargin;
|
|
89
|
+
}
|
|
90
|
+
if (margin <= 5) {
|
|
91
|
+
delete content.style.marginRight;
|
|
92
|
+
delete content.style.transform;
|
|
108
93
|
child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
|
|
109
94
|
while (child) {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
95
|
+
delete child.style.marginRight;
|
|
96
|
+
child = child.nextElementSibling;
|
|
97
|
+
}
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
content.style.marginRight = `${margin}px`;
|
|
101
|
+
content.style.transform = `translateX(-${margin}px)`;
|
|
102
|
+
let avgMargin = Math.ceil(margin / count);
|
|
103
|
+
child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
|
|
104
|
+
while (child) {
|
|
105
|
+
count--;
|
|
106
|
+
if (count === 0) {
|
|
107
|
+
break;
|
|
117
108
|
}
|
|
109
|
+
let m = avgMargin * count + 5;
|
|
110
|
+
child.style.marginRight = `${m}px`;
|
|
111
|
+
child = child.nextElementSibling;
|
|
112
|
+
}
|
|
118
113
|
}
|
|
119
|
-
|
|
120
|
-
|
|
114
|
+
});
|
|
115
|
+
document.body.addEventListener("touchend", e => {
|
|
121
116
|
swipeStart = null;
|
|
122
|
-
|
|
123
|
-
function SwipeLeft(a, ...nodes) {
|
|
124
|
-
return XNode_1.default.create("div", Object.assign({ "data-swipe": "left" }, a), ...nodes);
|
|
117
|
+
});
|
|
125
118
|
}
|
|
126
|
-
|
|
127
|
-
});
|
|
119
|
+
};
|
|
120
|
+
});
|
|
128
121
|
//# sourceMappingURL=Swipe.js.map
|
package/dist/basic/Swipe.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","names":["SwipeLeft","a","nodes","XNode","StyleRule","CSS","swipeStart","display","child","gridRow","gridColumn","alignSelf","justifySelf","zIndex","and","document","body","addEventListener","e","element","target","touches","length","dataset","swipe","parentElement","left","getBoundingClientRect","x","screenX","cx","diff","content","firstElementChild","maxMargin","nextElementSibling","count","offsetWidth","margin","style","marginRight","transform","avgMargin","Math","ceil","m"],"sourceRoot":"","sources":["../../src/basic/Swipe.tsx"],"sourcesContent":[null]}
|
package/dist/basic/Switch.js
CHANGED
|
@@ -1,108 +1,61 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var XNode, StyleRule, CSS, __rest, css;
|
|
5
|
+
function Switch(_a) {
|
|
6
|
+
var {
|
|
7
|
+
checked,
|
|
8
|
+
onLabel,
|
|
9
|
+
offLabel
|
|
10
|
+
} = _a,
|
|
11
|
+
a = __rest(_a, ["checked", "onLabel", "offLabel"]);
|
|
12
|
+
return XNode.create("label", Object.assign({
|
|
13
|
+
"data-ui-switch": "ui-switch"
|
|
14
|
+
}, a), XNode.create("input", {
|
|
15
|
+
class: "switch-input",
|
|
16
|
+
type: "checkbox",
|
|
17
|
+
checked: checked
|
|
18
|
+
}), XNode.create("span", {
|
|
19
|
+
class: "switch-label",
|
|
20
|
+
"data-on": onLabel !== null && onLabel !== void 0 ? onLabel : "On",
|
|
21
|
+
"data-off": offLabel !== null && offLabel !== void 0 ? offLabel : "Off"
|
|
22
|
+
}), XNode.create("span", {
|
|
23
|
+
class: "switch-handle"
|
|
24
|
+
}));
|
|
25
|
+
}
|
|
26
|
+
_export("default", Switch);
|
|
27
|
+
return {
|
|
28
|
+
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
29
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
30
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
31
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
32
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
33
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
34
|
+
}],
|
|
35
|
+
execute: function () {
|
|
36
|
+
__rest = void 0 && (void 0).__rest || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
39
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
40
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
9
41
|
}
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
42
|
+
return t;
|
|
43
|
+
};
|
|
44
|
+
css = CSS(StyleRule().position("relative").display("inline-block").verticalAlign("top").minWidth(70).height(30).padding(3).margin(0).background("linear-gradient(to bottom, #eeeeee, #FFFFFF 25px)").backgroundImage("-webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px)").borderRadius(18).boxShadow("inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05)").cursor("pointer").boxSizing("content-box").child(StyleRule(".switch-input").absolutePosition({
|
|
45
|
+
top: 0,
|
|
46
|
+
left: 0
|
|
47
|
+
}).opacity(0).boxSizing("content-box")).child(StyleRule(".switch-label").position("relative").display("block").height("inherit").backgroundColor("#eceeef").borderRadius("inherit").boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15)").boxSizing("content-box").and(StyleRule(":before, .switch-label:after").position("absolute").top("50%").marginTop("-.5em").lineHeight("1").webkitTransition("inherit").transition("inherit").boxSizing("content-box")).and(StyleRule(":before").content("attr(data-off)").right(11).color("#aaaaaa").textShadow("0 1px rgba(255, 255, 255, 0.5)")).and(StyleRule(":after").content("attr(data-on)").left(11).color("#FFFFFF").textShadow("0 1px rgba(0, 0, 0, 0.2)").opacity("0"))).child(StyleRule(".switch-input:checked ~ .switch-label").backgroundColor("#E1B42B").boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)")).child(StyleRule(".switch-input:checked ~ .switch-label:before").opacity("0")).child(StyleRule(".switch-input:checked ~ .switch-label:after").opacity("1")).child(StyleRule(".switch-handle").absolutePosition({
|
|
48
|
+
top: 4,
|
|
49
|
+
left: 4,
|
|
50
|
+
width: 28,
|
|
51
|
+
height: 28
|
|
52
|
+
}).background("linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0)").borderRadius("100%").boxShadow("1px 1px 5px rgba(0, 0, 0, 0.2)").and(StyleRule(":before").content("").absolutePosition({
|
|
53
|
+
top: "50%",
|
|
54
|
+
left: "50%",
|
|
55
|
+
width: 12,
|
|
56
|
+
height: 12
|
|
57
|
+
}).background("linear-gradient(to bottom, #eeeeee, #FFFFFF)").borderRadius(6).boxShadow("inset 0 1px rgba(0, 0, 0, 0.02)"))).child(StyleRule(".switch-input:checked ~ .switch-handle").left(44).boxShadow("-1px 1px 5px rgba(0, 0, 0, 0.2)")).child(StyleRule(".switch-label, .switch-handle").transition("All 0.3s ease")), "*[data-ui-switch=ui-switch]");
|
|
16
58
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
})(function (require, exports) {
|
|
21
|
-
"use strict";
|
|
22
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
-
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
24
|
-
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
25
|
-
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
26
|
-
/**
|
|
27
|
-
* Original source = https://www.htmllion.com/css3-toggle-switch-button.html
|
|
28
|
-
*/
|
|
29
|
-
const css = (0, CSS_1.default)((0, StyleRule_1.default)()
|
|
30
|
-
.position("relative")
|
|
31
|
-
.display("inline-block")
|
|
32
|
-
.verticalAlign("top")
|
|
33
|
-
.minWidth(70)
|
|
34
|
-
.height(30)
|
|
35
|
-
.padding(3)
|
|
36
|
-
.margin(0)
|
|
37
|
-
.background("linear-gradient(to bottom, #eeeeee, #FFFFFF 25px)")
|
|
38
|
-
.backgroundImage("-webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px)")
|
|
39
|
-
.borderRadius(18)
|
|
40
|
-
.boxShadow("inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05)")
|
|
41
|
-
.cursor("pointer")
|
|
42
|
-
.boxSizing("content-box")
|
|
43
|
-
.child((0, StyleRule_1.default)(".switch-input")
|
|
44
|
-
.absolutePosition({ top: 0, left: 0 })
|
|
45
|
-
.opacity(0)
|
|
46
|
-
.boxSizing("content-box"))
|
|
47
|
-
.child((0, StyleRule_1.default)(".switch-label")
|
|
48
|
-
.position("relative")
|
|
49
|
-
.display("block")
|
|
50
|
-
.height("inherit")
|
|
51
|
-
// .fontSize(12)
|
|
52
|
-
// .textTransform("uppercase")
|
|
53
|
-
.backgroundColor("#eceeef")
|
|
54
|
-
.borderRadius("inherit")
|
|
55
|
-
.boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15)")
|
|
56
|
-
.boxSizing("content-box")
|
|
57
|
-
.and((0, StyleRule_1.default)(":before, .switch-label:after")
|
|
58
|
-
.position("absolute")
|
|
59
|
-
.top("50%")
|
|
60
|
-
.marginTop("-.5em")
|
|
61
|
-
.lineHeight("1")
|
|
62
|
-
.webkitTransition("inherit")
|
|
63
|
-
.transition("inherit")
|
|
64
|
-
.boxSizing("content-box"))
|
|
65
|
-
.and((0, StyleRule_1.default)(":before")
|
|
66
|
-
.content("attr(data-off)")
|
|
67
|
-
.right(11)
|
|
68
|
-
.color("#aaaaaa")
|
|
69
|
-
.textShadow("0 1px rgba(255, 255, 255, 0.5)"))
|
|
70
|
-
.and((0, StyleRule_1.default)(":after")
|
|
71
|
-
.content("attr(data-on)")
|
|
72
|
-
.left(11)
|
|
73
|
-
.color("#FFFFFF")
|
|
74
|
-
.textShadow("0 1px rgba(0, 0, 0, 0.2)")
|
|
75
|
-
.opacity("0")))
|
|
76
|
-
.child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-label")
|
|
77
|
-
.backgroundColor("#E1B42B")
|
|
78
|
-
.boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)"))
|
|
79
|
-
.child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-label:before")
|
|
80
|
-
.opacity("0"))
|
|
81
|
-
.child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-label:after")
|
|
82
|
-
.opacity("1"))
|
|
83
|
-
.child((0, StyleRule_1.default)(".switch-handle")
|
|
84
|
-
.absolutePosition({ top: 4, left: 4, width: 28, height: 28 })
|
|
85
|
-
.background("linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0)")
|
|
86
|
-
.borderRadius("100%")
|
|
87
|
-
.boxShadow("1px 1px 5px rgba(0, 0, 0, 0.2)")
|
|
88
|
-
.and((0, StyleRule_1.default)(":before")
|
|
89
|
-
.content("")
|
|
90
|
-
.absolutePosition({ top: "50%", left: "50%", width: 12, height: 12 })
|
|
91
|
-
.background("linear-gradient(to bottom, #eeeeee, #FFFFFF)")
|
|
92
|
-
.borderRadius(6)
|
|
93
|
-
.boxShadow("inset 0 1px rgba(0, 0, 0, 0.02)")))
|
|
94
|
-
.child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-handle")
|
|
95
|
-
.left(44)
|
|
96
|
-
.boxShadow("-1px 1px 5px rgba(0, 0, 0, 0.2)"))
|
|
97
|
-
.child((0, StyleRule_1.default)(".switch-label, .switch-handle")
|
|
98
|
-
.transition("All 0.3s ease")), "*[data-ui-switch=ui-switch]");
|
|
99
|
-
function Switch(_a) {
|
|
100
|
-
var { checked, onLabel, offLabel } = _a, a = __rest(_a, ["checked", "onLabel", "offLabel"]);
|
|
101
|
-
return XNode_1.default.create("label", Object.assign({ "data-ui-switch": "ui-switch" }, a),
|
|
102
|
-
XNode_1.default.create("input", { class: "switch-input", type: "checkbox", checked: checked }),
|
|
103
|
-
XNode_1.default.create("span", { class: "switch-label", "data-on": onLabel !== null && onLabel !== void 0 ? onLabel : "On", "data-off": offLabel !== null && offLabel !== void 0 ? offLabel : "Off" }),
|
|
104
|
-
XNode_1.default.create("span", { class: "switch-handle" }));
|
|
105
|
-
}
|
|
106
|
-
exports.default = Switch;
|
|
107
|
-
});
|
|
59
|
+
};
|
|
60
|
+
});
|
|
108
61
|
//# sourceMappingURL=Switch.js.map
|
package/dist/basic/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","names":["Switch","_a","checked","onLabel","offLabel","a","XNode","class","type","StyleRule","CSS","css","position","display","verticalAlign","minWidth","height","padding","margin","background","backgroundImage","borderRadius","boxShadow","cursor","boxSizing","child","absolutePosition","top","left","opacity","backgroundColor","and","marginTop","lineHeight","webkitTransition","transition","content","right","color","textShadow","width"],"sourceRoot":"","sources":["../../src/basic/Switch.tsx"],"sourcesContent":[null]}
|
|
@@ -1,53 +1,52 @@
|
|
|
1
|
-
(function (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var XNode, StyleRule, CSS, AtomRepeater, TableRepeater;
|
|
5
|
+
_export("default", void 0);
|
|
6
|
+
return {
|
|
7
|
+
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
8
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
9
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
10
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
11
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
12
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
13
|
+
}, function (_AtomRepeater) {
|
|
14
|
+
AtomRepeater = _AtomRepeater.default;
|
|
15
|
+
}],
|
|
16
|
+
execute: function () {
|
|
17
|
+
CSS(StyleRule(), "table[data-table-repeater=table-repeater]");
|
|
18
|
+
_export("default", TableRepeater = class TableRepeater extends AtomRepeater {
|
|
18
19
|
constructor(app, e = document.createElement("table")) {
|
|
19
|
-
|
|
20
|
+
super(app, e);
|
|
20
21
|
}
|
|
21
22
|
onPropertyChanged(name) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
super.onPropertyChanged(name);
|
|
24
|
+
switch (name) {
|
|
25
|
+
case "header":
|
|
26
|
+
case "headerRenderer":
|
|
27
|
+
this.updateHeaderFooter("header", this.headerPresenter, this.header, this.headerRenderer);
|
|
28
|
+
break;
|
|
29
|
+
case "footer":
|
|
30
|
+
case "footerRenderer":
|
|
31
|
+
this.updateHeaderFooter("footer", this.footerPresenter, this.footer, this.footerRenderer);
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
33
34
|
}
|
|
34
35
|
preCreate() {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
super.preCreate();
|
|
37
|
+
this.preRender();
|
|
38
|
+
this.onPropertyChanged("header");
|
|
39
|
+
this.onPropertyChanged("footer");
|
|
39
40
|
}
|
|
40
41
|
preRender() {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
this.itemsPresenter = this.element.querySelector("tbody");
|
|
47
|
-
this.headerPresenter = this.element.firstElementChild;
|
|
48
|
-
this.footerPresenter = this.element.lastElementChild;
|
|
42
|
+
this.element.dataset.tableRepeater = "table-repeater";
|
|
43
|
+
this.render(XNode.create("table", null, XNode.create("thead", null), XNode.create("tbody", null), XNode.create("tfoot", null)));
|
|
44
|
+
this.itemsPresenter = this.element.querySelector("tbody");
|
|
45
|
+
this.headerPresenter = this.element.firstElementChild;
|
|
46
|
+
this.footerPresenter = this.element.lastElementChild;
|
|
49
47
|
}
|
|
48
|
+
});
|
|
50
49
|
}
|
|
51
|
-
|
|
52
|
-
});
|
|
50
|
+
};
|
|
51
|
+
});
|
|
53
52
|
//# sourceMappingURL=TableRepeater.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;2CASqBA,aAAc;EAAA;EAAA;IAAA;MAR5BC,KAAK;IAAA;MACLC,SAAS;IAAA;MACTC,GAAG;IAAA;MACHC,YAAiC;IAAA;IAAA;MAExCD,GAAG,CAACD,SAAS,EAAE,EACb,2CAA2C,CAAC;MAAC,mBAE1BF,aAAc,GAArB,MAAOA,aAAc,SAAQI,YAAY;QAEnDC,YAAYC,GAAG,EAAEC,CAAC,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;UAChD,KAAK,CAACH,GAAG,EAAEC,CAAC,CAAC;QACjB;QAEOG,iBAAiB,CAACC,IAAyB;UAC9C,KAAK,CAACD,iBAAiB,CAACC,IAAI,CAAC;UAC7B,QAAQA,IAAI;YACR,KAAK,QAAQ;YACb,KAAK,gBAAgB;cACjB,IAAI,CAACC,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAACC,eAAe,EAAE,IAAI,CAACC,MAAM,EAAE,IAAI,CAACC,cAAc,CAAC;cACzF;YACJ,KAAK,QAAQ;YACb,KAAK,gBAAgB;cACjB,IAAI,CAACH,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAACI,eAAe,EAAE,IAAI,CAACC,MAAM,EAAE,IAAI,CAACC,cAAc,CAAC;cACzF;UAAM;QAElB;QAEUC,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAACC,SAAS,EAAE;UAChB,IAAI,CAACV,iBAAiB,CAAC,QAAQ,CAAC;UAChC,IAAI,CAACA,iBAAiB,CAAC,QAAQ,CAAC;QACpC;QAEUU,SAAS;UACf,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,aAAa,GAAG,gBAAgB;UACrD,IAAI,CAACC,MAAM,CAACvB,4BACRA,2BAAe,EACfA,2BAAe,EACfA,2BAAe,CACX,CAAC;UACT,IAAI,CAACwB,cAAc,GAAG,IAAI,CAACJ,OAAO,CAACK,aAAa,CAAC,OAAO,CAAC;UACzD,IAAI,CAACb,eAAe,GAAG,IAAI,CAACQ,OAAO,CAACM,iBAAgC;UACpE,IAAI,CAACX,eAAe,GAAG,IAAI,CAACK,OAAO,CAACO,gBAA+B;QACvE;OACH;IAAA;EAAA;AAAA","names":["TableRepeater","XNode","StyleRule","CSS","AtomRepeater","constructor","app","e","document","createElement","onPropertyChanged","name","updateHeaderFooter","headerPresenter","header","headerRenderer","footerPresenter","footer","footerRenderer","preCreate","preRender","element","dataset","tableRepeater","render","itemsPresenter","querySelector","firstElementChild","lastElementChild"],"sourceRoot":"","sources":["../../src/basic/TableRepeater.tsx"],"sourcesContent":[null]}
|