@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 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"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","names":["DateField","Bind","BindableProperty","Colors","XNode","StyleRule","AtomControl","CSS","DateTime","Calendar","InlinePopup","InlinePopupButton","display","cursor","hover","textDecoration","color","blue","preCreate","prompt","value","format","d","toLocaleDateString","navigator","language","month","year","day","weekday","owner","CalendarPopup","create","now","utcNow","yearStart","yearEnd","render","event","s","e","detail","disabled","close","enableFunc","oneTime","oneWay","text","__decorate","Date"],"sourceRoot":"","sources":["../../src/basic/DateField.tsx"],"sourcesContent":[null]}
|
package/dist/basic/DropDown.js
CHANGED
|
@@ -1,175 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/BindableProperty",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var BindableProperty, XNode, StyleRule, CSS, AtomRepeater, askSuggestion, askSuggestionPopup, disposeChildren, MatchAnyCaseInsensitive, DropDown, __decorate, __metadata, __awaiter;
|
|
5
|
-
_export("default", void 0);
|
|
6
|
-
return {
|
|
7
|
-
setters: [function (_webAtomsCoreDistCoreBindableProperty) {
|
|
8
|
-
BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
|
|
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
|
-
askSuggestion = _AtomRepeater.askSuggestion;
|
|
18
|
-
askSuggestionPopup = _AtomRepeater.askSuggestionPopup;
|
|
19
|
-
disposeChildren = _AtomRepeater.disposeChildren;
|
|
20
|
-
MatchAnyCaseInsensitive = _AtomRepeater.MatchAnyCaseInsensitive;
|
|
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
|
-
__metadata = void 0 && (void 0).__metadata || function (k, v) {
|
|
31
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
32
|
-
};
|
|
33
|
-
__awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
|
|
34
|
-
function adopt(value) {
|
|
35
|
-
return value instanceof P ? value : new P(function (resolve) {
|
|
36
|
-
resolve(value);
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
40
|
-
function fulfilled(value) {
|
|
41
|
-
try {
|
|
42
|
-
step(generator.next(value));
|
|
43
|
-
} catch (e) {
|
|
44
|
-
reject(e);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
function rejected(value) {
|
|
48
|
-
try {
|
|
49
|
-
step(generator["throw"](value));
|
|
50
|
-
} catch (e) {
|
|
51
|
-
reject(e);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
function step(result) {
|
|
55
|
-
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
56
|
-
}
|
|
57
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
CSS(StyleRule().flexLayout({
|
|
61
|
-
inline: true,
|
|
62
|
-
justifyContent: "stretch"
|
|
63
|
-
}).nested(StyleRule("[data-white-space=nowrap]").whiteSpace("nowrap")), "div[data-drop-down=drop-down]");
|
|
64
|
-
_export("default", DropDown = class DropDown extends AtomRepeater {
|
|
65
|
-
constructor() {
|
|
66
|
-
super(...arguments);
|
|
67
|
-
this.isPopupOpen = false;
|
|
68
|
-
}
|
|
69
|
-
updateItems(container) {}
|
|
70
|
-
onPropertyChanged(name) {
|
|
71
|
-
super.onPropertyChanged(name);
|
|
72
|
-
switch (name) {
|
|
73
|
-
case "labelPath":
|
|
74
|
-
this.itemRenderer = item => XNode.create("div", {
|
|
75
|
-
text: this.labelPath(item)
|
|
76
|
-
});
|
|
77
|
-
break;
|
|
78
|
-
case "prompt":
|
|
79
|
-
this.updateClasses();
|
|
80
|
-
break;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
preCreate() {
|
|
84
|
-
super.preCreate();
|
|
85
|
-
this.disableSearch = false;
|
|
86
|
-
this.prompt = "Select";
|
|
87
|
-
this.popupSuggestions = true;
|
|
88
|
-
this.bindEvent(this.element, "click", e => this.openPopup(e));
|
|
89
|
-
this.valuePath = item => {
|
|
90
|
-
var _a;
|
|
91
|
-
return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
|
|
92
|
-
};
|
|
93
|
-
this.labelPath = item => {
|
|
94
|
-
var _a;
|
|
95
|
-
return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
|
|
96
|
-
};
|
|
97
|
-
this.itemRenderer = item => XNode.create("div", {
|
|
98
|
-
text: this.labelPath(item)
|
|
99
|
-
});
|
|
100
|
-
this.element.dataset.dropDown = "drop-down";
|
|
101
|
-
this.render(XNode.create("div", null, XNode.create("div", {
|
|
102
|
-
"data-white-space": "nowrap",
|
|
103
|
-
text: this.prompt
|
|
104
|
-
}), XNode.create("i", {
|
|
105
|
-
class: "fad fa-caret-circle-down"
|
|
106
|
-
})));
|
|
107
|
-
}
|
|
108
|
-
openPopup(e) {
|
|
109
|
-
var _a, _b, _c, _d, _e;
|
|
110
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
111
|
-
if (this.isPopupOpen) {
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
this.isPopupOpen = true;
|
|
115
|
-
try {
|
|
116
|
-
if (!this.popupSuggestions) {
|
|
117
|
-
const selected = yield askSuggestion(this.items, (_a = this.suggestionRenderer) !== null && _a !== void 0 ? _a : this.itemRenderer, (_b = this.match) !== null && _b !== void 0 ? _b : MatchAnyCaseInsensitive(this.labelPath), {
|
|
118
|
-
title: (_c = this.suggestionPrompt) !== null && _c !== void 0 ? _c : this.prompt
|
|
119
|
-
});
|
|
120
|
-
this.selectedItem = selected;
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
const selectedItem = yield askSuggestionPopup(this, this.items, (_d = this.suggestionRenderer) !== null && _d !== void 0 ? _d : this.itemRenderer, (_e = this.match) !== null && _e !== void 0 ? _e : MatchAnyCaseInsensitive(this.labelPath), this.selectedItem);
|
|
124
|
-
if (this.selectedItem !== selectedItem) {
|
|
125
|
-
this.selectedItem = selectedItem;
|
|
126
|
-
this.element.dispatchEvent(new CustomEvent("selectionChanged", {
|
|
127
|
-
bubbles: true,
|
|
128
|
-
detail: selectedItem,
|
|
129
|
-
cancelable: true
|
|
130
|
-
}));
|
|
131
|
-
}
|
|
132
|
-
} finally {
|
|
133
|
-
this.isPopupOpen = false;
|
|
134
|
-
}
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
updateClasses() {
|
|
138
|
-
var _a;
|
|
139
|
-
disposeChildren(this, this.element);
|
|
140
|
-
const ir = this.itemRenderer;
|
|
141
|
-
if (!ir) {
|
|
142
|
-
return;
|
|
143
|
-
}
|
|
144
|
-
if (!this.selectedItem) {
|
|
145
|
-
this.render(XNode.create("div", null, XNode.create("div", {
|
|
146
|
-
"data-white-space": "nowrap",
|
|
147
|
-
text: this.prompt
|
|
148
|
-
}), XNode.create("i", {
|
|
149
|
-
class: "fad fa-caret-circle-down"
|
|
150
|
-
})));
|
|
151
|
-
return;
|
|
152
|
-
}
|
|
153
|
-
const selectedItem = this.selectedItem;
|
|
154
|
-
const index = this.items.indexOf(selectedItem);
|
|
155
|
-
const node = ir(selectedItem, index, this);
|
|
156
|
-
const na = (_a = node.attributes) !== null && _a !== void 0 ? _a : node.attributes = {};
|
|
157
|
-
if (!na["data-white-space"]) {
|
|
158
|
-
na["data-white-space"] = "nowrap";
|
|
159
|
-
}
|
|
160
|
-
this.render(XNode.create("div", null, node, XNode.create("i", {
|
|
161
|
-
class: "fad fa-caret-circle-down"
|
|
162
|
-
})));
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
__decorate([BindableProperty, __metadata("design:type", Boolean)], DropDown.prototype, "popupSuggestions", void 0);
|
|
166
|
-
__decorate([BindableProperty, __metadata("design:type", String)], DropDown.prototype, "search", void 0);
|
|
167
|
-
__decorate([BindableProperty, __metadata("design:type", String)], DropDown.prototype, "prompt", void 0);
|
|
168
|
-
__decorate([BindableProperty, __metadata("design:type", String)], DropDown.prototype, "suggestionPrompt", void 0);
|
|
169
|
-
__decorate([BindableProperty, __metadata("design:type", Function)], DropDown.prototype, "labelPath", void 0);
|
|
170
|
-
__decorate([BindableProperty, __metadata("design:type", Function)], DropDown.prototype, "match", void 0);
|
|
171
|
-
__decorate([BindableProperty, __metadata("design:type", Function)], DropDown.prototype, "suggestionRenderer", void 0);
|
|
172
|
-
}
|
|
173
|
-
};
|
|
174
|
-
});
|
|
1
|
+
System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@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 __awaiter,__decorate,__metadata,BindableProperty,XNode,StyleRule,CSS,AtomRepeater,askSuggestion,askSuggestionPopup,disposeChildren,MatchAnyCaseInsensitive,DropDown;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default;askSuggestion=_AtomRepeater.askSuggestion;askSuggestionPopup=_AtomRepeater.askSuggestionPopup;disposeChildren=_AtomRepeater.disposeChildren;MatchAnyCaseInsensitive=_AtomRepeater.MatchAnyCaseInsensitive;}],execute:function(){CSS(StyleRule().flexLayout({inline:true,justifyContent:"stretch"}).nested(StyleRule("[data-white-space=nowrap]").whiteSpace("nowrap")),"div[data-drop-down=drop-down]");_export("default",DropDown=class DropDown extends AtomRepeater{constructor(){super(...arguments);this.isPopupOpen=false;}updateItems(container){}onPropertyChanged(name){super.onPropertyChanged(name);switch(name){case"labelPath":this.itemRenderer=item=>XNode.create("div",{text:this.labelPath(item)});break;case"prompt":this.updateClasses();break;}}preCreate(){super.preCreate();this.disableSearch=false;this.prompt="Select";this.popupSuggestions=true;this.bindEvent(this.element,"click",e=>this.openPopup(e));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",{text:this.labelPath(item)});this.element.dataset.dropDown="drop-down";this.render(XNode.create("div",null,XNode.create("div",{"data-white-space":"nowrap",text:this.prompt}),XNode.create("i",{class:"fad fa-caret-circle-down"})));}openPopup(e){var _a,_b,_c,_d,_e;return __awaiter(this,void 0,void 0,function*(){if(this.isPopupOpen){return;}this.isPopupOpen=true;try{if(!this.popupSuggestions){const selected=yield askSuggestion(this.items,(_a=this.suggestionRenderer)!==null&&_a!==void 0?_a:this.itemRenderer,(_b=this.match)!==null&&_b!==void 0?_b:MatchAnyCaseInsensitive(this.labelPath),{title:(_c=this.suggestionPrompt)!==null&&_c!==void 0?_c:this.prompt});this.selectedItem=selected;return;}const selectedItem=yield askSuggestionPopup(this,this.items,(_d=this.suggestionRenderer)!==null&&_d!==void 0?_d:this.itemRenderer,(_e=this.match)!==null&&_e!==void 0?_e:MatchAnyCaseInsensitive(this.labelPath),this.selectedItem);if(this.selectedItem!==selectedItem){this.selectedItem=selectedItem;this.element.dispatchEvent(new CustomEvent("selectionChanged",{bubbles:true,detail:selectedItem,cancelable:true}));}}finally{this.isPopupOpen=false;}});}updateClasses(){var _a;disposeChildren(this,this.element);const ir=this.itemRenderer;if(!ir){return;}if(!this.selectedItem){this.render(XNode.create("div",null,XNode.create("div",{"data-white-space":"nowrap",text:this.prompt}),XNode.create("i",{class:"fad fa-caret-circle-down"})));return;}const selectedItem=this.selectedItem;const index=this.items.indexOf(selectedItem);const node=ir(selectedItem,index,this);const na=(_a=node.attributes)!==null&&_a!==void 0?_a:node.attributes={};if(!na["data-white-space"]){na["data-white-space"]="nowrap";}this.render(XNode.create("div",null,node,XNode.create("i",{class:"fad fa-caret-circle-down"})));}});__decorate([BindableProperty,__metadata("design:type",Boolean)],DropDown.prototype,"popupSuggestions",void 0);__decorate([BindableProperty,__metadata("design:type",String)],DropDown.prototype,"search",void 0);__decorate([BindableProperty,__metadata("design:type",String)],DropDown.prototype,"prompt",void 0);__decorate([BindableProperty,__metadata("design:type",String)],DropDown.prototype,"suggestionPrompt",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],DropDown.prototype,"labelPath",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],DropDown.prototype,"match",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],DropDown.prototype,"suggestionRenderer",void 0);}};});
|
|
175
2
|
//# sourceMappingURL=DropDown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"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","names":["DropDown","BindableProperty","XNode","StyleRule","CSS","AtomRepeater","askSuggestion","askSuggestionPopup","disposeChildren","MatchAnyCaseInsensitive","flexLayout","inline","justifyContent","nested","whiteSpace","constructor","updateItems","container","onPropertyChanged","name","itemRenderer","item","text","labelPath","updateClasses","preCreate","disableSearch","prompt","popupSuggestions","bindEvent","element","e","openPopup","valuePath","value","label","dataset","dropDown","render","class","isPopupOpen","selected","items","suggestionRenderer","match","title","suggestionPrompt","selectedItem","dispatchEvent","CustomEvent","bubbles","detail","cancelable","ir","index","indexOf","node","na","attributes","__decorate"],"sourceRoot":"","sources":["../../src/basic/DropDown.tsx"],"sourcesContent":[null]}
|
package/dist/basic/Editable.js
CHANGED
|
@@ -1,122 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/XNode",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var XNode, getParentRepeaterItem, __rest, handlers;
|
|
5
|
-
function getPropertyInfo(propertyPath) {
|
|
6
|
-
if (typeof propertyPath === "string") {
|
|
7
|
-
return {
|
|
8
|
-
key: propertyPath,
|
|
9
|
-
getter: item => item === null || item === void 0 ? void 0 : item[propertyPath],
|
|
10
|
-
setter: (item, value) => {
|
|
11
|
-
if (item) {
|
|
12
|
-
item[propertyPath] = value;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
if (!Array.isArray(propertyPath)) {
|
|
18
|
-
return propertyPath;
|
|
19
|
-
}
|
|
20
|
-
const last = propertyPath.pop();
|
|
21
|
-
let getterIntermediate;
|
|
22
|
-
if (propertyPath.length > 0) {
|
|
23
|
-
getterIntermediate = item => {
|
|
24
|
-
if (!item) {
|
|
25
|
-
return item;
|
|
26
|
-
}
|
|
27
|
-
for (const iterator of propertyPath) {
|
|
28
|
-
item = item[iterator];
|
|
29
|
-
if (!item) {
|
|
30
|
-
return item;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
return item;
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
const setter = (item, value) => {
|
|
37
|
-
if (item) {
|
|
38
|
-
if (getterIntermediate) {
|
|
39
|
-
item = getterIntermediate(item);
|
|
40
|
-
}
|
|
41
|
-
if (item) {
|
|
42
|
-
item[last] = value;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
const getter = item => {
|
|
47
|
-
if (!item) {
|
|
48
|
-
return item;
|
|
49
|
-
}
|
|
50
|
-
if (getterIntermediate) {
|
|
51
|
-
item = getterIntermediate(item);
|
|
52
|
-
}
|
|
53
|
-
return item === null || item === void 0 ? void 0 : item[last];
|
|
54
|
-
};
|
|
55
|
-
return {
|
|
56
|
-
key: propertyPath.join(","),
|
|
57
|
-
getter,
|
|
58
|
-
setter
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
function registerEvent(property, changeEvents, editorValuePath) {
|
|
62
|
-
var _a;
|
|
63
|
-
(_a = property.key) !== null && _a !== void 0 ? _a : property.key = property.setter + ":" + property.getter;
|
|
64
|
-
const name = `${property.key}:${changeEvents.join(",")}`;
|
|
65
|
-
if (!handlers[name]) {
|
|
66
|
-
handlers[name] = changeEvents;
|
|
67
|
-
for (const iterator of changeEvents) {
|
|
68
|
-
document.body.addEventListener(iterator, e => {
|
|
69
|
-
setTimeout(() => {
|
|
70
|
-
const ri = getParentRepeaterItem(e.target);
|
|
71
|
-
if (!ri) {
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
const [_, repeater, item] = ri;
|
|
75
|
-
const oldValue = property.getter(item);
|
|
76
|
-
const value = editorValuePath(e.target);
|
|
77
|
-
if (oldValue != value) {
|
|
78
|
-
property.setter(item, value);
|
|
79
|
-
repeater.refreshItem(item);
|
|
80
|
-
}
|
|
81
|
-
}, 1);
|
|
82
|
-
}, true);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
function EditableInput(_a) {
|
|
87
|
-
var {
|
|
88
|
-
propertyPath
|
|
89
|
-
} = _a,
|
|
90
|
-
a = __rest(_a, ["propertyPath"]);
|
|
91
|
-
if (typeof propertyPath === "string" || Array.isArray(propertyPath)) {
|
|
92
|
-
propertyPath = getPropertyInfo(propertyPath);
|
|
93
|
-
}
|
|
94
|
-
registerEvent(propertyPath, ["change", "blur"], item => item.value);
|
|
95
|
-
return XNode.create("input", Object.assign({
|
|
96
|
-
type: "text"
|
|
97
|
-
}, a));
|
|
98
|
-
}
|
|
99
|
-
_export({
|
|
100
|
-
getPropertyInfo: getPropertyInfo,
|
|
101
|
-
EditableInput: EditableInput
|
|
102
|
-
});
|
|
103
|
-
return {
|
|
104
|
-
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
105
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
106
|
-
}, function (_AtomRepeater) {
|
|
107
|
-
getParentRepeaterItem = _AtomRepeater.getParentRepeaterItem;
|
|
108
|
-
}],
|
|
109
|
-
execute: function () {
|
|
110
|
-
__rest = void 0 && (void 0).__rest || function (s, e) {
|
|
111
|
-
var t = {};
|
|
112
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
113
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
114
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
115
|
-
}
|
|
116
|
-
return t;
|
|
117
|
-
};
|
|
118
|
-
handlers = {};
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
});
|
|
1
|
+
System.register(["tslib","@web-atoms/core/dist/core/XNode","./AtomRepeater"],function(_export,_context){"use strict";var __rest,XNode,getParentRepeaterItem,handlers;function getPropertyInfo(propertyPath){if(typeof propertyPath==="string"){return{key:propertyPath,getter:item=>item===null||item===void 0?void 0:item[propertyPath],setter:(item,value)=>{if(item){item[propertyPath]=value;}}};}if(!Array.isArray(propertyPath)){return propertyPath;}const last=propertyPath.pop();let getterIntermediate;if(propertyPath.length>0){getterIntermediate=item=>{if(!item){return item;}for(const iterator of propertyPath){item=item[iterator];if(!item){return item;}}return item;};}const setter=(item,value)=>{if(item){if(getterIntermediate){item=getterIntermediate(item);}if(item){item[last]=value;}}};const getter=item=>{if(!item){return item;}if(getterIntermediate){item=getterIntermediate(item);}return item===null||item===void 0?void 0:item[last];};return{key:propertyPath.join(","),getter,setter};}function registerEvent(property,changeEvents,editorValuePath){var _a;(_a=property.key)!==null&&_a!==void 0?_a:property.key=property.setter+":"+property.getter;const name=`${property.key}:${changeEvents.join(",")}`;if(!handlers[name]){handlers[name]=changeEvents;for(const iterator of changeEvents){document.body.addEventListener(iterator,e=>{setTimeout(()=>{const ri=getParentRepeaterItem(e.target);if(!ri){return;}const[_,repeater,item]=ri;const oldValue=property.getter(item);const value=editorValuePath(e.target);if(oldValue!=value){property.setter(item,value);repeater.refreshItem(item);}},1);},true);}}}function EditableInput(_a){var{propertyPath}=_a,a=__rest(_a,["propertyPath"]);if(typeof propertyPath==="string"||Array.isArray(propertyPath)){propertyPath=getPropertyInfo(propertyPath);}registerEvent(propertyPath,["change","blur"],item=>item.value);return XNode.create("input",Object.assign({type:"text"},a));}_export({getPropertyInfo:getPropertyInfo,EditableInput:EditableInput});return{setters:[function(_tslib){__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_AtomRepeater){getParentRepeaterItem=_AtomRepeater.getParentRepeaterItem;}],execute:function(){handlers={};}};});
|
|
122
2
|
//# sourceMappingURL=Editable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"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","names":["getPropertyInfo","propertyPath","key","getter","item","setter","value","Array","isArray","last","pop","getterIntermediate","length","iterator","join","registerEvent","property","changeEvents","editorValuePath","name","handlers","document","body","addEventListener","e","setTimeout","ri","getParentRepeaterItem","target","_","repeater","oldValue","refreshItem","EditableInput","_a","a","XNode","type"],"sourceRoot":"","sources":["../../src/basic/Editable.tsx"],"sourcesContent":[null]}
|
package/dist/basic/Expander.js
CHANGED
|
@@ -1,140 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/XNode",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var XNode, StyleRule, CSS, __rest;
|
|
5
|
-
function Expander(_a, header, detail) {
|
|
6
|
-
var _b, _c;
|
|
7
|
-
var {
|
|
8
|
-
icon,
|
|
9
|
-
isExpanded
|
|
10
|
-
} = _a,
|
|
11
|
-
a = __rest(_a, ["icon", "isExpanded"]);
|
|
12
|
-
if (!detail) {
|
|
13
|
-
throw new Error("Expander must contain two children, one header and one detail");
|
|
14
|
-
}
|
|
15
|
-
const ha = (_b = header.attributes) !== null && _b !== void 0 ? _b : header.attributes = {};
|
|
16
|
-
const da = (_c = detail.attributes) !== null && _c !== void 0 ? _c : detail.attributes = {};
|
|
17
|
-
ha["data-element"] = "header";
|
|
18
|
-
da["data-element"] = "detail";
|
|
19
|
-
const iconElement = !icon ? [] : (Array.isArray(icon) ? icon : [icon]).map(i => XNode.create("i", {
|
|
20
|
-
"data-element": "icon",
|
|
21
|
-
class: i
|
|
22
|
-
}));
|
|
23
|
-
return XNode.create("div", Object.assign({
|
|
24
|
-
"data-is-expander": "expander",
|
|
25
|
-
"data-is-expanded": isExpanded
|
|
26
|
-
}, a), ...iconElement, header, XNode.create("i", {
|
|
27
|
-
"data-element": "caret",
|
|
28
|
-
class: "fas fa-angle-down"
|
|
29
|
-
}), detail);
|
|
30
|
-
}
|
|
31
|
-
function ExpanderMenu(_a, header, ...details) {
|
|
32
|
-
var _b, _c;
|
|
33
|
-
var {
|
|
34
|
-
icon,
|
|
35
|
-
isExpanded
|
|
36
|
-
} = _a,
|
|
37
|
-
a = __rest(_a, ["icon", "isExpanded"]);
|
|
38
|
-
if (details.length === 0) {
|
|
39
|
-
throw new Error("Expander must contain two children, one header and one detail");
|
|
40
|
-
}
|
|
41
|
-
const ha = (_b = header.attributes) !== null && _b !== void 0 ? _b : header.attributes = {};
|
|
42
|
-
ha["data-element"] = "header";
|
|
43
|
-
let i = 2;
|
|
44
|
-
for (const iterator of details) {
|
|
45
|
-
const ia = (_c = iterator.attributes) !== null && _c !== void 0 ? _c : iterator.attributes = {};
|
|
46
|
-
ia["data-element"] = "detail";
|
|
47
|
-
ia["style-grid-row-start"] = (i++).toString();
|
|
48
|
-
}
|
|
49
|
-
const iconElement = !icon ? [] : (Array.isArray(icon) ? icon : [icon]).map(i => XNode.create("i", {
|
|
50
|
-
"data-element": "icon",
|
|
51
|
-
class: i
|
|
52
|
-
}));
|
|
53
|
-
return XNode.create("div", Object.assign({
|
|
54
|
-
"data-is-expander": "menu",
|
|
55
|
-
"data-is-expanded": isExpanded
|
|
56
|
-
}, a), ...iconElement, header, XNode.create("i", {
|
|
57
|
-
"data-element": "caret",
|
|
58
|
-
class: "fas fa-angle-down"
|
|
59
|
-
}), ...details);
|
|
60
|
-
}
|
|
61
|
-
_export({
|
|
62
|
-
default: Expander,
|
|
63
|
-
ExpanderMenu: ExpanderMenu
|
|
64
|
-
});
|
|
65
|
-
return {
|
|
66
|
-
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
67
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
68
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
69
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
70
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
71
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
72
|
-
}],
|
|
73
|
-
execute: function () {
|
|
74
|
-
__rest = void 0 && (void 0).__rest || function (s, e) {
|
|
75
|
-
var t = {};
|
|
76
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
77
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
78
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
79
|
-
}
|
|
80
|
-
return t;
|
|
81
|
-
};
|
|
82
|
-
CSS(StyleRule().display("grid").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").alignItems("center").child(StyleRule("[data-element=icon]").gridColumnStart("1").gridRowStart("1").padding(5).marginRight(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("2")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("3").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 3").marginTop(5)).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))), "*[data-is-expander=expander]");
|
|
83
|
-
document.body.addEventListener("click", e => {
|
|
84
|
-
var _a;
|
|
85
|
-
if (e.defaultPrevented) {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
let start = e.target;
|
|
89
|
-
while (start) {
|
|
90
|
-
if (/icon|caret|header/.test(start.dataset.element)) {
|
|
91
|
-
break;
|
|
92
|
-
}
|
|
93
|
-
start = start.parentElement;
|
|
94
|
-
}
|
|
95
|
-
start = start === null || start === void 0 ? void 0 : start.parentElement;
|
|
96
|
-
if (!start) {
|
|
97
|
-
return;
|
|
98
|
-
}
|
|
99
|
-
const isExpander = (_a = start.dataset) === null || _a === void 0 ? void 0 : _a.isExpander;
|
|
100
|
-
if (!/^(menu|expander)$/i.test(isExpander)) {
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
const ds = start.dataset;
|
|
104
|
-
if (/menu/i.test(isExpander)) {
|
|
105
|
-
e.preventDefault();
|
|
106
|
-
e.stopImmediatePropagation();
|
|
107
|
-
}
|
|
108
|
-
if (ds.isExpanded === "false") {
|
|
109
|
-
start.dispatchEvent(new CustomEvent("expanded", {
|
|
110
|
-
bubbles: true,
|
|
111
|
-
cancelable: true
|
|
112
|
-
}));
|
|
113
|
-
} else {
|
|
114
|
-
start.dispatchEvent(new CustomEvent("collapsed", {
|
|
115
|
-
bubbles: true,
|
|
116
|
-
cancelable: true
|
|
117
|
-
}));
|
|
118
|
-
}
|
|
119
|
-
}, {
|
|
120
|
-
capture: true
|
|
121
|
-
});
|
|
122
|
-
document.body.addEventListener("expanded", ce => {
|
|
123
|
-
if (ce.defaultPrevented) {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
const target = ce.target;
|
|
127
|
-
target.dataset.isExpanded = "true";
|
|
128
|
-
});
|
|
129
|
-
document.body.addEventListener("collapsed", ce => {
|
|
130
|
-
if (ce.defaultPrevented) {
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
const target = ce.target;
|
|
134
|
-
target.dataset.isExpanded = "false";
|
|
135
|
-
});
|
|
136
|
-
CSS(StyleRule().display("grid").gridTemplateColumns("auto auto 1fr auto").alignItems("center").gap(0).child(StyleRule("[data-element=icon]").gridColumnStart("1").gridColumnEnd("span 2").gridRowStart("1").padding(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("3")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("4").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("2").gridColumnEnd("span 3").paddingLeft(20).paddingTop(5).borderLeftStyle("solid").borderLeftWidth(1).borderLeftColor("var(--border-color, lightgray)").borderTopLeftRadius(0).borderBottomLeftRadius(0).borderBottomWidth(0).borderTopWidth(0).marginTop(0).marginBottom(0).and(StyleRule("[data-selected=true]").fontWeight("bold").borderLeftColor("var(--accent-color, darkgray)").borderLeftWidth("medium"))).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))), "*[data-is-expander=menu]");
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
});
|
|
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;function Expander(_a,header,detail){var _b,_c;var{icon,isExpanded}=_a,a=__rest(_a,["icon","isExpanded"]);if(!detail){throw new Error("Expander must contain two children, one header and one detail");}const ha=(_b=header.attributes)!==null&&_b!==void 0?_b:header.attributes={};const da=(_c=detail.attributes)!==null&&_c!==void 0?_c:detail.attributes={};ha["data-element"]="header";da["data-element"]="detail";const iconElement=!icon?[]:(Array.isArray(icon)?icon:[icon]).map(i=>XNode.create("i",{"data-element":"icon",class:i}));return XNode.create("div",Object.assign({"data-is-expander":"expander","data-is-expanded":isExpanded},a),...iconElement,header,XNode.create("i",{"data-element":"caret",class:"fas fa-angle-down"}),detail);}function ExpanderMenu(_a,header,...details){var _b,_c;var{icon,isExpanded}=_a,a=__rest(_a,["icon","isExpanded"]);if(details.length===0){throw new Error("Expander must contain two children, one header and one detail");}const ha=(_b=header.attributes)!==null&&_b!==void 0?_b:header.attributes={};ha["data-element"]="header";let i=2;for(const iterator of details){const ia=(_c=iterator.attributes)!==null&&_c!==void 0?_c:iterator.attributes={};ia["data-element"]="detail";ia["style-grid-row-start"]=(i++).toString();}const iconElement=!icon?[]:(Array.isArray(icon)?icon:[icon]).map(i=>XNode.create("i",{"data-element":"icon",class:i}));return XNode.create("div",Object.assign({"data-is-expander":"menu","data-is-expanded":isExpanded},a),...iconElement,header,XNode.create("i",{"data-element":"caret",class:"fas fa-angle-down"}),...details);}_export({default:Expander,ExpanderMenu:ExpanderMenu});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(StyleRule().display("grid").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").alignItems("center").child(StyleRule("[data-element=icon]").gridColumnStart("1").gridRowStart("1").padding(5).marginRight(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("2")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("3").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 3").marginTop(5)).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))),"*[data-is-expander=expander]");document.body.addEventListener("click",e=>{var _a;if(e.defaultPrevented){return;}let start=e.target;while(start){if(/icon|caret|header/.test(start.dataset.element)){break;}start=start.parentElement;}start=start===null||start===void 0?void 0:start.parentElement;if(!start){return;}const isExpander=(_a=start.dataset)===null||_a===void 0?void 0:_a.isExpander;if(!/^(menu|expander)$/i.test(isExpander)){return;}const ds=start.dataset;if(/menu/i.test(isExpander)){e.preventDefault();e.stopImmediatePropagation();}if(ds.isExpanded==="false"){start.dispatchEvent(new CustomEvent("expanded",{bubbles:true,cancelable:true}));}else{start.dispatchEvent(new CustomEvent("collapsed",{bubbles:true,cancelable:true}));}},{capture:true});document.body.addEventListener("expanded",ce=>{if(ce.defaultPrevented){return;}const target=ce.target;target.dataset.isExpanded="true";});document.body.addEventListener("collapsed",ce=>{if(ce.defaultPrevented){return;}const target=ce.target;target.dataset.isExpanded="false";});CSS(StyleRule().display("grid").gridTemplateColumns("auto auto 1fr auto").alignItems("center").gap(0).child(StyleRule("[data-element=icon]").gridColumnStart("1").gridColumnEnd("span 2").gridRowStart("1").padding(5).alignSelf("center").justifySelf("center")).child(StyleRule("[data-element=header]").gridRowStart("1").gridColumnStart("3")).child(StyleRule("[data-element=caret]").gridRowStart("1").gridColumnStart("4").padding(5).marginLeft(5)).child(StyleRule("[data-element=detail]").gridRowStart("2").gridColumnStart("2").gridColumnEnd("span 3").paddingLeft(20).paddingTop(5).borderLeftStyle("solid").borderLeftWidth(1).borderLeftColor("var(--border-color, lightgray)").borderTopLeftRadius(0).borderBottomLeftRadius(0).borderBottomWidth(0).borderTopWidth(0).marginTop(0).marginBottom(0).and(StyleRule("[data-selected=true]").fontWeight("bold").borderLeftColor("var(--accent-color, darkgray)").borderLeftWidth("medium"))).and(StyleRule("[data-is-expanded=true]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-180deg)").transition("transform 150ms ease").transformOrigin("center center"))).and(StyleRule("[data-is-expanded=false]").child(StyleRule("[data-element=caret]").overflow("hidden").transform("rotate(-360deg)").transformOrigin("center center").transition("transform 150ms ease")).child(StyleRule("*[data-element=detail]").display("none"))),"*[data-is-expander=menu]");}};});
|
|
140
2
|
//# sourceMappingURL=Expander.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"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","names":["Expander","_a","header","detail","icon","isExpanded","a","Error","ha","attributes","da","iconElement","Array","isArray","map","i","XNode","class","ExpanderMenu","details","length","iterator","ia","toString","StyleRule","CSS","display","gridTemplateRows","gridTemplateColumns","alignItems","child","gridColumnStart","gridRowStart","padding","marginRight","alignSelf","justifySelf","marginLeft","gridColumnEnd","marginTop","and","overflow","transform","transition","transformOrigin","document","body","addEventListener","e","defaultPrevented","start","target","test","dataset","element","parentElement","isExpander","ds","preventDefault","stopImmediatePropagation","dispatchEvent","CustomEvent","bubbles","cancelable","capture","ce","gap","paddingLeft","paddingTop","borderLeftStyle","borderLeftWidth","borderLeftColor","borderTopLeftRadius","borderBottomLeftRadius","borderBottomWidth","borderTopWidth","marginBottom","fontWeight"],"sourceRoot":"","sources":["../../src/basic/Expander.tsx"],"sourcesContent":[null]}
|