@web-atoms/web-controls 2.1.267 → 2.1.270
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/basic/PasswordBox.d.ts +6 -0
- package/dist/basic/PasswordBox.d.ts.map +1 -0
- package/dist/basic/PasswordBox.js +58 -0
- package/dist/basic/PasswordBox.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -3
- package/src/basic/PasswordBox.tsx +53 -0
- package/dist/ModuleFiles.sys.js +0 -57
- package/dist/ModuleFiles.sys.js.map +0 -1
- package/dist/auto-complete/AppComboBoxViewModel.sys.js +0 -23
- package/dist/auto-complete/AppComboBoxViewModel.sys.js.map +0 -1
- package/dist/auto-complete/AutoCompleteBox.sys.js +0 -402
- package/dist/auto-complete/AutoCompleteBox.sys.js.map +0 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.sys.js +0 -95
- package/dist/auto-complete/AutoCompleteBoxStyle.sys.js.map +0 -1
- package/dist/auto-complete/ItemHost.sys.js +0 -46
- package/dist/auto-complete/ItemHost.sys.js.map +0 -1
- package/dist/basic/AtomChips.sys.js +0 -429
- package/dist/basic/AtomChips.sys.js.map +0 -1
- package/dist/basic/AtomRepeater.sys.js +0 -1319
- package/dist/basic/AtomRepeater.sys.js.map +0 -1
- package/dist/basic/AtomSuggestions.sys.js +0 -178
- package/dist/basic/AtomSuggestions.sys.js.map +0 -1
- package/dist/basic/Button.sys.js +0 -71
- package/dist/basic/Button.sys.js.map +0 -1
- package/dist/basic/Calendar.sys.js +0 -263
- package/dist/basic/Calendar.sys.js.map +0 -1
- package/dist/basic/CheckBoxList.sys.js +0 -88
- package/dist/basic/CheckBoxList.sys.js.map +0 -1
- package/dist/basic/Checkbox.sys.js +0 -35
- package/dist/basic/Checkbox.sys.js.map +0 -1
- package/dist/basic/ComboBox.sys.js +0 -114
- package/dist/basic/ComboBox.sys.js.map +0 -1
- package/dist/basic/DataGrid.sys.js +0 -415
- package/dist/basic/DataGrid.sys.js.map +0 -1
- package/dist/basic/DateField.sys.js +0 -120
- package/dist/basic/DateField.sys.js.map +0 -1
- package/dist/basic/DropDown.sys.js +0 -199
- package/dist/basic/DropDown.sys.js.map +0 -1
- package/dist/basic/Editable.sys.js +0 -150
- package/dist/basic/Editable.sys.js.map +0 -1
- package/dist/basic/Expander.sys.js +0 -89
- package/dist/basic/Expander.sys.js.map +0 -1
- package/dist/basic/Form.sys.js +0 -405
- package/dist/basic/Form.sys.js.map +0 -1
- package/dist/basic/FormDialog.sys.js +0 -35
- package/dist/basic/FormDialog.sys.js.map +0 -1
- package/dist/basic/FormField.sys.js +0 -214
- package/dist/basic/FormField.sys.js.map +0 -1
- package/dist/basic/IElement.sys.js +0 -9
- package/dist/basic/IElement.sys.js.map +0 -1
- package/dist/basic/Input.sys.js +0 -33
- package/dist/basic/Input.sys.js.map +0 -1
- package/dist/basic/MaskedInput.sys.js +0 -82
- package/dist/basic/MaskedInput.sys.js.map +0 -1
- package/dist/basic/MaskedInputDiv.sys.js +0 -122
- package/dist/basic/MaskedInputDiv.sys.js.map +0 -1
- package/dist/basic/Mix.sys.js +0 -44
- package/dist/basic/Mix.sys.js.map +0 -1
- package/dist/basic/Panel.sys.js +0 -42
- package/dist/basic/Panel.sys.js.map +0 -1
- package/dist/basic/PopupButton.sys.js +0 -143
- package/dist/basic/PopupButton.sys.js.map +0 -1
- package/dist/basic/RadioButtonList.sys.js +0 -79
- package/dist/basic/RadioButtonList.sys.js.map +0 -1
- package/dist/basic/RefreshLock.sys.js +0 -103
- package/dist/basic/RefreshLock.sys.js.map +0 -1
- package/dist/basic/Row.sys.js +0 -47
- package/dist/basic/Row.sys.js.map +0 -1
- package/dist/basic/Switch.sys.js +0 -54
- package/dist/basic/Switch.sys.js.map +0 -1
- package/dist/basic/TableRepeater.sys.js +0 -61
- package/dist/basic/TableRepeater.sys.js.map +0 -1
- package/dist/basic/ToggleButtonBar.sys.js +0 -81
- package/dist/basic/ToggleButtonBar.sys.js.map +0 -1
- package/dist/basic/Tooltip.sys.js +0 -121
- package/dist/basic/Tooltip.sys.js.map +0 -1
- package/dist/basic/combineClasses.sys.js +0 -15
- package/dist/basic/combineClasses.sys.js.map +0 -1
- package/dist/basic/in-built/InBuiltStyles.sys.js +0 -55
- package/dist/basic/in-built/InBuiltStyles.sys.js.map +0 -1
- package/dist/button-bar/AtomButtonBar.sys.js +0 -52
- package/dist/button-bar/AtomButtonBar.sys.js.map +0 -1
- package/dist/buttons/AtomPopupButton.sys.js +0 -25
- package/dist/buttons/AtomPopupButton.sys.js.map +0 -1
- package/dist/buttons/AtomPopupButtonStyle.sys.js +0 -35
- package/dist/buttons/AtomPopupButtonStyle.sys.js.map +0 -1
- package/dist/calendar/AtomCalendar.sys.js +0 -105
- package/dist/calendar/AtomCalendar.sys.js.map +0 -1
- package/dist/calendar/AtomCalendarStyle.sys.js +0 -186
- package/dist/calendar/AtomCalendarStyle.sys.js.map +0 -1
- package/dist/calendar/CalendarViewModel.sys.js +0 -165
- package/dist/calendar/CalendarViewModel.sys.js.map +0 -1
- package/dist/calendar/res/SRCalendar.sys.js +0 -95
- package/dist/calendar/res/SRCalendar.sys.js.map +0 -1
- package/dist/calendar/res/en-US/SRCalendar.sys.js +0 -81
- package/dist/calendar/res/en-US/SRCalendar.sys.js.map +0 -1
- package/dist/data-grid/AtomColumn.sys.js +0 -75
- package/dist/data-grid/AtomColumn.sys.js.map +0 -1
- package/dist/data-grid/AtomDataGrid.sys.js +0 -83
- package/dist/data-grid/AtomDataGrid.sys.js.map +0 -1
- package/dist/data-grid/AtomDataGridStyle.sys.js +0 -59
- package/dist/data-grid/AtomDataGridStyle.sys.js.map +0 -1
- package/dist/data-grid/AtomDataGridViewModel.sys.js +0 -98
- package/dist/data-grid/AtomDataGridViewModel.sys.js.map +0 -1
- package/dist/data-grid/GridTemplate.sys.js +0 -80
- package/dist/data-grid/GridTemplate.sys.js.map +0 -1
- package/dist/data-pager/AtomDataPager.sys.js +0 -130
- package/dist/data-pager/AtomDataPager.sys.js.map +0 -1
- package/dist/date-field/AtomDateField.sys.js +0 -67
- package/dist/date-field/AtomDateField.sys.js.map +0 -1
- package/dist/form/AtomField.sys.js +0 -177
- package/dist/form/AtomField.sys.js.map +0 -1
- package/dist/form/AtomForm.sys.js +0 -126
- package/dist/form/AtomForm.sys.js.map +0 -1
- package/dist/form/AtomFormGroup.sys.js +0 -20
- package/dist/form/AtomFormGroup.sys.js.map +0 -1
- package/dist/form/AtomFormStyle.sys.js +0 -77
- package/dist/form/AtomFormStyle.sys.js.map +0 -1
- package/dist/form/HelpPopup.sys.js +0 -30
- package/dist/form/HelpPopup.sys.js.map +0 -1
- package/dist/html-editor/AtomHtmlEditor.sys.js +0 -332
- package/dist/html-editor/AtomHtmlEditor.sys.js.map +0 -1
- package/dist/html-editor/commands/AddImage.sys.js +0 -96
- package/dist/html-editor/commands/AddImage.sys.js.map +0 -1
- package/dist/html-editor/commands/AddLink.sys.js +0 -114
- package/dist/html-editor/commands/AddLink.sys.js.map +0 -1
- package/dist/html-editor/commands/Align.sys.js +0 -44
- package/dist/html-editor/commands/Align.sys.js.map +0 -1
- package/dist/html-editor/commands/AttachFile.sys.js +0 -110
- package/dist/html-editor/commands/AttachFile.sys.js.map +0 -1
- package/dist/html-editor/commands/Bold.sys.js +0 -28
- package/dist/html-editor/commands/Bold.sys.js.map +0 -1
- package/dist/html-editor/commands/ChangeColor.sys.js +0 -62
- package/dist/html-editor/commands/ChangeColor.sys.js.map +0 -1
- package/dist/html-editor/commands/ChangeFont.sys.js +0 -78
- package/dist/html-editor/commands/ChangeFont.sys.js.map +0 -1
- package/dist/html-editor/commands/ChangeFontSize.sys.js +0 -36
- package/dist/html-editor/commands/ChangeFontSize.sys.js.map +0 -1
- package/dist/html-editor/commands/Command.sys.js +0 -64
- package/dist/html-editor/commands/Command.sys.js.map +0 -1
- package/dist/html-editor/commands/CommandButton.sys.js +0 -113
- package/dist/html-editor/commands/CommandButton.sys.js.map +0 -1
- package/dist/html-editor/commands/Headings.sys.js +0 -46
- package/dist/html-editor/commands/Headings.sys.js.map +0 -1
- package/dist/html-editor/commands/HorizontalRule.sys.js +0 -27
- package/dist/html-editor/commands/HorizontalRule.sys.js.map +0 -1
- package/dist/html-editor/commands/HtmlCommands.sys.js +0 -86
- package/dist/html-editor/commands/HtmlCommands.sys.js.map +0 -1
- package/dist/html-editor/commands/IndentLess.sys.js +0 -28
- package/dist/html-editor/commands/IndentLess.sys.js.map +0 -1
- package/dist/html-editor/commands/IndentMore.sys.js +0 -28
- package/dist/html-editor/commands/IndentMore.sys.js.map +0 -1
- package/dist/html-editor/commands/Italic.sys.js +0 -28
- package/dist/html-editor/commands/Italic.sys.js.map +0 -1
- package/dist/html-editor/commands/NumberedList.sys.js +0 -28
- package/dist/html-editor/commands/NumberedList.sys.js.map +0 -1
- package/dist/html-editor/commands/Quote.sys.js +0 -28
- package/dist/html-editor/commands/Quote.sys.js.map +0 -1
- package/dist/html-editor/commands/RemoveFormat.sys.js +0 -28
- package/dist/html-editor/commands/RemoveFormat.sys.js.map +0 -1
- package/dist/html-editor/commands/Separator.sys.js +0 -29
- package/dist/html-editor/commands/Separator.sys.js.map +0 -1
- package/dist/html-editor/commands/Source.sys.js +0 -114
- package/dist/html-editor/commands/Source.sys.js.map +0 -1
- package/dist/html-editor/commands/StrikeThrough.sys.js +0 -28
- package/dist/html-editor/commands/StrikeThrough.sys.js.map +0 -1
- package/dist/html-editor/commands/Underline.sys.js +0 -28
- package/dist/html-editor/commands/Underline.sys.js.map +0 -1
- package/dist/html-editor/commands/Unlink.sys.js +0 -28
- package/dist/html-editor/commands/Unlink.sys.js.map +0 -1
- package/dist/html-editor/commands/UnorderedList.sys.js +0 -28
- package/dist/html-editor/commands/UnorderedList.sys.js.map +0 -1
- package/dist/mobile/pages/AtomPageFrame.sys.js +0 -250
- package/dist/mobile/pages/AtomPageFrame.sys.js.map +0 -1
- package/dist/mobile/pages/AtomPageFrameStyle.sys.js +0 -69
- package/dist/mobile/pages/AtomPageFrameStyle.sys.js.map +0 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.sys.js +0 -58
- package/dist/mobile/pages/AtomPageFrameTemplate.sys.js.map +0 -1
- package/dist/mobile/pages/Page.sys.js +0 -31
- package/dist/mobile/pages/Page.sys.js.map +0 -1
- package/dist/mobile/pages/PageFrameViewModel.sys.js +0 -190
- package/dist/mobile/pages/PageFrameViewModel.sys.js.map +0 -1
- package/dist/mobile/pages/TitleTemplate.sys.js +0 -32
- package/dist/mobile/pages/TitleTemplate.sys.js.map +0 -1
- package/dist/mobile-app/MobileApp.sys.js +0 -420
- package/dist/mobile-app/MobileApp.sys.js.map +0 -1
- package/dist/player/AtomVideoPlayer.sys.js +0 -280
- package/dist/player/AtomVideoPlayer.sys.js.map +0 -1
- package/dist/player/TrackProgress.sys.js +0 -33
- package/dist/player/TrackProgress.sys.js.map +0 -1
- package/dist/setupBridge.sys.js +0 -108
- package/dist/setupBridge.sys.js.map +0 -1
- package/dist/switch/AtomSwitch.sys.js +0 -56
- package/dist/switch/AtomSwitch.sys.js.map +0 -1
- package/dist/switch/AtomSwitchStyle.sys.js +0 -85
- package/dist/switch/AtomSwitchStyle.sys.js.map +0 -1
- package/dist/time-field/AtomTimeField.sys.js +0 -122
- package/dist/time-field/AtomTimeField.sys.js.map +0 -1
- package/dist/time-field/AtomTimeFieldStyle.sys.js +0 -31
- package/dist/time-field/AtomTimeFieldStyle.sys.js.map +0 -1
- package/dist/toggle-view/AtomToggleView.sys.js +0 -113
- package/dist/toggle-view/AtomToggleView.sys.js.map +0 -1
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
System.register([], function (_export, _context) {
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var RefreshLock, __awaiter;
|
|
5
|
-
|
|
6
|
-
_export("default", void 0);
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
setters: [],
|
|
10
|
-
execute: function () {
|
|
11
|
-
__awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
|
|
12
|
-
function adopt(value) {
|
|
13
|
-
return value instanceof P ? value : new P(function (resolve) {
|
|
14
|
-
resolve(value);
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
19
|
-
function fulfilled(value) {
|
|
20
|
-
try {
|
|
21
|
-
step(generator.next(value));
|
|
22
|
-
} catch (e) {
|
|
23
|
-
reject(e);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
function rejected(value) {
|
|
28
|
-
try {
|
|
29
|
-
step(generator["throw"](value));
|
|
30
|
-
} catch (e) {
|
|
31
|
-
reject(e);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
function step(result) {
|
|
36
|
-
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
_export("default", RefreshLock = class RefreshLock {
|
|
44
|
-
constructor(app, e) {
|
|
45
|
-
this.app = app;
|
|
46
|
-
this.map = new Map();
|
|
47
|
-
|
|
48
|
-
this.begin = ce => {
|
|
49
|
-
if (ce.target === ce.currentTarget) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
const previous = this.promise;
|
|
54
|
-
this.promise = this.setupNew(previous, ce.detail.id);
|
|
55
|
-
this.app.runAsync(() => this.promise);
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
this.end = ce => {
|
|
59
|
-
if (ce.target === ce.currentTarget) {
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
const resolver = this.map.get(ce.detail.id);
|
|
64
|
-
resolver === null || resolver === void 0 ? void 0 : resolver();
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
e.addEventListener("refreshLockBegin", this.begin);
|
|
68
|
-
e.addEventListener("refreshLockEnd", this.end);
|
|
69
|
-
|
|
70
|
-
this.dispose = () => {
|
|
71
|
-
e.removeEventListener("refreshLockBegin", this.begin);
|
|
72
|
-
e.removeEventListener("refreshLockEnd", this.begin);
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
queue(fx) {
|
|
77
|
-
if (this.promise) {
|
|
78
|
-
this.promise.then(fx);
|
|
79
|
-
return;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
fx();
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
setupNew(previous, id) {
|
|
86
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
87
|
-
if (previous) {
|
|
88
|
-
yield previous;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
yield new Promise((resolve, reject) => {
|
|
92
|
-
this.map.set(id, resolve);
|
|
93
|
-
});
|
|
94
|
-
this.map.delete(id);
|
|
95
|
-
this.promise = null;
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
});
|
|
103
|
-
//# sourceMappingURL=RefreshLock.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;MAGqBA,W;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAAA,W,GAAP,MAAOA,WAAP,CAAkB;QAQ5BC,YAAoBC,GAApB,EAA8BC,CAA9B,EAA4C;UAAxB;UAFZ,WAAM,IAAIC,GAAJ,EAAN;;UAqBA,aAASC,EAAD,IAAoB;YAChC,IAAIA,EAAE,CAACC,MAAH,KAAcD,EAAE,CAACE,aAArB,EAAoC;cAChC;YACH;;YACD,MAAMC,QAAQ,GAAG,KAAKC,OAAtB;YACA,KAAKA,OAAL,GAAe,KAAKC,QAAL,CAAcF,QAAd,EAAwBH,EAAE,CAACM,MAAH,CAAUC,EAAlC,CAAf;YACA,KAAKV,GAAL,CAASW,QAAT,CAAkB,MAAM,KAAKJ,OAA7B;UACH,CAPO;;UASA,WAAOJ,EAAD,IAAoB;YAC9B,IAAIA,EAAE,CAACC,MAAH,KAAcD,EAAE,CAACE,aAArB,EAAoC;cAChC;YACH;;YACD,MAAMO,QAAQ,GAAG,KAAKC,GAAL,CAASC,GAAT,CAAaX,EAAE,CAACM,MAAH,CAAUC,EAAvB,CAAjB;YACAE,QAAQ,SAAR,YAAQ,WAAR,GAAQ,MAAR,WAAQ,EAAR;UACH,CANO;;UA1BJX,CAAC,CAACc,gBAAF,CAAmB,kBAAnB,EAAuC,KAAKC,KAA5C;UACAf,CAAC,CAACc,gBAAF,CAAmB,gBAAnB,EAAqC,KAAKE,GAA1C;;UAEA,KAAKC,OAAL,GAAe,MAAK;YAChBjB,CAAC,CAACkB,mBAAF,CAAsB,kBAAtB,EAA0C,KAAKH,KAA/C;YACAf,CAAC,CAACkB,mBAAF,CAAsB,gBAAtB,EAAwC,KAAKH,KAA7C;UACH,CAHD;QAIH;;QAEMI,KAAK,CAACC,EAAD,EAAwB;UAChC,IAAI,KAAKd,OAAT,EAAkB;YACd,KAAKA,OAAL,CAAae,IAAb,CAAkBD,EAAlB;YACA;UACH;;UACDA,EAAE;QACL;;QAmBab,QAAQ,CAACF,QAAD,EAAgBI,EAAhB,EAAuB;;YACzC,IAAIJ,QAAJ,EAAc;cACV,MAAMA,QAAN;YACH;;YACD,MAAM,IAAIiB,OAAJ,CAAY,CAACC,OAAD,EAAUC,MAAV,KAAoB;cAClC,KAAKZ,GAAL,CAASa,GAAT,CAAahB,EAAb,EAAiBc,OAAjB;YACH,CAFK,CAAN;YAGA,KAAKX,GAAL,CAASc,MAAT,CAAgBjB,EAAhB;YACA,KAAKH,OAAL,GAAe,IAAf;UACH;QAAA;;MArD2B,C","names":["RefreshLock","constructor","app","e","Map","ce","target","currentTarget","previous","promise","setupNew","detail","id","runAsync","resolver","map","get","addEventListener","begin","end","dispose","removeEventListener","queue","fx","then","Promise","resolve","reject","set","delete"],"sourceRoot":"","sources":["../../src/basic/RefreshLock.ts"],"sourcesContent":[null]}
|
package/dist/basic/Row.sys.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/Colors", "@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 Colors, XNode, StyleRule, CSS;
|
|
5
|
-
|
|
6
|
-
function Row(a, ...nodes) {
|
|
7
|
-
return XNode.create("div", Object.assign({
|
|
8
|
-
"data-row": "row"
|
|
9
|
-
}, a), ...nodes);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
function CommandRow(a, ...nodes) {
|
|
13
|
-
return XNode.create("div", Object.assign({
|
|
14
|
-
"data-row": "row",
|
|
15
|
-
"data-command-row": "command-row"
|
|
16
|
-
}, a), ...nodes);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
_export({
|
|
20
|
-
default: Row,
|
|
21
|
-
CommandRow: CommandRow
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
return {
|
|
25
|
-
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
26
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
27
|
-
}, function (_webAtomsCoreDistCoreXNode) {
|
|
28
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
29
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
30
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
31
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
32
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
33
|
-
}],
|
|
34
|
-
execute: function () {
|
|
35
|
-
CSS(StyleRule().flexLayout({
|
|
36
|
-
alignItems: "center",
|
|
37
|
-
justifyContent: "flex-start"
|
|
38
|
-
}).child(StyleRule("*").flex("0 0 auto")), "div[data-row=row]");
|
|
39
|
-
CSS(StyleRule().backgroundColor(Colors.purple.withAlphaPercent(0.1)).borderRadius(9999).padding(7).nested(StyleRule("*[data-fa-button=fa-button]").child(StyleRule("label").child(StyleRule(".fad").color(Colors.white)))).nested(StyleRule("button").backgroundColor(Colors.purple).color(Colors.white).hover(StyleRule().backgroundColor(Colors.green))), "div[data-command-row=command-row]");
|
|
40
|
-
Row.stretch = {
|
|
41
|
-
"style-flex": "1 1 100%"
|
|
42
|
-
};
|
|
43
|
-
CommandRow.stretch = Row.stretch;
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
});
|
|
47
|
-
//# sourceMappingURL=Row.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;;;EAgCc,SAAUA,GAAV,CAAcC,CAAd,EAAsB,GAAIC,KAA1B,EAAwC;IAClD,OAAOC;MAAA,YAAc;IAAd,GAA0BF,CAA1B,GAA2B,GACxBC,KADH,CAAP;EAGH;;EAIK,SAAUE,UAAV,CAAqBH,CAArB,EAA6B,GAAIC,KAAjC,EAA+C;IACjD,OAAOC;MAAA,YACM,KADN;MACW,oBACG;IAFd,GAEkCF,CAFlC,GAEmC,GAChCC,KAHH,CAAP;EAKH;;;aAduBF,G;gBAQRI;;;;;MAxCTC,M;;MACAF,K;;MACAG,S;;MACAC,G;;;MAEPA,GAAG,CAACD,SAAS,GACRE,UADD,CACY;QAAEC,UAAU,EAAE,QAAd;QAAyBC,cAAc,EAAE;MAAzC,CADZ,EAECC,KAFD,CAEOL,SAAS,CAAC,GAAD,CAAT,CACFM,IADE,CACG,UADH,CAFP,CAAD,EAKD,mBALC,CAAH;MAOAL,GAAG,CAACD,SAAS,GACRO,eADD,CACiBR,MAAM,CAACS,MAAP,CAAcC,gBAAd,CAA+B,GAA/B,CADjB,EAECC,YAFD,CAEc,IAFd,EAGCC,OAHD,CAGS,CAHT,EAICC,MAJD,CAIQZ,SAAS,CAAC,6BAAD,CAAT,CACHK,KADG,CACGL,SAAS,CAAC,OAAD,CAAT,CACFK,KADE,CACIL,SAAS,CAAC,MAAD,CAAT,CACFa,KADE,CACId,MAAM,CAACe,KADX,CADJ,CADH,CAJR,EAWCF,MAXD,CAWQZ,SAAS,CAAC,QAAD,CAAT,CACHO,eADG,CACaR,MAAM,CAACS,MADpB,EAEHK,KAFG,CAEGd,MAAM,CAACe,KAFV,EAGHC,KAHG,CAGGf,SAAS,GACXO,eADE,CACcR,MAAM,CAACiB,KADrB,CAHH,CAXR,CAAD,EAkBD,mCAlBC,CAAH;MA0BAtB,GAAG,CAACuB,OAAJ,GAAc;QAAE,cAAc;MAAhB,CAAd;MAUAnB,UAAU,CAACmB,OAAX,GAAqBvB,GAAG,CAACuB,OAAzB","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/Switch.sys.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
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, css;
|
|
5
|
-
|
|
6
|
-
function Switch({
|
|
7
|
-
checked,
|
|
8
|
-
onLabel,
|
|
9
|
-
offLabel
|
|
10
|
-
}) {
|
|
11
|
-
return XNode.create("label", {
|
|
12
|
-
"data-ui-switch": "ui-switch"
|
|
13
|
-
}, XNode.create("input", {
|
|
14
|
-
class: "switch-input",
|
|
15
|
-
type: "checkbox",
|
|
16
|
-
checked: checked
|
|
17
|
-
}), XNode.create("span", {
|
|
18
|
-
class: "switch-label",
|
|
19
|
-
"data-on": onLabel !== null && onLabel !== void 0 ? onLabel : "On",
|
|
20
|
-
"data-off": offLabel !== null && offLabel !== void 0 ? offLabel : "Off"
|
|
21
|
-
}), XNode.create("span", {
|
|
22
|
-
class: "switch-handle"
|
|
23
|
-
}));
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
_export("default", Switch);
|
|
27
|
-
|
|
28
|
-
return {
|
|
29
|
-
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
30
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
31
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
32
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
33
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
34
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
35
|
-
}],
|
|
36
|
-
execute: function () {
|
|
37
|
-
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({
|
|
38
|
-
top: 0,
|
|
39
|
-
left: 0
|
|
40
|
-
}).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({
|
|
41
|
-
top: 4,
|
|
42
|
-
left: 4,
|
|
43
|
-
width: 28,
|
|
44
|
-
height: 28
|
|
45
|
-
}).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({
|
|
46
|
-
top: "50%",
|
|
47
|
-
left: "50%",
|
|
48
|
-
width: 12,
|
|
49
|
-
height: 12
|
|
50
|
-
}).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]");
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
});
|
|
54
|
-
//# sourceMappingURL=Switch.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"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","names":["Switch","checked","onLabel","offLabel","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,61 +0,0 @@
|
|
|
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
|
-
|
|
6
|
-
_export("default", void 0);
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
10
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
11
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
12
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
13
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
14
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
15
|
-
}, function (_AtomRepeater) {
|
|
16
|
-
AtomRepeater = _AtomRepeater.default;
|
|
17
|
-
}],
|
|
18
|
-
execute: function () {
|
|
19
|
-
CSS(StyleRule(), "table[data-table-repeater=table-repeater]");
|
|
20
|
-
|
|
21
|
-
_export("default", TableRepeater = class TableRepeater extends AtomRepeater {
|
|
22
|
-
constructor(app, e) {
|
|
23
|
-
super(app, e !== null && e !== void 0 ? e : document.createElement("table"));
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
onPropertyChanged(name) {
|
|
27
|
-
super.onPropertyChanged(name);
|
|
28
|
-
|
|
29
|
-
switch (name) {
|
|
30
|
-
case "header":
|
|
31
|
-
case "headerRenderer":
|
|
32
|
-
this.updateHeaderFooter("header", this.headerPresenter, this.header, this.headerRenderer);
|
|
33
|
-
break;
|
|
34
|
-
|
|
35
|
-
case "footer":
|
|
36
|
-
case "footerRenderer":
|
|
37
|
-
this.updateHeaderFooter("footer", this.footerPresenter, this.footer, this.footerRenderer);
|
|
38
|
-
break;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
preCreate() {
|
|
43
|
-
super.preCreate();
|
|
44
|
-
this.preRender();
|
|
45
|
-
this.onPropertyChanged("header");
|
|
46
|
-
this.onPropertyChanged("footer");
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
preRender() {
|
|
50
|
-
this.element.dataset.tableRepeater = "table-repeater";
|
|
51
|
-
this.render(XNode.create("table", null, XNode.create("thead", null), XNode.create("tbody", null), XNode.create("tfoot", null)));
|
|
52
|
-
this.itemsPresenter = this.element.querySelector("tbody");
|
|
53
|
-
this.headerPresenter = this.element.firstElementChild;
|
|
54
|
-
this.footerPresenter = this.element.lastElementChild;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
});
|
|
61
|
-
//# sourceMappingURL=TableRepeater.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;2CASqBA,a;;;;;;MARdC,K;;MACAC,S;;MACAC,G;;MACAC,Y;;;MAEPD,GAAG,CAACD,SAAS,EAAV,EACD,2CADC,CAAH;;yBAGqBF,a,GAAP,MAAOA,aAAP,SAA6BI,YAA7B,CAAyC;QAEnDC,YAAYC,GAAZ,EAAiBC,CAAjB,EAAkB;UACd,MAAMD,GAAN,EAAWC,CAAC,SAAD,KAAC,WAAD,OAAKC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAhB;QACH;;QAEMC,iBAAiB,CAACC,IAAD,EAA0B;UAC9C,MAAMD,iBAAN,CAAwBC,IAAxB;;UACA,QAAQA,IAAR;YACI,KAAK,QAAL;YACA,KAAK,gBAAL;cACI,KAAKC,kBAAL,CAAwB,QAAxB,EAAkC,KAAKC,eAAvC,EAAwD,KAAKC,MAA7D,EAAqE,KAAKC,cAA1E;cACA;;YACJ,KAAK,QAAL;YACA,KAAK,gBAAL;cACI,KAAKH,kBAAL,CAAwB,QAAxB,EAAkC,KAAKI,eAAvC,EAAwD,KAAKC,MAA7D,EAAqE,KAAKC,cAA1E;cACA;UARR;QAUH;;QAESC,SAAS;UACf,MAAMA,SAAN;UACA,KAAKC,SAAL;UACA,KAAKV,iBAAL,CAAuB,QAAvB;UACA,KAAKA,iBAAL,CAAuB,QAAvB;QACH;;QAESU,SAAS;UACf,KAAKC,OAAL,CAAaC,OAAb,CAAqBC,aAArB,GAAqC,gBAArC;UACA,KAAKC,MAAL,CAAYvB,4BACRA,2BADQ,EAERA,2BAFQ,EAGRA,2BAHQ,CAAZ;UAKA,KAAKwB,cAAL,GAAsB,KAAKJ,OAAL,CAAaK,aAAb,CAA2B,OAA3B,CAAtB;UACA,KAAKb,eAAL,GAAuB,KAAKQ,OAAL,CAAaM,iBAApC;UACA,KAAKX,eAAL,GAAuB,KAAKK,OAAL,CAAaO,gBAApC;QACH;;MArCkD,C","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]}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@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 BindableProperty, Colors, XNode, StyleRule, CSS, AtomRepeater, ToggleButtonBar, __decorate, __metadata;
|
|
5
|
-
|
|
6
|
-
_export("default", void 0);
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
setters: [function (_webAtomsCoreDistCoreBindableProperty) {
|
|
10
|
-
BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
|
|
11
|
-
}, function (_webAtomsCoreDistCoreColors) {
|
|
12
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
13
|
-
}, function (_webAtomsCoreDistCoreXNode) {
|
|
14
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
15
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
16
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
17
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
18
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
19
|
-
}, function (_AtomRepeater) {
|
|
20
|
-
AtomRepeater = _AtomRepeater.default;
|
|
21
|
-
}],
|
|
22
|
-
execute: function () {
|
|
23
|
-
__decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
|
|
24
|
-
var c = arguments.length,
|
|
25
|
-
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
26
|
-
d;
|
|
27
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
28
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
__metadata = void 0 && (void 0).__metadata || function (k, v) {
|
|
32
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
CSS(StyleRule().flexLayout({
|
|
36
|
-
inline: true,
|
|
37
|
-
gap: 0
|
|
38
|
-
}).borderStyle("solid").borderWidth(1).borderColor(Colors.lightGray).borderRadius(9999).child(StyleRule("[data-item-type=toggle-button]").padding(5).backgroundColor(Colors.white).cursor("pointer").and(StyleRule(":first-child").paddingLeft(10).borderTopLeftRadius(9999).borderBottomLeftRadius(9999)).and(StyleRule(":last-child").borderTopRightRadius(9999).borderBottomRightRadius(9999).paddingRight(10)).and(StyleRule("[data-selected-item=true]").backgroundColor(Colors.black).color(Colors.white))), "*[data-button-bar=button-bar]");
|
|
39
|
-
|
|
40
|
-
_export("default", ToggleButtonBar = class ToggleButtonBar extends AtomRepeater {
|
|
41
|
-
onPropertyChanged(name) {
|
|
42
|
-
super.onPropertyChanged(name);
|
|
43
|
-
|
|
44
|
-
if (name === "labelPath") {
|
|
45
|
-
this.updateItems();
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
preCreate() {
|
|
51
|
-
super.preCreate();
|
|
52
|
-
this.element.dataset.buttonBar = "button-bar";
|
|
53
|
-
this.bindEvent(this.element, "itemClick", e => {
|
|
54
|
-
this.selectedItem = e.detail;
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
this.valuePath = item => {
|
|
58
|
-
var _a;
|
|
59
|
-
|
|
60
|
-
return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
this.labelPath = item => {
|
|
64
|
-
var _a;
|
|
65
|
-
|
|
66
|
-
return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
this.itemRenderer = item => XNode.create("div", {
|
|
70
|
-
"data-item-type": "toggle-button",
|
|
71
|
-
text: this.labelPath(item)
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
});
|
|
76
|
-
|
|
77
|
-
__decorate([BindableProperty, __metadata("design:type", Object)], ToggleButtonBar.prototype, "labelPath", void 0);
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
});
|
|
81
|
-
//# sourceMappingURL=ToggleButtonBar.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;qEAkCqBA,e;;;;;;MAlCZC,gB,yCAAAA,gB;;MACFC,M;;MACAC,K;;MACAC,S;;MACAC,G;;MACAC,Y;;;;;;;;;;;;;;;MAEPD,GAAG,CAACD,SAAS,GACRG,UADD,CACY;QAAEC,MAAM,EAAE,IAAV;QAAgBC,GAAG,EAAE;MAArB,CADZ,EAECC,WAFD,CAEa,OAFb,EAGCC,WAHD,CAGa,CAHb,EAICC,WAJD,CAIaV,MAAM,CAACW,SAJpB,EAKCC,YALD,CAKc,IALd,EAMCC,KAND,CAMOX,SAAS,CAAC,gCAAD,CAAT,CACFY,OADE,CACM,CADN,EAEFC,eAFE,CAEcf,MAAM,CAACgB,KAFrB,EAGFC,MAHE,CAGK,SAHL,EAIFC,GAJE,CAIEhB,SAAS,CAAC,cAAD,CAAT,CACAiB,WADA,CACY,EADZ,EAEAC,mBAFA,CAEoB,IAFpB,EAGAC,sBAHA,CAGuB,IAHvB,CAJF,EASFH,GATE,CASEhB,SAAS,CAAC,aAAD,CAAT,CACAoB,oBADA,CACqB,IADrB,EAEAC,uBAFA,CAEwB,IAFxB,EAGAC,YAHA,CAGa,EAHb,CATF,EAcFN,GAdE,CAcEhB,SAAS,CAAC,2BAAD,CAAT,CACAa,eADA,CACgBf,MAAM,CAACyB,KADvB,EAEAC,KAFA,CAEM1B,MAAM,CAACgB,KAFb,CAdF,CANP,CAAD,EAyBD,+BAzBC,CAAH;;yBA2BqBlB,e,GAAP,MAAOA,eAAP,SAA+BM,YAA/B,CAA2C;QAK9CuB,iBAAiB,CAACC,IAAD,EAAa;UACjC,MAAMD,iBAAN,CAAwBC,IAAxB;;UACA,IAAIA,IAAI,KAAK,WAAb,EAA0B;YACtB,KAAKC,WAAL;YACA;UACH;QACJ;;QAESC,SAAS;UACf,MAAMA,SAAN;UACA,KAAKC,OAAL,CAAaC,OAAb,CAAqBC,SAArB,GAAiC,YAAjC;UACA,KAAKC,SAAL,CAAe,KAAKH,OAApB,EAA6B,WAA7B,EAA2CI,CAAD,IAAmB;YACzD,KAAKC,YAAL,GAAoBD,CAAC,CAACE,MAAtB;UACH,CAFD;;UAGA,KAAKC,SAAL,GAAkBC,IAAD,IAAS;YAAA;;YAAC,iBAAI,SAAJ,QAAI,WAAJ,GAAI,MAAJ,OAAI,CAAEC,KAAN,MAAW,IAAX,IAAWC,aAAX,GAAWA,EAAX,GAAeF,IAAf;UAAmB,CAA9C;;UACA,KAAKG,SAAL,GAAkBH,IAAD,IAAS;YAAA;;YAAC,iBAAI,SAAJ,QAAI,WAAJ,GAAI,MAAJ,OAAI,CAAEI,KAAN,MAAW,IAAX,IAAWF,aAAX,GAAWA,EAAX,GAAeF,IAAf;UAAmB,CAA9C;;UACA,KAAKK,YAAL,GAAqBL,IAAD,IAAUtC;YAAA,kBAAoB,eAApB;YAAoC4C,IAAI,EAAE,KAAKH,SAAL,CAAeH,IAAf;UAA1C,EAA9B;QACH;;MAtBoD,C;;MAGrDO,YADC/C,gBACD","names":["ToggleButtonBar","BindableProperty","Colors","XNode","StyleRule","CSS","AtomRepeater","flexLayout","inline","gap","borderStyle","borderWidth","borderColor","lightGray","borderRadius","child","padding","backgroundColor","white","cursor","and","paddingLeft","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","paddingRight","black","color","onPropertyChanged","name","updateItems","preCreate","element","dataset","buttonBar","bindEvent","e","selectedItem","detail","valuePath","item","value","_a","labelPath","label","itemRenderer","text","__decorate"],"sourceRoot":"","sources":["../../src/basic/ToggleButtonBar.tsx"],"sourcesContent":[null]}
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var StyleRule, AtomControl, ElementValueSetters, PopupService, CSS, getParentRepeaterItem, Tooltip, tooltips;
|
|
5
|
-
|
|
6
|
-
_export("default", void 0);
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
setters: [function (_webAtomsCoreDistStyleStyleRule) {
|
|
10
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
11
|
-
}, function (_webAtomsCoreDistWebControlsAtomControl) {
|
|
12
|
-
AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
|
|
13
|
-
ElementValueSetters = _webAtomsCoreDistWebControlsAtomControl.ElementValueSetters;
|
|
14
|
-
}, function (_webAtomsCoreDistWebServicesPopupService) {
|
|
15
|
-
PopupService = _webAtomsCoreDistWebServicesPopupService.default;
|
|
16
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
17
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
18
|
-
}, function (_AtomRepeater) {
|
|
19
|
-
getParentRepeaterItem = _AtomRepeater.getParentRepeaterItem;
|
|
20
|
-
}],
|
|
21
|
-
execute: function () {
|
|
22
|
-
tooltips = new Map();
|
|
23
|
-
|
|
24
|
-
ElementValueSetters.tooltip = (control, e, value) => {
|
|
25
|
-
tooltips.set(e, [{
|
|
26
|
-
control,
|
|
27
|
-
tooltip: undefined
|
|
28
|
-
}, value]);
|
|
29
|
-
control.registerDisposable({
|
|
30
|
-
dispose: () => {
|
|
31
|
-
tooltips.delete(e);
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
document.body.addEventListener("pointerenter", ev => {
|
|
37
|
-
var _a;
|
|
38
|
-
|
|
39
|
-
let start = ev.target;
|
|
40
|
-
|
|
41
|
-
while (start) {
|
|
42
|
-
const item = tooltips.get(start);
|
|
43
|
-
|
|
44
|
-
if (!item) {
|
|
45
|
-
start = start.parentElement;
|
|
46
|
-
continue;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
const [host, node] = item;
|
|
50
|
-
|
|
51
|
-
if (!host.tooltip) {
|
|
52
|
-
let data = getParentRepeaterItem(start);
|
|
53
|
-
|
|
54
|
-
if (data) {
|
|
55
|
-
data = data[2];
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
class TooltipControl extends node {
|
|
59
|
-
preCreate() {
|
|
60
|
-
this.element._logicalParent = start;
|
|
61
|
-
|
|
62
|
-
if (data) {
|
|
63
|
-
this.data = data;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
const {
|
|
67
|
-
element
|
|
68
|
-
} = this;
|
|
69
|
-
this.enterEventDisposable = this.bindEvent(element, "mouseenter", () => {
|
|
70
|
-
setTimeout(() => {
|
|
71
|
-
tooltips.set(element, [{
|
|
72
|
-
tooltip: host.tooltip,
|
|
73
|
-
control: null
|
|
74
|
-
}, null]);
|
|
75
|
-
delete host.tooltip;
|
|
76
|
-
this.enterEventDisposable.dispose();
|
|
77
|
-
}, 10);
|
|
78
|
-
});
|
|
79
|
-
this.registerDisposable({
|
|
80
|
-
dispose: () => {
|
|
81
|
-
tooltips.delete(element);
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
const t = new TooltipControl(host.control.app);
|
|
89
|
-
const alignment = (_a = start.dataset.tooltipAlignment) !== null && _a !== void 0 ? _a : "auto";
|
|
90
|
-
host.tooltip = PopupService.show(start, t.element, {
|
|
91
|
-
alignment
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
break;
|
|
96
|
-
}
|
|
97
|
-
}, true);
|
|
98
|
-
document.body.addEventListener("pointerleave", ev => {
|
|
99
|
-
const start = ev.target;
|
|
100
|
-
setTimeout(() => {
|
|
101
|
-
const item = tooltips.get(start);
|
|
102
|
-
|
|
103
|
-
if (!item) {
|
|
104
|
-
return;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
const [host] = item;
|
|
108
|
-
|
|
109
|
-
if (host.tooltip) {
|
|
110
|
-
host.tooltip.dispose();
|
|
111
|
-
host.tooltip = undefined;
|
|
112
|
-
}
|
|
113
|
-
}, 250);
|
|
114
|
-
}, true);
|
|
115
|
-
CSS(StyleRule().verticalFlexLayout({}).padding(10), "div[data-tooltip=tooltip]");
|
|
116
|
-
|
|
117
|
-
_export("default", Tooltip = class Tooltip extends AtomControl {});
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
});
|
|
121
|
-
//# sourceMappingURL=Tooltip.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"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","names":["Tooltip","StyleRule","AtomControl","ElementValueSetters","PopupService","CSS","getParentRepeaterItem","tooltips","Map","tooltip","control","e","value","set","undefined","registerDisposable","dispose","delete","document","body","addEventListener","ev","start","target","item","get","parentElement","host","node","data","TooltipControl","preCreate","element","_logicalParent","enterEventDisposable","bindEvent","setTimeout","t","app","alignment","dataset","tooltipAlignment","_a","show","verticalFlexLayout","padding"],"sourceRoot":"","sources":["../../src/basic/Tooltip.tsx"],"sourcesContent":[null]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
System.register([], function (_export, _context) {
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
function combineClasses(...names) {
|
|
5
|
-
return names.filter(n => n).join(" ");
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
_export("default", combineClasses);
|
|
9
|
-
|
|
10
|
-
return {
|
|
11
|
-
setters: [],
|
|
12
|
-
execute: function () {}
|
|
13
|
-
};
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=combineClasses.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;EAAc,SAAUA,cAAV,CAAyB,GAAIC,KAA7B,EAA4C;IACtD,OAAOA,KAAK,CAACC,MAAN,CAAcC,CAAD,IAAOA,CAApB,EAAuBC,IAAvB,CAA4B,GAA5B,CAAP;EACH;;qBAFuBJ,c","names":["combineClasses","names","filter","n","join"],"sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"sourcesContent":[null]}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var Colors, StyleRule, CSS, style, InBuiltStyles;
|
|
5
|
-
|
|
6
|
-
function fromCamelToHyphen(input) {
|
|
7
|
-
return input.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
function registerDataStyle(name, fx) {
|
|
11
|
-
const className = `.${name}`;
|
|
12
|
-
style = style.nested(fx(StyleRule(className)));
|
|
13
|
-
const dataName = `data-${fromCamelToHyphen(name)}`;
|
|
14
|
-
style = style.nested(fx(StyleRule(`*[${dataName}]`)));
|
|
15
|
-
return {
|
|
16
|
-
[dataName]: "1",
|
|
17
|
-
|
|
18
|
-
toString() {
|
|
19
|
-
return name;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
return {
|
|
26
|
-
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
27
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
28
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
29
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
30
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
31
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
32
|
-
}],
|
|
33
|
-
execute: function () {
|
|
34
|
-
style = StyleRule();
|
|
35
|
-
InBuiltStyles = {
|
|
36
|
-
colors: {
|
|
37
|
-
red: registerDataStyle("color-red", x => x.color(Colors.red)),
|
|
38
|
-
yellow: registerDataStyle("color-yellow", x => x.color(Colors.yellow)),
|
|
39
|
-
green: registerDataStyle("color-green", x => x.color(Colors.green)),
|
|
40
|
-
lightGreen: registerDataStyle("color-light-green", x => x.color(Colors.lightGreen))
|
|
41
|
-
},
|
|
42
|
-
rotate: {
|
|
43
|
-
animate: {
|
|
44
|
-
d180: registerDataStyle("rotate-animate-d180", x => x.transform("rotate(-180deg)").transition("transform 150ms ease")),
|
|
45
|
-
d0: registerDataStyle("rotate-animate-d0", x => x.transform("rotate(0deg)").transition("transform 150ms ease"))
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
CSS(style, "body");
|
|
50
|
-
|
|
51
|
-
_export("default", InBuiltStyles);
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
});
|
|
55
|
-
//# sourceMappingURL=InBuiltStyles.sys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;;;EAIA,SAASA,iBAAT,CAA2BC,KAA3B,EAAwC;IACpC,OAAOA,KAAK,CAACC,OAAN,CAAe,iBAAf,EAAkC,OAAlC,EAA4CC,WAA5C,EAAP;EACH;;EAID,SAASC,iBAAT,CAA2BC,IAA3B,EAAiCC,EAAjC,EAA0E;IACtE,MAAMC,SAAS,GAAG,IAAIF,IAAI,EAA1B;IACAG,KAAK,GAAGA,KAAK,CAACC,MAAN,CAAaH,EAAE,CAACI,SAAS,CAACH,SAAD,CAAV,CAAf,CAAR;IACA,MAAMI,QAAQ,GAAG,QAAQX,iBAAiB,CAACK,IAAD,CAAM,EAAhD;IACAG,KAAK,GAAGA,KAAK,CAACC,MAAN,CAAaH,EAAE,CAACI,SAAS,CAAC,KAAKC,QAAQ,GAAd,CAAV,CAAf,CAAR;IACA,OAAO;MACH,CAACA,QAAD,GAAY,GADT;;MAEHC,QAAQ;QACJ,OAAOP,IAAP;MACH;;IAJE,CAAP;EAMH;;;;MArBMQ,M;;MACAH,S;;MACAI,G;;;MAMHN,K,GAAQE,SAAS,E;MAefK,a,GAAgB;QAClBC,MAAM,EAAE;UACJC,GAAG,EAAEb,iBAAiB,CAAC,WAAD,EAAec,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACI,GAAf,CAArB,CADlB;UAEJG,MAAM,EAAEhB,iBAAiB,CAAC,cAAD,EAAkBc,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACO,MAAf,CAAxB,CAFrB;UAGJC,KAAK,EAAEjB,iBAAiB,CAAC,aAAD,EAAiBc,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACQ,KAAf,CAAvB,CAHpB;UAIJC,UAAU,EAAElB,iBAAiB,CAAC,mBAAD,EAAuBc,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACS,UAAf,CAA7B;QAJzB,CADU;QAOlBC,MAAM,EAAE;UACJC,OAAO,EAAE;YACLC,IAAI,EAAErB,iBAAiB,CAAC,qBAAD,EAAyBc,CAAD,IAAOA,CAAC,CAACQ,SAAF,CAAY,iBAAZ,EAAsCC,UAAtC,CAAiD,sBAAjD,CAA/B,CADlB;YAELC,EAAE,EAAExB,iBAAiB,CAAC,mBAAD,EAAuBc,CAAD,IAAOA,CAAC,CAACQ,SAAF,CAAY,cAAZ,EAAmCC,UAAnC,CAA8C,sBAA9C,CAA7B;UAFhB;QADL;MAPU,C;MAetBb,GAAG,CAACN,KAAD,EAAQ,MAAR,CAAH;;yBAEeO,a","names":["fromCamelToHyphen","input","replace","toLowerCase","registerDataStyle","name","fx","className","style","nested","StyleRule","dataName","toString","Colors","CSS","InBuiltStyles","colors","red","x","color","yellow","green","lightGreen","rotate","animate","d180","transform","transition","d0"],"sourceRoot":"","sources":["../../../src/basic/in-built/InBuiltStyles.ts"],"sourcesContent":[null]}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomItemsControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var Colors, StyleRule, AtomItemsControl, CSS, AtomButtonBar;
|
|
5
|
-
|
|
6
|
-
_export("default", void 0);
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
10
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
11
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
12
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
13
|
-
}, function (_webAtomsCoreDistWebControlsAtomItemsControl) {
|
|
14
|
-
AtomItemsControl = _webAtomsCoreDistWebControlsAtomItemsControl.AtomItemsControl;
|
|
15
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
16
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
17
|
-
}],
|
|
18
|
-
execute: function () {
|
|
19
|
-
CSS(StyleRule().flexLayout({
|
|
20
|
-
inline: true,
|
|
21
|
-
gap: 0
|
|
22
|
-
}).border("solid 1px lightblue").borderRadius(10).child(StyleRule("*").borderRadius(10).padding(5).cursor("pointer").and(StyleRule(":first-child").borderTopRightRadius(0).borderBottomRightRadius(0)).and(StyleRule(":last-child").borderTopLeftRadius(0).borderBottomLeftRadius(0))).child(StyleRule("*[data-item=selected-item]").backgroundColor(Colors.lightBlue)), "*[data-button-bar=button-bar]");
|
|
23
|
-
|
|
24
|
-
_export("default", AtomButtonBar = class AtomButtonBar extends AtomItemsControl {
|
|
25
|
-
preCreate() {
|
|
26
|
-
this.allowSelectFirst = true;
|
|
27
|
-
super.preCreate();
|
|
28
|
-
this.element.dataset.buttonBar = "button-bar";
|
|
29
|
-
this.runAfterInit(() => {
|
|
30
|
-
var _a;
|
|
31
|
-
|
|
32
|
-
if (!this.selectedItem) {
|
|
33
|
-
this.selectedItem = (_a = this.items[0]) !== null && _a !== void 0 ? _a : null;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
createChild(df, data) {
|
|
39
|
-
const child = super.createChild(df, data);
|
|
40
|
-
child.element.dataset.buttonBarItem = "item";
|
|
41
|
-
child.bindEvent(child.element, "click", () => {
|
|
42
|
-
this.selectedItem = child.data;
|
|
43
|
-
});
|
|
44
|
-
child.bind(child.element, "data-item", [["data"], ["this", "selectedItem"]], false, (v1, v2) => v1 === v2 ? "selected-item" : "item", this);
|
|
45
|
-
return child;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
});
|
|
52
|
-
//# sourceMappingURL=AtomButtonBar.sys.js.map
|