@web-atoms/web-controls 2.2.0 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ModuleFiles.js +45 -46
- package/dist/ModuleFiles.js.map +1 -1
- package/dist/PageNavigator.d.ts +2 -2
- package/dist/PageNavigator.d.ts.map +1 -1
- package/dist/PageNavigator.js +54 -39
- package/dist/PageNavigator.js.map +1 -1
- package/dist/animations/Animations.js +38 -52
- package/dist/animations/Animations.js.map +1 -1
- package/dist/auto-complete/AppComboBoxViewModel.js +16 -17
- package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBox.js +296 -273
- package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.js +69 -65
- package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
- package/dist/auto-complete/ItemHost.js +39 -28
- package/dist/auto-complete/ItemHost.js.map +1 -1
- package/dist/basic/AtomChips.js +348 -355
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.js +1000 -1041
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.js +154 -161
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.js +63 -60
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.js +215 -255
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.js +73 -66
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.js +30 -37
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.js +52 -76
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/ComboBox.js +75 -70
- package/dist/basic/ComboBox.js.map +1 -1
- package/dist/basic/DataGrid.js +289 -306
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.js +90 -97
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.js +162 -142
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Editable.js +109 -107
- package/dist/basic/Editable.js.map +1 -1
- package/dist/basic/Expander.js +111 -185
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/Form.js +269 -264
- package/dist/basic/Form.js.map +1 -1
- package/dist/basic/FormDialog.js +27 -29
- package/dist/basic/FormDialog.js.map +1 -1
- package/dist/basic/FormField.js +183 -203
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/IElement.js +8 -12
- package/dist/basic/IElement.js.map +1 -1
- package/dist/basic/InlinePopup.js +291 -262
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.js +34 -33
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/Input.js +28 -28
- package/dist/basic/Input.js.map +1 -1
- package/dist/basic/ListRepeater.js +45 -61
- package/dist/basic/ListRepeater.js.map +1 -1
- package/dist/basic/MaskedInput.js +53 -66
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/MaskedInputDiv.js +78 -99
- package/dist/basic/MaskedInputDiv.js.map +1 -1
- package/dist/basic/Mix.js +34 -33
- package/dist/basic/Mix.js.map +1 -1
- package/dist/basic/Panel.js +34 -34
- package/dist/basic/Panel.js.map +1 -1
- package/dist/basic/PasswordBox.js +46 -49
- package/dist/basic/PasswordBox.js.map +1 -1
- package/dist/basic/PinchZoomView.js +250 -255
- package/dist/basic/PinchZoomView.js.map +1 -1
- package/dist/basic/PopupButton.js +70 -128
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.js +63 -51
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/RefreshLock.js +76 -60
- package/dist/basic/RefreshLock.js.map +1 -1
- package/dist/basic/Row.js +41 -43
- package/dist/basic/Row.js.map +1 -1
- package/dist/basic/Swipe.js +94 -101
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.js +58 -105
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.js +42 -43
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/ToggleButtonBar.js +58 -71
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.js +89 -81
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/basic/combineClasses.js +12 -16
- package/dist/basic/combineClasses.js.map +1 -1
- package/dist/basic/in-built/InBuiltStyles.js +44 -43
- package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +40 -50
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/buttons/AtomPopupButton.js +18 -18
- package/dist/buttons/AtomPopupButton.js.map +1 -1
- package/dist/buttons/AtomPopupButtonStyle.js +28 -29
- package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
- package/dist/calendar/AtomCalendar.js +93 -61
- package/dist/calendar/AtomCalendar.js.map +1 -1
- package/dist/calendar/AtomCalendarStyle.js +165 -136
- package/dist/calendar/AtomCalendarStyle.js.map +1 -1
- package/dist/calendar/CalendarViewModel.js +105 -114
- package/dist/calendar/CalendarViewModel.js.map +1 -1
- package/dist/calendar/res/SRCalendar.js +85 -51
- package/dist/calendar/res/SRCalendar.js.map +1 -1
- package/dist/calendar/res/en-US/SRCalendar.js +74 -39
- package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
- package/dist/data-grid/AtomColumn.js +55 -72
- package/dist/data-grid/AtomColumn.js.map +1 -1
- package/dist/data-grid/AtomDataGrid.js +64 -63
- package/dist/data-grid/AtomDataGrid.js.map +1 -1
- package/dist/data-grid/AtomDataGridStyle.js +50 -50
- package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
- package/dist/data-grid/AtomDataGridViewModel.js +71 -77
- package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
- package/dist/data-grid/GridTemplate.js +64 -66
- package/dist/data-grid/GridTemplate.js.map +1 -1
- package/dist/data-pager/AtomDataPager.js +104 -94
- package/dist/data-pager/AtomDataPager.js.map +1 -1
- package/dist/date-field/AtomDateField.js +52 -47
- package/dist/date-field/AtomDateField.js.map +1 -1
- package/dist/desktop-app/DesktopApp.js +87 -123
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/form/AtomField.js +131 -133
- package/dist/form/AtomField.js.map +1 -1
- package/dist/form/AtomForm.js +84 -98
- package/dist/form/AtomForm.js.map +1 -1
- package/dist/form/AtomFormGroup.js +15 -19
- package/dist/form/AtomFormGroup.js.map +1 -1
- package/dist/form/AtomFormStyle.js +67 -67
- package/dist/form/AtomFormStyle.js.map +1 -1
- package/dist/form/HelpPopup.js +23 -19
- package/dist/form/HelpPopup.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +295 -383
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.js +79 -65
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.js +98 -88
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/Align.js +40 -23
- package/dist/html-editor/commands/Align.js.map +1 -1
- package/dist/html-editor/commands/AttachFile.js +93 -73
- package/dist/html-editor/commands/AttachFile.js.map +1 -1
- package/dist/html-editor/commands/Bold.js +23 -19
- package/dist/html-editor/commands/Bold.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +55 -144
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +67 -75
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/ChangeFontSize.js +32 -21
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
- package/dist/html-editor/commands/Command.js +53 -39
- package/dist/html-editor/commands/Command.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +93 -56
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Headings.js +42 -25
- package/dist/html-editor/commands/Headings.js.map +1 -1
- package/dist/html-editor/commands/HorizontalRule.js +22 -19
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
- package/dist/html-editor/commands/HtmlCommands.js +73 -76
- package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
- package/dist/html-editor/commands/IndentLess.js +23 -19
- package/dist/html-editor/commands/IndentLess.js.map +1 -1
- package/dist/html-editor/commands/IndentMore.js +23 -19
- package/dist/html-editor/commands/IndentMore.js.map +1 -1
- package/dist/html-editor/commands/Italic.js +23 -19
- package/dist/html-editor/commands/Italic.js.map +1 -1
- package/dist/html-editor/commands/NumberedList.js +23 -19
- package/dist/html-editor/commands/NumberedList.js.map +1 -1
- package/dist/html-editor/commands/Quote.js +23 -19
- package/dist/html-editor/commands/Quote.js.map +1 -1
- package/dist/html-editor/commands/RemoveFormat.js +23 -19
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
- package/dist/html-editor/commands/Separator.js +24 -27
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.js +95 -67
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/html-editor/commands/StrikeThrough.js +23 -19
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
- package/dist/html-editor/commands/Underline.js +23 -19
- package/dist/html-editor/commands/Underline.js.map +1 -1
- package/dist/html-editor/commands/Unlink.js +24 -23
- package/dist/html-editor/commands/Unlink.js.map +1 -1
- package/dist/html-editor/commands/UnorderedList.js +23 -19
- package/dist/html-editor/commands/UnorderedList.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrame.js +177 -192
- package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameStyle.js +56 -54
- package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.js +48 -32
- package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
- package/dist/mobile/pages/Page.js +23 -23
- package/dist/mobile/pages/Page.js.map +1 -1
- package/dist/mobile/pages/PageFrameViewModel.js +154 -148
- package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
- package/dist/mobile/pages/TitleTemplate.js +22 -22
- package/dist/mobile/pages/TitleTemplate.js.map +1 -1
- package/dist/mobile-app/BottomPopup.js +206 -240
- package/dist/mobile-app/BottomPopup.js.map +1 -1
- package/dist/mobile-app/MobileApp.js +552 -654
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.js +221 -267
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.js +28 -27
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/setupBridge.js +74 -98
- package/dist/setupBridge.js.map +1 -1
- package/dist/switch/AtomSwitch.js +43 -37
- package/dist/switch/AtomSwitch.js.map +1 -1
- package/dist/switch/AtomSwitchStyle.js +68 -68
- package/dist/switch/AtomSwitchStyle.js.map +1 -1
- package/dist/time-field/AtomTimeField.js +97 -83
- package/dist/time-field/AtomTimeField.js.map +1 -1
- package/dist/time-field/AtomTimeFieldStyle.js +24 -25
- package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.js +96 -115
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/PageNavigator.ts +2 -2
|
@@ -1,132 +1,74 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./InlinePopup"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var Colors, XNode, StyleRule, CSS, InlinePopupButton, __rest, iconLabelCss;
|
|
5
|
+
function MenuItem(_a) {
|
|
6
|
+
var {
|
|
7
|
+
label,
|
|
8
|
+
icon,
|
|
9
|
+
eventClick,
|
|
10
|
+
href,
|
|
11
|
+
target
|
|
12
|
+
} = _a,
|
|
13
|
+
others = __rest(_a, ["label", "icon", "eventClick", "href", "target"]);
|
|
14
|
+
if (label) {
|
|
15
|
+
return XNode.create("div", Object.assign({
|
|
16
|
+
"data-menu-item": "menu-item",
|
|
17
|
+
eventClick: eventClick
|
|
18
|
+
}, others), XNode.create("i", {
|
|
19
|
+
class: icon
|
|
20
|
+
}), XNode.create("span", {
|
|
21
|
+
text: label
|
|
22
|
+
}));
|
|
19
23
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
24
|
+
return XNode.create("div", Object.assign({
|
|
25
|
+
"data-menu-item": "menu-item",
|
|
26
|
+
eventClick: eventClick
|
|
27
|
+
}, others), XNode.create("i", {
|
|
28
|
+
class: icon
|
|
29
|
+
}));
|
|
30
|
+
}
|
|
31
|
+
function PopupActionButton(a, ...nodes) {
|
|
32
|
+
a.anchorRight = true;
|
|
33
|
+
a["data-alignment"] = "bottom-right";
|
|
34
|
+
return InlinePopupButton(a, ...nodes);
|
|
35
|
+
}
|
|
36
|
+
_export({
|
|
37
|
+
MenuItem: MenuItem,
|
|
38
|
+
PopupActionButton: PopupActionButton
|
|
39
|
+
});
|
|
40
|
+
return {
|
|
41
|
+
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
42
|
+
Colors = _webAtomsCoreDistCoreColors.default;
|
|
43
|
+
}, function (_webAtomsCoreDistCoreXNode) {
|
|
44
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
45
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
46
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
47
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
48
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
49
|
+
}, function (_InlinePopup) {
|
|
50
|
+
InlinePopupButton = _InlinePopup.InlinePopupButton;
|
|
51
|
+
}],
|
|
52
|
+
execute: function () {
|
|
53
|
+
__rest = void 0 && (void 0).__rest || function (s, e) {
|
|
54
|
+
var t = {};
|
|
55
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
56
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
57
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
46
58
|
}
|
|
47
|
-
return
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return (0, InlinePopup_1.InlinePopupButton)(a, ...nodes);
|
|
59
|
+
return t;
|
|
60
|
+
};
|
|
61
|
+
CSS(StyleRule().padding(5).borderRadius(5).cursor("pointer").hoverBackgroundColor(Colors.lightGreen).flexLayout({
|
|
62
|
+
alignItems: "center",
|
|
63
|
+
justifyContent: "flex-start"
|
|
64
|
+
}).flexWrap("wrap").child(StyleRule("*").flexShrink("0")), "*[data-menu-item=menu-item]");
|
|
65
|
+
CSS(StyleRule().verticalFlexLayout({
|
|
66
|
+
justifyContent: "stretch",
|
|
67
|
+
alignItems: "stretch"
|
|
68
|
+
}), "*[data-menu-items=menu-items]");
|
|
69
|
+
iconLabelCss = CSS(StyleRule(".label").display("inline-flex").child(StyleRule("span").flexStretch()));
|
|
70
|
+
_export("default", InlinePopupButton);
|
|
60
71
|
}
|
|
61
|
-
|
|
62
|
-
});
|
|
63
|
-
// export default function PopupButton(
|
|
64
|
-
// {
|
|
65
|
-
// icon,
|
|
66
|
-
// label,
|
|
67
|
-
// showAsDialog,
|
|
68
|
-
// ... others
|
|
69
|
-
// }: IPopupButton,
|
|
70
|
-
// ... menus: Array<IMenuItem | XNode>) {
|
|
71
|
-
// let popup: IPopup = null;
|
|
72
|
-
// function openPopup(s: AtomControl, e: Event) {
|
|
73
|
-
// const button = e.currentTarget as HTMLElement;
|
|
74
|
-
// button.classList.add("pressed");
|
|
75
|
-
// if (popup) {
|
|
76
|
-
// popup.dispose();
|
|
77
|
-
// popup = null;
|
|
78
|
-
// return;
|
|
79
|
-
// }
|
|
80
|
-
// const menu = document.createElement("div");
|
|
81
|
-
// (s as any).render(<div data-menu-items="menu-items">
|
|
82
|
-
// { ... menus}
|
|
83
|
-
// </div>, menu);
|
|
84
|
-
// const options: IPopupOptions = showAsDialog
|
|
85
|
-
// ? {
|
|
86
|
-
// alignment: "centerOfScreen",
|
|
87
|
-
// popupStyle: ".none"
|
|
88
|
-
// }
|
|
89
|
-
// : {
|
|
90
|
-
// alignment: "bottomLeft",
|
|
91
|
-
// popupStyle: ".none"
|
|
92
|
-
// };
|
|
93
|
-
// popup = PopupService.show(button, menu, options);
|
|
94
|
-
// const clickHandler = (e) => {
|
|
95
|
-
// let start = e.target as HTMLElement;
|
|
96
|
-
// const body = document.body;
|
|
97
|
-
// while (start) {
|
|
98
|
-
// if (start === body) {
|
|
99
|
-
// return;
|
|
100
|
-
// }
|
|
101
|
-
// if (start.dataset.menuItem === "menu-item") {
|
|
102
|
-
// break;
|
|
103
|
-
// }
|
|
104
|
-
// start = start.parentElement;
|
|
105
|
-
// }
|
|
106
|
-
// popup?.dispose();
|
|
107
|
-
// popup = null;
|
|
108
|
-
// };
|
|
109
|
-
// menu.addEventListener("click", clickHandler);
|
|
110
|
-
// popup.registerDisposable(() => {
|
|
111
|
-
// button.classList.remove("pressed");
|
|
112
|
-
// menu.removeEventListener("click", clickHandler);
|
|
113
|
-
// popup = null;
|
|
114
|
-
// });
|
|
115
|
-
// }
|
|
116
|
-
// if (label) {
|
|
117
|
-
// return <button
|
|
118
|
-
// { ... others }
|
|
119
|
-
// eventClick={Bind.event((s, e) => openPopup(s as AtomControl, e))}>
|
|
120
|
-
// <label class={iconLabelCss}>
|
|
121
|
-
// <i class={icon}/>
|
|
122
|
-
// <span>{label}</span>
|
|
123
|
-
// </label>
|
|
124
|
-
// </button>;
|
|
125
|
-
// }
|
|
126
|
-
// return <button
|
|
127
|
-
// { ... others }
|
|
128
|
-
// eventClick={Bind.event((s, e) => openPopup(s as AtomControl, e))}>
|
|
129
|
-
// <i class={icon}/>
|
|
130
|
-
// </button>;
|
|
131
|
-
// }
|
|
72
|
+
};
|
|
73
|
+
});
|
|
132
74
|
//# sourceMappingURL=PopupButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;EAyCM,SAAUA,QAAQ,CAACC,EAOb;QAPa;QACrBC,KAAK;QACLC,IAAI;QACJC,UAAU;QACVC,IAAI;QACJC;MAAM,MAEE;MADJC,MAAM,cANW,iDAOxB,CADa;IAGV,IAAIL,KAAK,EAAE;MACP,OAAOM;QAAA,kBAAoB,WAAW;QAACJ,UAAU,EAAEA;MAAU,GAAQG,MAAM,GACvEC;QAAGC,KAAK,EAAEN;MAAI,EAAG,EACjBK;QAAME,IAAI,EAAER;MAAK,EAAG,CAClB;;IAEV,OAAOM;MAAA,kBAAoB,WAAW;MAACJ,UAAU,EAAEA;IAAU,GAAQG,MAAM,GACvEC;MAAGC,KAAK,EAAEN;IAAI,EAAG,CACf;EACV;EAYM,SAAUQ,iBAAiB,CAACC,CAA4B,EAAE,GAAIC,KAAc;IAC9ED,CAAC,CAACE,WAAW,GAAG,IAAI;IACpBF,CAAC,CAAC,gBAAgB,CAAC,GAAG,cAAc;IACpC,OAAOG,iBAAiB,CAACH,CAAC,EAAE,GAAIC,KAAK,CAAC;EAC1C;EAAC;IAAA,UAlCeb,QAAQ;IAAA,mBA8BRW;EAAiB;EAAA;IAAA;MAtE1BK,MAAM;IAAA;MACNR,KAAK;IAAA;MACLS,SAAS;IAAA;MAGTC,GAAG;IAAA;MACuCH,iBAAiB,gBAAjBA,iBAAiB;IAAA;IAAA;;;;;;;;;MAElEG,GAAG,CAACD,SAAS,EAAE,CACVE,OAAO,CAAC,CAAC,CAAC,CACVC,YAAY,CAAC,CAAC,CAAC,CACfC,MAAM,CAAC,SAAS,CAAC,CACjBC,oBAAoB,CAACN,MAAM,CAACO,UAAU,CAAC,CACvCC,UAAU,CAAC;QAAEC,UAAU,EAAE,QAAQ;QAAEC,cAAc,EAAE;MAAY,CAAC,CAAC,CACjEC,QAAQ,CAAC,MAAM,CAAC,CAChBC,KAAK,CAACX,SAAS,CAAC,GAAG,CAAC,CAChBY,UAAU,CAAC,GAAG,CAAC,CACnB,EACH,6BAA6B,CAAC;MAEhCX,GAAG,CAACD,SAAS,EAAE,CACVa,kBAAkB,CAAC;QAAEJ,cAAc,EAAE,SAAgB;QAAED,UAAU,EAAE;MAAS,CAAC,CAAC,EACjF,+BAA+B,CAAC;MAsC5BM,YAAY,GAAGb,GAAG,CACpBD,SAAS,CAAC,QAAQ,CAAC,CACde,OAAO,CAAC,aAAa,CAAC,CACtBJ,KAAK,CAACX,SAAS,CAAC,MAAM,CAAC,CACnBgB,WAAW,EAAE,CACjB,CACR;MAAA,mBAEclB,iBAAiB;IAAA;EAAA;AAAA","names":["MenuItem","_a","label","icon","eventClick","href","target","others","XNode","class","text","PopupActionButton","a","nodes","anchorRight","InlinePopupButton","Colors","StyleRule","CSS","padding","borderRadius","cursor","hoverBackgroundColor","lightGreen","flexLayout","alignItems","justifyContent","flexWrap","child","flexShrink","verticalFlexLayout","iconLabelCss","display","flexStretch"],"sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"sourcesContent":[null]}
|
|
@@ -1,55 +1,67 @@
|
|
|
1
|
-
(function (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
.displayNone("[data-selected-item=true] > i.fa-circle")
|
|
28
|
-
.displayNone("[data-selected-item=false] > i.fa-dot-circle"), "div[data-item-type=radio]");
|
|
29
|
-
class RadioButtonList extends AtomRepeater_1.default {
|
|
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", "./AtomRepeater"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var Colors, XNode, StyleRule, CSS, AtomRepeater, RadioButtonList;
|
|
5
|
+
_export("default", void 0);
|
|
6
|
+
return {
|
|
7
|
+
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
8
|
+
Colors = _webAtomsCoreDistCoreColors.default;
|
|
9
|
+
}, 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().flexLayout({
|
|
20
|
+
inline: true,
|
|
21
|
+
justifyContent: "flex-start"
|
|
22
|
+
}).flexFlow("wrap"), "*[data-radio-button-list=radio-button-list]");
|
|
23
|
+
CSS(StyleRule().flexLayout({
|
|
24
|
+
justifyContent: "flex-start"
|
|
25
|
+
}).marginRight(5).child(StyleRule("span").cursor("pointer")).and(StyleRule("[data-selected-item=true]").color(Colors.blue)).displayNone("[data-selected-item=true] > i.fa-circle").displayNone("[data-selected-item=false] > i.fa-dot-circle"), "div[data-item-type=radio]");
|
|
26
|
+
_export("default", RadioButtonList = class RadioButtonList extends AtomRepeater {
|
|
30
27
|
preCreate() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
28
|
+
super.preCreate();
|
|
29
|
+
this.valuePath = item => {
|
|
30
|
+
var _a;
|
|
31
|
+
return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
|
|
32
|
+
};
|
|
33
|
+
this.bindEvent(this.element, "itemClick", e => {
|
|
34
|
+
const s = this.selectedItems;
|
|
35
|
+
if (!s) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const item = e.detail;
|
|
39
|
+
const old = this.selectedItem;
|
|
40
|
+
if (old) {
|
|
41
|
+
this.element.dispatchEvent(new CustomEvent("itemDeselect", {
|
|
42
|
+
detail: old,
|
|
43
|
+
bubbles: false
|
|
44
|
+
}));
|
|
45
|
+
}
|
|
46
|
+
this.selectedItem = item;
|
|
47
|
+
this.element.dispatchEvent(new CustomEvent("itemSelect", {
|
|
48
|
+
detail: item,
|
|
49
|
+
bubbles: false
|
|
50
|
+
}));
|
|
51
|
+
});
|
|
52
|
+
this.element.dataset.radioButtonList = "radio-button-list";
|
|
53
|
+
this.itemRenderer = item => XNode.create("div", {
|
|
54
|
+
"data-item-type": "radio"
|
|
55
|
+
}, XNode.create("i", {
|
|
56
|
+
class: "far fa-dot-circle"
|
|
57
|
+
}), XNode.create("i", {
|
|
58
|
+
class: "far fa-circle"
|
|
59
|
+
}), XNode.create("span", {
|
|
60
|
+
text: item.label
|
|
61
|
+
}));
|
|
51
62
|
}
|
|
63
|
+
});
|
|
52
64
|
}
|
|
53
|
-
|
|
54
|
-
});
|
|
65
|
+
};
|
|
66
|
+
});
|
|
55
67
|
//# sourceMappingURL=RadioButtonList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;mDA2BqBA,eAAgB;EAAA;EAAA;IAAA;MAzB9BC,MAAM;IAAA;MACNC,KAAK;IAAA;MACLC,SAAS;IAAA;MAETC,GAAG;IAAA;MACHC,YAAY;IAAA;IAAA;MAEnBD,GAAG,CAACD,SAAS,EAAE,CACVG,UAAU,CAAC;QAAEC,MAAM,EAAE,IAAI;QAAEC,cAAc,EAAE;MAAY,CAAC,CAAC,CACzDC,QAAQ,CAAC,MAAM,CAAC,EACrB,6CAA6C,CAAC;MAE9CL,GAAG,CAACD,SAAS,EAAE,CACVG,UAAU,CAAC;QAAEE,cAAc,EAAE;MAAY,CAAE,CAAC,CAC5CE,WAAW,CAAC,CAAC,CAAC,CACdC,KAAK,CAACR,SAAS,CAAC,MAAM,CAAC,CACnBS,MAAM,CAAC,SAAS,CAAC,CACrB,CACAC,GAAG,CAACV,SAAS,CAAC,2BAA2B,CAAC,CACtCW,KAAK,CAACb,MAAM,CAACc,IAAI,CAAC,CACtB,CACAC,WAAW,CAAC,yCAAyC,CAAC,CACtDA,WAAW,CAAC,8CAA8C,CAAC,EAC9D,2BAA2B,CAAC;MAAC,mBAEVhB,eAAgB,GAAvB,MAAOA,eAAgB,SAAQK,YAAY;QAE3CY,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAACC,SAAS,GAAIC,IAAI,IAAI;YAAA;YAAC,iBAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,KAAK,mCAAID,IAAI;UAAA;UAC9C,IAAI,CAACE,SAAS,CAAC,IAAI,CAACC,OAAO,EAAE,WAAW,EAAGC,CAAc,IAAI;YACzD,MAAMC,CAAC,GAAG,IAAI,CAACC,aAAa;YAC5B,IAAI,CAACD,CAAC,EAAE;cACJ;;YAEJ,MAAML,IAAI,GAAGI,CAAC,CAACG,MAAM;YACrB,MAAMC,GAAG,GAAG,IAAI,CAACC,YAAY;YAC7B,IAAID,GAAG,EAAE;cACL,IAAI,CAACL,OAAO,CAACO,aAAa,CAAC,IAAIC,WAAW,CAAC,cAAc,EAAE;gBAAEJ,MAAM,EAAEC,GAAG;gBAAEI,OAAO,EAAE;cAAK,CAAE,CAAC,CAAC;;YAEhG,IAAI,CAACH,YAAY,GAAGT,IAAI;YACxB,IAAI,CAACG,OAAO,CAACO,aAAa,CAAC,IAAIC,WAAW,CAAC,YAAY,EAAE;cAAEJ,MAAM,EAAEP,IAAI;cAAEY,OAAO,EAAE;YAAK,CAAE,CAAC,CAAC;UAC/F,CAAC,CAAC;UACF,IAAI,CAACT,OAAO,CAACU,OAAO,CAACC,eAAe,GAAG,mBAAmB;UAC1D,IAAI,CAACC,YAAY,GAAIf,IAAI,IAAKjB;YAAA,kBACX;UAAO,GACtBA;YAAGiC,KAAK,EAAC;UAAmB,EAAE,EAC9BjC;YAAGiC,KAAK,EAAC;UAAe,EAAE,EAC1BjC;YAAMkC,IAAI,EAAEjB,IAAI,CAACkB;UAAK,EAAG,CACvB;QAEV;OAEH;IAAA;EAAA;AAAA","names":["RadioButtonList","Colors","XNode","StyleRule","CSS","AtomRepeater","flexLayout","inline","justifyContent","flexFlow","marginRight","child","cursor","and","color","blue","displayNone","preCreate","valuePath","item","value","bindEvent","element","e","s","selectedItems","detail","old","selectedItem","dispatchEvent","CustomEvent","bubbles","dataset","radioButtonList","itemRenderer","class","text","label"],"sourceRoot":"","sources":["../../src/basic/RadioButtonList.tsx"],"sourcesContent":[null]}
|
|
@@ -1,69 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
System.register([], function (_export, _context) {
|
|
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 {
|
|
22
37
|
constructor(app, e) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
+
};
|
|
46
61
|
}
|
|
47
62
|
queue(fx) {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
63
|
+
if (this.promise) {
|
|
64
|
+
this.promise.then(fx);
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
fx();
|
|
53
68
|
}
|
|
54
69
|
setupNew(previous, id) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
});
|
|
62
|
-
this.map.delete(id);
|
|
63
|
-
this.promise = null;
|
|
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);
|
|
64
76
|
});
|
|
77
|
+
this.map.delete(id);
|
|
78
|
+
this.promise = null;
|
|
79
|
+
});
|
|
65
80
|
}
|
|
81
|
+
});
|
|
66
82
|
}
|
|
67
|
-
|
|
68
|
-
});
|
|
83
|
+
};
|
|
84
|
+
});
|
|
69
85
|
//# sourceMappingURL=RefreshLock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;MAGqBA,WAAW;EAAA;EAAA;IAAA;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAXA,WAAW,GAAlB,MAAOA,WAAW;QAQ5BC,YAAoBC,GAAQ,EAAEC,CAAc;UAAxB,QAAG,GAAHD,GAAG;UAFf,QAAG,GAAG,IAAIE,GAAG,EAAe;UAqB5B,UAAK,GAAIC,EAAe,IAAI;YAChC,IAAIA,EAAE,CAACC,MAAM,KAAKD,EAAE,CAACE,aAAa,EAAE;cAChC;;YAEJ,MAAMC,QAAQ,GAAG,IAAI,CAACC,OAAO;YAC7B,IAAI,CAACA,OAAO,GAAG,IAAI,CAACC,QAAQ,CAACF,QAAQ,EAAEH,EAAE,CAACM,MAAM,CAACC,EAAE,CAAC;YACpD,IAAI,CAACV,GAAG,CAACW,QAAQ,CAAC,MAAM,IAAI,CAACJ,OAAO,CAAC;UACzC,CAAC;UAEO,QAAG,GAAIJ,EAAe,IAAI;YAC9B,IAAIA,EAAE,CAACC,MAAM,KAAKD,EAAE,CAACE,aAAa,EAAE;cAChC;;YAEJ,MAAMO,QAAQ,GAAG,IAAI,CAACC,GAAG,CAACC,GAAG,CAACX,EAAE,CAACM,MAAM,CAACC,EAAE,CAAC;YAC3CE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,EAAI;UAChB,CAAC;UAhCGX,CAAC,CAACc,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAACC,KAAK,CAAC;UAClDf,CAAC,CAACc,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAACE,GAAG,CAAC;UAE9C,IAAI,CAACC,OAAO,GAAG,MAAK;YAChBjB,CAAC,CAACkB,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAACH,KAAK,CAAC;YACrDf,CAAC,CAACkB,mBAAmB,CAAC,gBAAgB,EAAE,IAAI,CAACH,KAAK,CAAC;UACvD,CAAC;QACL;QAEOI,KAAK,CAACC,EAAuB;UAChC,IAAI,IAAI,CAACd,OAAO,EAAE;YACd,IAAI,CAACA,OAAO,CAACe,IAAI,CAACD,EAAE,CAAC;YACrB;;UAEJA,EAAE,EAAE;QACR;QAmBcb,QAAQ,CAACF,QAAa,EAAEI,EAAO;;YACzC,IAAIJ,QAAQ,EAAE;cACV,MAAMA,QAAQ;;YAElB,MAAM,IAAIiB,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAI;cAClC,IAAI,CAACZ,GAAG,CAACa,GAAG,CAAChB,EAAE,EAAEc,OAAO,CAAC;YAC7B,CAAC,CAAC;YACF,IAAI,CAACX,GAAG,CAACc,MAAM,CAACjB,EAAE,CAAC;YACnB,IAAI,CAACH,OAAO,GAAG,IAAI;UACvB,CAAC;;OACJ;IAAA;EAAA;AAAA","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,45 +1,43 @@
|
|
|
1
|
-
(function (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
+
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;
|
|
5
40
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
})(function (require, exports) {
|
|
10
|
-
"use strict";
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.CommandRow = void 0;
|
|
13
|
-
const Colors_1 = require("@web-atoms/core/dist/core/Colors");
|
|
14
|
-
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
15
|
-
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
16
|
-
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
17
|
-
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
18
|
-
.flexLayout({ alignItems: "center", justifyContent: "flex-start" })
|
|
19
|
-
.child((0, StyleRule_1.default)("*")
|
|
20
|
-
.flex("0 0 auto")), "div[data-row=row]");
|
|
21
|
-
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
22
|
-
.backgroundColor(Colors_1.default.purple.withAlphaPercent(0.1))
|
|
23
|
-
.borderRadius(9999)
|
|
24
|
-
.padding(7)
|
|
25
|
-
.nested((0, StyleRule_1.default)("*[data-fa-button=fa-button]")
|
|
26
|
-
.child((0, StyleRule_1.default)("label")
|
|
27
|
-
.child((0, StyleRule_1.default)(".fad")
|
|
28
|
-
.color(Colors_1.default.white))))
|
|
29
|
-
.nested((0, StyleRule_1.default)("button")
|
|
30
|
-
.backgroundColor(Colors_1.default.purple)
|
|
31
|
-
.color(Colors_1.default.white)
|
|
32
|
-
.hover((0, StyleRule_1.default)()
|
|
33
|
-
.backgroundColor(Colors_1.default.green))), "div[data-command-row=command-row]");
|
|
34
|
-
function Row(a, ...nodes) {
|
|
35
|
-
return XNode_1.default.create("div", Object.assign({ "data-row": "row" }, a), ...nodes);
|
|
36
|
-
}
|
|
37
|
-
exports.default = Row;
|
|
38
|
-
Row.stretch = { "style-flex": "1 1 100%" };
|
|
39
|
-
function CommandRow(a, ...nodes) {
|
|
40
|
-
return XNode_1.default.create("div", Object.assign({ "data-row": "row", "data-command-row": "command-row" }, a), ...nodes);
|
|
41
|
-
}
|
|
42
|
-
exports.CommandRow = CommandRow;
|
|
43
|
-
CommandRow.stretch = Row.stretch;
|
|
44
|
-
});
|
|
41
|
+
};
|
|
42
|
+
});
|
|
45
43
|
//# sourceMappingURL=Row.js.map
|