@web-atoms/web-controls 2.3.0 → 2.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ModuleFiles.js +1 -55
- package/dist/ModuleFiles.js.map +1 -1
- package/dist/PageNavigator.js +1 -61
- package/dist/PageNavigator.js.map +1 -1
- package/dist/animations/Animations.js +1 -52
- package/dist/animations/Animations.js.map +1 -1
- package/dist/auto-complete/AppComboBoxViewModel.js +1 -19
- package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBox.js +1 -332
- package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.js +1 -86
- package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
- package/dist/auto-complete/ItemHost.js +1 -42
- package/dist/auto-complete/ItemHost.js.map +1 -1
- package/dist/basic/AtomChips.js +1 -376
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.js +1 -1116
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.js +1 -167
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.js +1 -65
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.js +1 -251
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.js +1 -76
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.js +1 -31
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.js +1 -53
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/ComboBox.js +1 -87
- package/dist/basic/ComboBox.js.map +1 -1
- package/dist/basic/DataGrid.js +1 -332
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.js +1 -94
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.js +1 -174
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Editable.js +1 -121
- package/dist/basic/Editable.js.map +1 -1
- package/dist/basic/Expander.js +1 -139
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/Form.js +1 -319
- package/dist/basic/Form.js.map +1 -1
- package/dist/basic/FormDialog.js +1 -31
- package/dist/basic/FormDialog.js.map +1 -1
- package/dist/basic/FormField.js +1 -192
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/IElement.js +1 -8
- package/dist/basic/InlinePopup.js +1 -327
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.js +1 -38
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/Input.js +1 -29
- package/dist/basic/Input.js.map +1 -1
- package/dist/basic/ListRepeater.js +1 -51
- package/dist/basic/ListRepeater.js.map +1 -1
- package/dist/basic/MaskedInput.js +1 -65
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/MaskedInputDiv.js +1 -99
- package/dist/basic/MaskedInputDiv.js.map +1 -1
- package/dist/basic/Mix.js +1 -36
- package/dist/basic/Mix.js.map +1 -1
- package/dist/basic/Panel.js +1 -36
- package/dist/basic/Panel.js.map +1 -1
- package/dist/basic/PasswordBox.js +1 -56
- package/dist/basic/PasswordBox.js.map +1 -1
- package/dist/basic/PinchZoomView.js +1 -270
- package/dist/basic/PinchZoomView.js.map +1 -1
- package/dist/basic/PopupButton.js +1 -73
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.js +1 -66
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/RefreshLock.js +1 -84
- package/dist/basic/RefreshLock.js.map +1 -1
- package/dist/basic/Row.js +1 -42
- package/dist/basic/Row.js.map +1 -1
- package/dist/basic/Swipe.js +1 -120
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.js +1 -60
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.js +1 -51
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/ToggleButtonBar.js +1 -63
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.js +1 -101
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/basic/combineClasses.js +1 -12
- package/dist/basic/combineClasses.js.map +1 -1
- package/dist/basic/in-built/InBuiltStyles.js +1 -48
- package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +1 -45
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/buttons/AtomPopupButton.js +1 -21
- package/dist/buttons/AtomPopupButton.js.map +1 -1
- package/dist/buttons/AtomPopupButtonStyle.js +1 -31
- package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
- package/dist/calendar/AtomCalendar.js +1 -98
- package/dist/calendar/AtomCalendar.js.map +1 -1
- package/dist/calendar/AtomCalendarStyle.js +1 -179
- package/dist/calendar/AtomCalendarStyle.js.map +1 -1
- package/dist/calendar/CalendarViewModel.js +1 -133
- package/dist/calendar/CalendarViewModel.js.map +1 -1
- package/dist/calendar/res/SRCalendar.js +1 -89
- package/dist/calendar/res/SRCalendar.js.map +1 -1
- package/dist/calendar/res/en-US/SRCalendar.js +1 -77
- package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
- package/dist/data-grid/AtomColumn.js +1 -60
- package/dist/data-grid/AtomColumn.js.map +1 -1
- package/dist/data-grid/AtomDataGrid.js +1 -71
- package/dist/data-grid/AtomDataGrid.js.map +1 -1
- package/dist/data-grid/AtomDataGridStyle.js +1 -55
- package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
- package/dist/data-grid/AtomDataGridViewModel.js +1 -78
- package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
- package/dist/data-grid/GridTemplate.js +1 -65
- package/dist/data-grid/GridTemplate.js.map +1 -1
- package/dist/data-pager/AtomDataPager.js +1 -112
- package/dist/data-pager/AtomDataPager.js.map +1 -1
- package/dist/date-field/AtomDateField.js +1 -60
- package/dist/date-field/AtomDateField.js.map +1 -1
- package/dist/desktop-app/DesktopApp.js +1 -95
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/form/AtomField.js +1 -145
- package/dist/form/AtomField.js.map +1 -1
- package/dist/form/AtomForm.js +1 -102
- package/dist/form/AtomForm.js.map +1 -1
- package/dist/form/AtomFormGroup.js +1 -16
- package/dist/form/AtomFormGroup.js.map +1 -1
- package/dist/form/AtomFormStyle.js +1 -72
- package/dist/form/AtomFormStyle.js.map +1 -1
- package/dist/form/HelpPopup.js +1 -26
- package/dist/form/HelpPopup.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +3 -329
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.js +1 -84
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.js +1 -103
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/Align.js +1 -40
- package/dist/html-editor/commands/Align.js.map +1 -1
- package/dist/html-editor/commands/AttachFile.js +1 -97
- package/dist/html-editor/commands/AttachFile.js.map +1 -1
- package/dist/html-editor/commands/Bold.js +1 -23
- package/dist/html-editor/commands/Bold.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +1 -56
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +1 -71
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/ChangeFontSize.js +1 -32
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
- package/dist/html-editor/commands/Command.js +1 -56
- package/dist/html-editor/commands/Command.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +1 -99
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Headings.js +1 -42
- package/dist/html-editor/commands/Headings.js.map +1 -1
- package/dist/html-editor/commands/HorizontalRule.js +1 -22
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
- package/dist/html-editor/commands/HtmlCommands.js +1 -77
- package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
- package/dist/html-editor/commands/IndentLess.js +1 -23
- package/dist/html-editor/commands/IndentLess.js.map +1 -1
- package/dist/html-editor/commands/IndentMore.js +1 -23
- package/dist/html-editor/commands/IndentMore.js.map +1 -1
- package/dist/html-editor/commands/Italic.js +1 -23
- package/dist/html-editor/commands/Italic.js.map +1 -1
- package/dist/html-editor/commands/NumberedList.js +1 -23
- package/dist/html-editor/commands/NumberedList.js.map +1 -1
- package/dist/html-editor/commands/Quote.js +1 -23
- package/dist/html-editor/commands/Quote.js.map +1 -1
- package/dist/html-editor/commands/RemoveFormat.js +1 -23
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
- package/dist/html-editor/commands/Separator.js +1 -25
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.js +1 -99
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/html-editor/commands/StrikeThrough.js +1 -23
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
- package/dist/html-editor/commands/Underline.js +1 -23
- package/dist/html-editor/commands/Underline.js.map +1 -1
- package/dist/html-editor/commands/Unlink.js +1 -24
- package/dist/html-editor/commands/Unlink.js.map +1 -1
- package/dist/html-editor/commands/UnorderedList.js +1 -23
- package/dist/html-editor/commands/UnorderedList.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrame.js +1 -205
- package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameStyle.js +1 -63
- package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.js +1 -53
- package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
- package/dist/mobile/pages/Page.js +1 -26
- package/dist/mobile/pages/Page.js.map +1 -1
- package/dist/mobile/pages/PageFrameViewModel.js +1 -169
- package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
- package/dist/mobile/pages/TitleTemplate.js +1 -27
- package/dist/mobile/pages/TitleTemplate.js.map +1 -1
- package/dist/mobile-app/BottomPopup.js +1 -230
- package/dist/mobile-app/BottomPopup.js.map +1 -1
- package/dist/mobile-app/MobileApp.js +1 -604
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.js +1 -248
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.js +1 -29
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/setupBridge.js +1 -89
- package/dist/setupBridge.js.map +1 -1
- package/dist/switch/AtomSwitch.js +1 -48
- package/dist/switch/AtomSwitch.js.map +1 -1
- package/dist/switch/AtomSwitchStyle.js +1 -79
- package/dist/switch/AtomSwitchStyle.js.map +1 -1
- package/dist/time-field/AtomTimeField.js +1 -105
- package/dist/time-field/AtomTimeField.js.map +1 -1
- package/dist/time-field/AtomTimeFieldStyle.js +1 -27
- package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.js +1 -101
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -1,85 +1,2 @@
|
|
|
1
|
-
System.register([],
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var RefreshLock, __awaiter;
|
|
5
|
-
_export("default", void 0);
|
|
6
|
-
return {
|
|
7
|
-
setters: [],
|
|
8
|
-
execute: function () {
|
|
9
|
-
__awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
|
|
10
|
-
function adopt(value) {
|
|
11
|
-
return value instanceof P ? value : new P(function (resolve) {
|
|
12
|
-
resolve(value);
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
16
|
-
function fulfilled(value) {
|
|
17
|
-
try {
|
|
18
|
-
step(generator.next(value));
|
|
19
|
-
} catch (e) {
|
|
20
|
-
reject(e);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
function rejected(value) {
|
|
24
|
-
try {
|
|
25
|
-
step(generator["throw"](value));
|
|
26
|
-
} catch (e) {
|
|
27
|
-
reject(e);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
function step(result) {
|
|
31
|
-
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
32
|
-
}
|
|
33
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
_export("default", RefreshLock = class RefreshLock {
|
|
37
|
-
constructor(app, e) {
|
|
38
|
-
this.app = app;
|
|
39
|
-
this.map = new Map();
|
|
40
|
-
this.begin = ce => {
|
|
41
|
-
if (ce.target === ce.currentTarget) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
const previous = this.promise;
|
|
45
|
-
this.promise = this.setupNew(previous, ce.detail.id);
|
|
46
|
-
this.app.runAsync(() => this.promise);
|
|
47
|
-
};
|
|
48
|
-
this.end = ce => {
|
|
49
|
-
if (ce.target === ce.currentTarget) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
const resolver = this.map.get(ce.detail.id);
|
|
53
|
-
resolver === null || resolver === void 0 ? void 0 : resolver();
|
|
54
|
-
};
|
|
55
|
-
e.addEventListener("refreshLockBegin", this.begin);
|
|
56
|
-
e.addEventListener("refreshLockEnd", this.end);
|
|
57
|
-
this.dispose = () => {
|
|
58
|
-
e.removeEventListener("refreshLockBegin", this.begin);
|
|
59
|
-
e.removeEventListener("refreshLockEnd", this.begin);
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
queue(fx) {
|
|
63
|
-
if (this.promise) {
|
|
64
|
-
this.promise.then(fx);
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
fx();
|
|
68
|
-
}
|
|
69
|
-
setupNew(previous, id) {
|
|
70
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
71
|
-
if (previous) {
|
|
72
|
-
yield previous;
|
|
73
|
-
}
|
|
74
|
-
yield new Promise((resolve, reject) => {
|
|
75
|
-
this.map.set(id, resolve);
|
|
76
|
-
});
|
|
77
|
-
this.map.delete(id);
|
|
78
|
-
this.promise = null;
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
});
|
|
1
|
+
System.register(["tslib"],function(_export,_context){"use strict";var __awaiter,RefreshLock;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;}],execute:function(){_export("default",RefreshLock=class RefreshLock{constructor(app,e){this.app=app;this.map=new Map();this.begin=ce=>{if(ce.target===ce.currentTarget){return;}const previous=this.promise;this.promise=this.setupNew(previous,ce.detail.id);this.app.runAsync(()=>this.promise);};this.end=ce=>{if(ce.target===ce.currentTarget){return;}const resolver=this.map.get(ce.detail.id);resolver===null||resolver===void 0?void 0:resolver();};e.addEventListener("refreshLockBegin",this.begin);e.addEventListener("refreshLockEnd",this.end);this.dispose=()=>{e.removeEventListener("refreshLockBegin",this.begin);e.removeEventListener("refreshLockEnd",this.begin);};}queue(fx){if(this.promise){this.promise.then(fx);return;}fx();}setupNew(previous,id){return __awaiter(this,void 0,void 0,function*(){if(previous){yield previous;}yield new Promise((resolve,reject)=>{this.map.set(id,resolve);});this.map.delete(id);this.promise=null;});}});}};});
|
|
85
2
|
//# sourceMappingURL=RefreshLock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"gFAGqBA,WAAW,+HAAXA,WAAW,CAAlB,KAAOA,YAAW,CAQ5BC,YAAoBC,GAAQ,CAAEC,CAAc,EAAxB,QAAG,CAAHD,GAAG,CAFf,QAAG,CAAG,GAAIE,IAAG,EAAe,CAqB5B,UAAK,CAAIC,EAAe,EAAI,CAChC,GAAIA,EAAE,CAACC,MAAM,GAAKD,EAAE,CAACE,aAAa,CAAE,CAChC,QAEJ,KAAMC,SAAQ,CAAG,IAAI,CAACC,OAAO,CAC7B,IAAI,CAACA,OAAO,CAAG,IAAI,CAACC,QAAQ,CAACF,QAAQ,CAAEH,EAAE,CAACM,MAAM,CAACC,EAAE,CAAC,CACpD,IAAI,CAACV,GAAG,CAACW,QAAQ,CAAC,IAAM,IAAI,CAACJ,OAAO,CAAC,CACzC,CAAC,CAEO,QAAG,CAAIJ,EAAe,EAAI,CAC9B,GAAIA,EAAE,CAACC,MAAM,GAAKD,EAAE,CAACE,aAAa,CAAE,CAChC,QAEJ,KAAMO,SAAQ,CAAG,IAAI,CAACC,GAAG,CAACC,GAAG,CAACX,EAAE,CAACM,MAAM,CAACC,EAAE,CAAC,CAC3CE,QAAQ,SAARA,QAAQ,iBAARA,QAAQ,EAAI,CAChB,CAAC,CAhCGX,CAAC,CAACc,gBAAgB,CAAC,kBAAkB,CAAE,IAAI,CAACC,KAAK,CAAC,CAClDf,CAAC,CAACc,gBAAgB,CAAC,gBAAgB,CAAE,IAAI,CAACE,GAAG,CAAC,CAE9C,IAAI,CAACC,OAAO,CAAG,IAAK,CAChBjB,CAAC,CAACkB,mBAAmB,CAAC,kBAAkB,CAAE,IAAI,CAACH,KAAK,CAAC,CACrDf,CAAC,CAACkB,mBAAmB,CAAC,gBAAgB,CAAE,IAAI,CAACH,KAAK,CAAC,CACvD,CAAC,CACL,CAEOI,KAAK,CAACC,EAAuB,EAChC,GAAI,IAAI,CAACd,OAAO,CAAE,CACd,IAAI,CAACA,OAAO,CAACe,IAAI,CAACD,EAAE,CAAC,CACrB,QAEJA,EAAE,EAAE,CACR,CAmBcb,QAAQ,CAACF,QAAa,CAAEI,EAAO,kDACzC,GAAIJ,QAAQ,CAAE,CACV,KAAMA,SAAQ,EAElB,KAAM,IAAIiB,QAAO,CAAC,CAACC,OAAO,CAAEC,MAAM,GAAI,CAClC,IAAI,CAACZ,GAAG,CAACa,GAAG,CAAChB,EAAE,CAAEc,OAAO,CAAC,CAC7B,CAAC,CAAC,CACF,IAAI,CAACX,GAAG,CAACc,MAAM,CAACjB,EAAE,CAAC,CACnB,IAAI,CAACH,OAAO,CAAG,IAAI,CACvB,CAAC,IACJ","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.js
CHANGED
|
@@ -1,43 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/Colors",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var Colors, XNode, StyleRule, CSS;
|
|
5
|
-
function Row(a, ...nodes) {
|
|
6
|
-
return XNode.create("div", Object.assign({
|
|
7
|
-
"data-row": "row"
|
|
8
|
-
}, a), ...nodes);
|
|
9
|
-
}
|
|
10
|
-
function CommandRow(a, ...nodes) {
|
|
11
|
-
return XNode.create("div", Object.assign({
|
|
12
|
-
"data-row": "row",
|
|
13
|
-
"data-command-row": "command-row"
|
|
14
|
-
}, a), ...nodes);
|
|
15
|
-
}
|
|
16
|
-
_export({
|
|
17
|
-
default: Row,
|
|
18
|
-
CommandRow: CommandRow
|
|
19
|
-
});
|
|
20
|
-
return {
|
|
21
|
-
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
22
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
23
|
-
}, function (_webAtomsCoreDistCoreXNode) {
|
|
24
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
25
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
26
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
27
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
28
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
29
|
-
}],
|
|
30
|
-
execute: function () {
|
|
31
|
-
CSS(StyleRule().flexLayout({
|
|
32
|
-
alignItems: "center",
|
|
33
|
-
justifyContent: "flex-start"
|
|
34
|
-
}).child(StyleRule("*").flex("0 0 auto")), "div[data-row=row]");
|
|
35
|
-
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]");
|
|
36
|
-
Row.stretch = {
|
|
37
|
-
"style-flex": "1 1 100%"
|
|
38
|
-
};
|
|
39
|
-
CommandRow.stretch = Row.stretch;
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
});
|
|
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){"use strict";var Colors,XNode,StyleRule,CSS;function Row(a,...nodes){return XNode.create("div",Object.assign({"data-row":"row"},a),...nodes);}function CommandRow(a,...nodes){return XNode.create("div",Object.assign({"data-row":"row","data-command-row":"command-row"},a),...nodes);}_export({default:Row,CommandRow:CommandRow});return{setters:[function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){CSS(StyleRule().flexLayout({alignItems:"center",justifyContent:"flex-start"}).child(StyleRule("*").flex("0 0 auto")),"div[data-row=row]");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]");Row.stretch={"style-flex":"1 1 100%"};CommandRow.stretch=Row.stretch;}};});
|
|
43
2
|
//# sourceMappingURL=Row.js.map
|
package/dist/basic/Row.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"2OAgCc,QAAUA,IAAG,CAACC,CAAM,CAAE,GAAIC,KAAc,EAClD,MAAOC,8CAAc,KAAK,EAAOF,CAAC,KACxBC,KAAK,CACT,CACV,CAIM,QAAUE,WAAU,CAACH,CAAM,CAAE,GAAIC,KAAc,EACjD,MAAOC,8CACM,KAAK,oBACG,aAAa,EAAOF,CAAC,KAChCC,KAAK,CACT,CACV,CAAC,iBAduBF,GAAG,YAQXI,UAAU,yDAxCnBC,MAAM,4EACNF,KAAK,gFACLG,SAAS,mFACTC,GAAG,6DAEVA,GAAG,CAACD,SAAS,EAAE,CACVE,UAAU,CAAC,CAAEC,UAAU,CAAE,QAAQ,CAAGC,cAAc,CAAE,YAAY,CAAE,CAAC,CACnEC,KAAK,CAACL,SAAS,CAAC,GAAG,CAAC,CAChBM,IAAI,CAAC,UAAU,CAAC,CACpB,CACH,mBAAmB,CAAC,CAEtBL,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,CACH,mCAAmC,CAAC,CAQtCtB,GAAG,CAACuB,OAAO,CAAG,CAAE,YAAY,CAAE,UAAU,CAAE,CAU1CnB,UAAU,CAACmB,OAAO,CAAGvB,GAAG,CAACuB,OAAO,CAAC","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,121 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/XNode",
|
|
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 => {
|
|
24
|
-
let element = e.target;
|
|
25
|
-
if (e.touches.length > 1) {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
while (element) {
|
|
29
|
-
if (element.dataset.swipe) {
|
|
30
|
-
break;
|
|
31
|
-
}
|
|
32
|
-
element = element.parentElement;
|
|
33
|
-
}
|
|
34
|
-
if (!element) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
const {
|
|
38
|
-
left
|
|
39
|
-
} = element.getBoundingClientRect();
|
|
40
|
-
swipeStart = {
|
|
41
|
-
element,
|
|
42
|
-
x: e.touches[0].screenX - left
|
|
43
|
-
};
|
|
44
|
-
});
|
|
45
|
-
document.body.addEventListener("touchmove", e => {
|
|
46
|
-
let element = e.target;
|
|
47
|
-
if (!swipeStart || e.touches.length > 1) {
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
let swipe;
|
|
51
|
-
while (element) {
|
|
52
|
-
swipe = element.dataset.swipe;
|
|
53
|
-
if (swipe) {
|
|
54
|
-
break;
|
|
55
|
-
}
|
|
56
|
-
element = element.parentElement;
|
|
57
|
-
}
|
|
58
|
-
if (!element) {
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
const {
|
|
62
|
-
left
|
|
63
|
-
} = element.getBoundingClientRect();
|
|
64
|
-
const cx = e.touches[0].screenX - left;
|
|
65
|
-
const {
|
|
66
|
-
x
|
|
67
|
-
} = swipeStart;
|
|
68
|
-
let diff = cx - x;
|
|
69
|
-
if (diff > 0) {
|
|
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;
|
|
93
|
-
child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
|
|
94
|
-
while (child) {
|
|
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;
|
|
108
|
-
}
|
|
109
|
-
let m = avgMargin * count + 5;
|
|
110
|
-
child.style.marginRight = `${m}px`;
|
|
111
|
-
child = child.nextElementSibling;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
});
|
|
115
|
-
document.body.addEventListener("touchend", e => {
|
|
116
|
-
swipeStart = null;
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
});
|
|
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){"use strict";var XNode,StyleRule,CSS,swipeStart;function SwipeLeft(a,...nodes){return XNode.create("div",Object.assign({"data-swipe":"left"},a),...nodes);}_export("SwipeLeft",SwipeLeft);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){swipeStart=null;CSS(StyleRule().display("grid").child(StyleRule("*").gridRow("1").gridColumn("1")),"[data-swipe]");CSS(StyleRule().child(StyleRule("*").alignSelf("center").justifySelf("end").zIndex(2).and(StyleRule(":first-child").alignSelf("stretch").justifySelf("stretch").zIndex(10))),"[data-swipe=left]");document.body.addEventListener("touchstart",e=>{let element=e.target;if(e.touches.length>1){return;}while(element){if(element.dataset.swipe){break;}element=element.parentElement;}if(!element){return;}const{left}=element.getBoundingClientRect();swipeStart={element,x:e.touches[0].screenX-left};});document.body.addEventListener("touchmove",e=>{let element=e.target;if(!swipeStart||e.touches.length>1){return;}let swipe;while(element){swipe=element.dataset.swipe;if(swipe){break;}element=element.parentElement;}if(!element){return;}const{left}=element.getBoundingClientRect();const cx=e.touches[0].screenX-left;const{x}=swipeStart;let diff=cx-x;if(diff>0){if(swipe!=="right"){return;}}else{if(swipe!=="left"){return;}let content=element.firstElementChild;let maxMargin=0;let child=content===null||content===void 0?void 0:content.nextElementSibling;let count=0;while(child){maxMargin+=child.offsetWidth;count++;child=child.nextElementSibling;}let margin=-diff;if(maxMargin&&margin>maxMargin){margin=maxMargin;}if(margin<=5){delete content.style.marginRight;delete content.style.transform;child=content===null||content===void 0?void 0:content.nextElementSibling;while(child){delete child.style.marginRight;child=child.nextElementSibling;}return;}content.style.marginRight=`${margin}px`;content.style.transform=`translateX(-${margin}px)`;let avgMargin=Math.ceil(margin/count);child=content===null||content===void 0?void 0:content.nextElementSibling;while(child){count--;if(count===0){break;}let m=avgMargin*count+5;child.style.marginRight=`${m}px`;child=child.nextElementSibling;}}});document.body.addEventListener("touchend",e=>{swipeStart=null;});}};});
|
|
121
2
|
//# sourceMappingURL=Swipe.js.map
|
package/dist/basic/Swipe.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
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,61 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/XNode",
|
|
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]];
|
|
41
|
-
}
|
|
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]");
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
});
|
|
1
|
+
System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var __rest,XNode,StyleRule,CSS,css;function Switch(_a){var{checked,onLabel,offLabel}=_a,a=__rest(_a,["checked","onLabel","offLabel"]);return XNode.create("label",Object.assign({"data-ui-switch":"ui-switch"},a),XNode.create("input",{class:"switch-input",type:"checkbox",checked:checked}),XNode.create("span",{class:"switch-label","data-on":onLabel!==null&&onLabel!==void 0?onLabel:"On","data-off":offLabel!==null&&offLabel!==void 0?offLabel:"Off"}),XNode.create("span",{class:"switch-handle"}));}_export("default",Switch);return{setters:[function(_tslib){__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){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({top:0,left:0}).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({top:4,left:4,width:28,height:28}).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({top:"50%",left:"50%",width:12,height:12}).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]");}};});
|
|
61
2
|
//# sourceMappingURL=Switch.js.map
|
package/dist/basic/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
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,52 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/XNode",
|
|
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 {
|
|
19
|
-
constructor(app, e = document.createElement("table")) {
|
|
20
|
-
super(app, e);
|
|
21
|
-
}
|
|
22
|
-
onPropertyChanged(name) {
|
|
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
|
-
}
|
|
34
|
-
}
|
|
35
|
-
preCreate() {
|
|
36
|
-
super.preCreate();
|
|
37
|
-
this.preRender();
|
|
38
|
-
this.onPropertyChanged("header");
|
|
39
|
-
this.onPropertyChanged("footer");
|
|
40
|
-
}
|
|
41
|
-
preRender() {
|
|
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;
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
});
|
|
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){"use strict";var XNode,StyleRule,CSS,AtomRepeater,TableRepeater;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default;}],execute:function(){CSS(StyleRule(),"table[data-table-repeater=table-repeater]");_export("default",TableRepeater=class TableRepeater extends AtomRepeater{constructor(app,e=document.createElement("table")){super(app,e);}onPropertyChanged(name){super.onPropertyChanged(name);switch(name){case"header":case"headerRenderer":this.updateHeaderFooter("header",this.headerPresenter,this.header,this.headerRenderer);break;case"footer":case"footerRenderer":this.updateHeaderFooter("footer",this.footerPresenter,this.footer,this.footerRenderer);break;}}preCreate(){super.preCreate();this.preRender();this.onPropertyChanged("header");this.onPropertyChanged("footer");}preRender(){this.element.dataset.tableRepeater="table-repeater";this.render(XNode.create("table",null,XNode.create("thead",null),XNode.create("tbody",null),XNode.create("tfoot",null)));this.itemsPresenter=this.element.querySelector("tbody");this.headerPresenter=this.element.firstElementChild;this.footerPresenter=this.element.lastElementChild;}});}};});
|
|
52
2
|
//# sourceMappingURL=TableRepeater.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"+NASqBA,aAAc,gFAR5BC,KAAK,gFACLC,SAAS,mFACTC,GAAG,iEACHC,YAAiC,6CAExCD,GAAG,CAACD,SAAS,EAAE,CACb,2CAA2C,CAAC,CAAC,kBAE1BF,aAAc,CAArB,KAAOA,cAAc,QAAQI,aAAY,CAEnDC,YAAYC,GAAG,CAAEC,CAAC,CAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC,EAChD,KAAK,CAACH,GAAG,CAAEC,CAAC,CAAC,CACjB,CAEOG,iBAAiB,CAACC,IAAyB,EAC9C,KAAK,CAACD,iBAAiB,CAACC,IAAI,CAAC,CAC7B,OAAQA,IAAI,EACR,IAAK,QAAQ,CACb,IAAK,gBAAgB,CACjB,IAAI,CAACC,kBAAkB,CAAC,QAAQ,CAAE,IAAI,CAACC,eAAe,CAAE,IAAI,CAACC,MAAM,CAAE,IAAI,CAACC,cAAc,CAAC,CACzF,MACJ,IAAK,QAAQ,CACb,IAAK,gBAAgB,CACjB,IAAI,CAACH,kBAAkB,CAAC,QAAQ,CAAE,IAAI,CAACI,eAAe,CAAE,IAAI,CAACC,MAAM,CAAE,IAAI,CAACC,cAAc,CAAC,CACzF,MAAM,CAElB,CAEUC,SAAS,GACf,KAAK,CAACA,SAAS,EAAE,CACjB,IAAI,CAACC,SAAS,EAAE,CAChB,IAAI,CAACV,iBAAiB,CAAC,QAAQ,CAAC,CAChC,IAAI,CAACA,iBAAiB,CAAC,QAAQ,CAAC,CACpC,CAEUU,SAAS,GACf,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,aAAa,CAAG,gBAAgB,CACrD,IAAI,CAACC,MAAM,CAACvB,0BACRA,0BAAe,CACfA,0BAAe,CACfA,0BAAe,CACX,CAAC,CACT,IAAI,CAACwB,cAAc,CAAG,IAAI,CAACJ,OAAO,CAACK,aAAa,CAAC,OAAO,CAAC,CACzD,IAAI,CAACb,eAAe,CAAG,IAAI,CAACQ,OAAO,CAACM,iBAAgC,CACpE,IAAI,CAACX,eAAe,CAAG,IAAI,CAACK,OAAO,CAACO,gBAA+B,CACvE,EACH","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,64 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/BindableProperty",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var BindableProperty, Colors, XNode, StyleRule, CSS, AtomRepeater, ToggleButtonBar, __decorate, __metadata;
|
|
5
|
-
_export("default", void 0);
|
|
6
|
-
return {
|
|
7
|
-
setters: [function (_webAtomsCoreDistCoreBindableProperty) {
|
|
8
|
-
BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
|
|
9
|
-
}, function (_webAtomsCoreDistCoreColors) {
|
|
10
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
11
|
-
}, function (_webAtomsCoreDistCoreXNode) {
|
|
12
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
13
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
14
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
15
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
16
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
17
|
-
}, function (_AtomRepeater) {
|
|
18
|
-
AtomRepeater = _AtomRepeater.default;
|
|
19
|
-
}],
|
|
20
|
-
execute: function () {
|
|
21
|
-
__decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
|
|
22
|
-
var c = arguments.length,
|
|
23
|
-
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
24
|
-
d;
|
|
25
|
-
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;
|
|
26
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
27
|
-
};
|
|
28
|
-
__metadata = void 0 && (void 0).__metadata || function (k, v) {
|
|
29
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
30
|
-
};
|
|
31
|
-
CSS(StyleRule().display("inline-grid").gridAutoFlow("column").alignContent("center").justifyItems("stretch").textAlign("center").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(`var(--accent-color, black)`).color(Colors.white))), "*[data-button-bar=button-bar]");
|
|
32
|
-
_export("default", ToggleButtonBar = class ToggleButtonBar extends AtomRepeater {
|
|
33
|
-
onPropertyChanged(name) {
|
|
34
|
-
super.onPropertyChanged(name);
|
|
35
|
-
if (name === "labelPath") {
|
|
36
|
-
this.updateItems();
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
preCreate() {
|
|
41
|
-
super.preCreate();
|
|
42
|
-
this.element.dataset.buttonBar = "button-bar";
|
|
43
|
-
this.bindEvent(this.element, "itemClick", e => {
|
|
44
|
-
this.selectedItem = e.detail;
|
|
45
|
-
});
|
|
46
|
-
this.valuePath = item => {
|
|
47
|
-
var _a;
|
|
48
|
-
return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
|
|
49
|
-
};
|
|
50
|
-
this.labelPath = item => {
|
|
51
|
-
var _a;
|
|
52
|
-
return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
|
|
53
|
-
};
|
|
54
|
-
this.itemRenderer = item => XNode.create("div", {
|
|
55
|
-
"data-item-type": "toggle-button",
|
|
56
|
-
text: this.labelPath(item)
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
__decorate([BindableProperty, __metadata("design:type", Object)], ToggleButtonBar.prototype, "labelPath", void 0);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
});
|
|
1
|
+
System.register(["tslib","@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){"use strict";var __decorate,__metadata,BindableProperty,Colors,XNode,StyleRule,CSS,AtomRepeater,ToggleButtonBar;_export("default",void 0);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default;}],execute:function(){CSS(StyleRule().display("inline-grid").gridAutoFlow("column").alignContent("center").justifyItems("stretch").textAlign("center").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(`var(--accent-color, black)`).color(Colors.white))),"*[data-button-bar=button-bar]");_export("default",ToggleButtonBar=class ToggleButtonBar extends AtomRepeater{onPropertyChanged(name){super.onPropertyChanged(name);if(name==="labelPath"){this.updateItems();return;}}preCreate(){super.preCreate();this.element.dataset.buttonBar="button-bar";this.bindEvent(this.element,"itemClick",e=>{this.selectedItem=e.detail;});this.valuePath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.value)!==null&&_a!==void 0?_a:item;};this.labelPath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.label)!==null&&_a!==void 0?_a:item;};this.itemRenderer=item=>XNode.create("div",{"data-item-type":"toggle-button",text:this.labelPath(item)});}});__decorate([BindableProperty,__metadata("design:type",Object)],ToggleButtonBar.prototype,"labelPath",void 0);}};});
|
|
64
2
|
//# sourceMappingURL=ToggleButtonBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"qWAsCqBA,eAAgB,wKAtC5BC,gBAAgB,uCAAhBA,gBAAgB,yCAClBC,MAAM,4EACNC,KAAK,gFACLC,SAAS,mFACTC,GAAG,iEACHC,YAAY,6CAEnBD,GAAG,CAACD,SAAS,EAAE,CACVG,OAAO,CAAC,aAAa,CAAC,CACtBC,YAAY,CAAC,QAAQ,CAAC,CACtBC,YAAY,CAAC,QAAQ,CAAC,CACtBC,YAAY,CAAC,SAAS,CAAC,CACvBC,SAAS,CAAC,QAAQ,CAAC,CACnBC,WAAW,CAAC,OAAO,CAAC,CACpBC,WAAW,CAAC,CAAC,CAAC,CACdC,WAAW,CAACZ,MAAM,CAACa,SAAS,CAAC,CAC7BC,YAAY,CAAC,IAAI,CAAC,CAClBC,KAAK,CAACb,SAAS,CAAC,gCAAgC,CAAC,CAC7Cc,OAAO,CAAC,CAAC,CAAC,CACVC,eAAe,CAACjB,MAAM,CAACkB,KAAK,CAAC,CAC7BC,MAAM,CAAC,SAAS,CAAC,CACjBC,GAAG,CAAClB,SAAS,CAAC,cAAc,CAAC,CACzBmB,WAAW,CAAC,EAAE,CAAC,CACfC,mBAAmB,CAAC,IAAI,CAAC,CACzBC,sBAAsB,CAAC,IAAI,CAAC,CAChC,CACAH,GAAG,CAAClB,SAAS,CAAC,aAAa,CAAC,CACxBsB,oBAAoB,CAAC,IAAI,CAAC,CAC1BC,uBAAuB,CAAC,IAAI,CAAC,CAC7BC,YAAY,CAAC,EAAE,CAAC,CACpB,CACAN,GAAG,CAAClB,SAAS,CAAC,2BAA2B,CAAC,CACtCe,eAAe,CAAC,4BAA4B,CAAC,CAC7CU,KAAK,CAAC3B,MAAM,CAACkB,KAAK,CAAC,CACvB,CACJ,CACH,+BAA+B,CAAC,CAAC,kBAEdpB,eAAgB,CAAvB,KAAOA,gBAAgB,QAAQM,aAAY,CAK9CwB,iBAAiB,CAACC,IAAY,EACjC,KAAK,CAACD,iBAAiB,CAACC,IAAI,CAAC,CAC7B,GAAIA,IAAI,GAAK,WAAW,CAAE,CACtB,IAAI,CAACC,WAAW,EAAE,CAClB,QAER,CAEUC,SAAS,GACf,KAAK,CAACA,SAAS,EAAE,CACjB,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,SAAS,CAAG,YAAY,CAC7C,IAAI,CAACC,SAAS,CAAC,IAAI,CAACH,OAAO,CAAE,WAAW,CAAGI,CAAc,EAAI,CACzD,IAAI,CAACC,YAAY,CAAGD,CAAC,CAACE,MAAM,CAChC,CAAC,CAAC,CACF,IAAI,CAACC,SAAS,CAAIC,IAAI,EAAI,QAAC,cAAI,SAAJA,IAAI,iBAAJA,IAAI,CAAEC,KAAK,yBAAID,IAAI,GAC9C,IAAI,CAACE,SAAS,CAAIF,IAAI,EAAI,QAAC,cAAI,SAAJA,IAAI,iBAAJA,IAAI,CAAEG,KAAK,yBAAIH,IAAI,GAC9C,IAAI,CAACI,YAAY,CAAIJ,IAAI,EAAKvC,qCAAoB,eAAe,CAAC4C,IAAI,CAAE,IAAI,CAACH,SAAS,CAACF,IAAI,CAAC,EAAG,CACnG,EACH,EArBGM,YAAC/C,gBAAgB,gFACA","names":["ToggleButtonBar","BindableProperty","Colors","XNode","StyleRule","CSS","AtomRepeater","display","gridAutoFlow","alignContent","justifyItems","textAlign","borderStyle","borderWidth","borderColor","lightGray","borderRadius","child","padding","backgroundColor","white","cursor","and","paddingLeft","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","paddingRight","color","onPropertyChanged","name","updateItems","preCreate","element","dataset","buttonBar","bindEvent","e","selectedItem","detail","valuePath","item","value","labelPath","label","itemRenderer","text","__decorate"],"sourceRoot":"","sources":["../../src/basic/ToggleButtonBar.tsx"],"sourcesContent":[null]}
|