@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,70 +1,77 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
class CheckBoxList extends AtomRepeater_1.default {
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var BindableProperty, Colors, XNode, StyleRule, CSS, AtomRepeater, CheckBoxList, __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().flexLayout({
|
|
32
|
+
inline: true,
|
|
33
|
+
justifyContent: "flex-start"
|
|
34
|
+
}).flexFlow("wrap"), "div[data-checkbox-list=checkbox-list]");
|
|
35
|
+
CSS(StyleRule().flexLayout({
|
|
36
|
+
justifyContent: "flex-start"
|
|
37
|
+
}).marginRight(5).child(StyleRule("span").cursor("pointer")).and(StyleRule("[data-selected-item=true]").color(Colors.blue)).displayNone("[data-selected-item=true] > i.far").displayNone("[data-selected-item=false] > i.fas"), "div[data-item-type=checkbox]");
|
|
38
|
+
_export("default", CheckBoxList = class CheckBoxList extends AtomRepeater {
|
|
40
39
|
preCreate() {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
40
|
+
super.preCreate();
|
|
41
|
+
this.element.dataset.checkboxList = "checkbox-list";
|
|
42
|
+
this.bindEvent(this.element, "itemClick", e => {
|
|
43
|
+
const s = this.selectedItems;
|
|
44
|
+
if (!s) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
const item = e.detail;
|
|
48
|
+
if (s.indexOf(item) === -1) {
|
|
49
|
+
s.add(item);
|
|
50
|
+
this.element.dispatchEvent(new CustomEvent("itemSelect", {
|
|
51
|
+
detail: item,
|
|
52
|
+
bubbles: false
|
|
53
|
+
}));
|
|
54
|
+
} else {
|
|
55
|
+
this.element.dispatchEvent(new CustomEvent("itemDeselect", {
|
|
56
|
+
detail: item,
|
|
57
|
+
bubbles: false
|
|
58
|
+
}));
|
|
59
|
+
s.remove(item);
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
this.itemRenderer = item => XNode.create("div", {
|
|
63
|
+
"data-item-type": "checkbox"
|
|
64
|
+
}, XNode.create("i", {
|
|
65
|
+
class: "far fa-square"
|
|
66
|
+
}), XNode.create("i", {
|
|
67
|
+
class: "fas fa-check-square"
|
|
68
|
+
}), XNode.create("span", {
|
|
69
|
+
text: item.label
|
|
70
|
+
}));
|
|
62
71
|
}
|
|
72
|
+
});
|
|
73
|
+
__decorate([BindableProperty, __metadata("design:type", Object)], CheckBoxList.prototype, "labelPath", void 0);
|
|
63
74
|
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
__metadata("design:type", Object)
|
|
67
|
-
], CheckBoxList.prototype, "labelPath", void 0);
|
|
68
|
-
exports.default = CheckBoxList;
|
|
69
|
-
});
|
|
75
|
+
};
|
|
76
|
+
});
|
|
70
77
|
//# sourceMappingURL=CheckBoxList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;qEAyBqBA,YAAa;EAAA;EAAA;IAAA;MAzBzBC,gBAAgB,yCAAhBA,gBAAgB;IAAA;MAClBC,MAAM;IAAA;MACNC,KAAK;IAAA;MACLC,SAAS;IAAA;MACTC,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,uCAAuC,CAAC;MAExCL,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,mCAAmC,CAAC,CAChDA,WAAW,CAAC,oCAAoC,CAAC,EACpD,8BAA8B,CAAC;MAAC,mBAEbjB,YAAa,GAApB,MAAOA,YAAa,SAAQM,YAAY;QAKxCY,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,YAAY,GAAG,eAAe;UACnD,IAAI,CAACC,SAAS,CAAC,IAAI,CAACH,OAAO,EAAE,WAAW,EAAGI,CAAc,IAAI;YACzD,MAAMC,CAAC,GAAG,IAAI,CAACC,aAAa;YAC5B,IAAI,CAACD,CAAC,EAAE;cACJ;;YAEJ,MAAME,IAAI,GAAGH,CAAC,CAACI,MAAM;YACrB,IAAIH,CAAC,CAACI,OAAO,CAACF,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;cACxBF,CAAC,CAACK,GAAG,CAACH,IAAI,CAAC;cACX,IAAI,CAACP,OAAO,CAACW,aAAa,CAAC,IAAIC,WAAW,CAAC,YAAY,EAAE;gBAAEJ,MAAM,EAAED,IAAI;gBAAEM,OAAO,EAAE;cAAK,CAAE,CAAC,CAAC;aAC9F,MAAM;cACH,IAAI,CAACb,OAAO,CAACW,aAAa,CAAC,IAAIC,WAAW,CAAC,cAAc,EAAE;gBAAEJ,MAAM,EAAED,IAAI;gBAAEM,OAAO,EAAE;cAAK,CAAE,CAAC,CAAC;cAC7FR,CAAC,CAACS,MAAM,CAACP,IAAI,CAAC;;UAEtB,CAAC,CAAC;UAEF,IAAI,CAACQ,YAAY,GAAIR,IAAI,IAAKvB;YAAA,kBAAoB;UAAU,GACxDA;YAAGgC,KAAK,EAAC;UAAe,EAAE,EAC1BhC;YAAGgC,KAAK,EAAC;UAAqB,EAAE,EAChChC;YAAMiC,IAAI,EAAEV,IAAI,CAACW;UAAK,EAAG,CACvB;QACV;OAEH;MA5BGC,YAACrC,gBAAgB,kFACA;IAAA;EAAA;AAAA","names":["CheckBoxList","BindableProperty","Colors","XNode","StyleRule","CSS","AtomRepeater","flexLayout","inline","justifyContent","flexFlow","marginRight","child","cursor","and","color","blue","displayNone","preCreate","element","dataset","checkboxList","bindEvent","e","s","selectedItems","item","detail","indexOf","add","dispatchEvent","CustomEvent","bubbles","remove","itemRenderer","class","text","label","__decorate"],"sourceRoot":"","sources":["../../src/basic/CheckBoxList.tsx"],"sourcesContent":[null]}
|
package/dist/basic/Checkbox.js
CHANGED
|
@@ -1,39 +1,32 @@
|
|
|
1
|
-
(function (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var XNode, StyleRule, CSS, css;
|
|
5
|
+
function Checkbox({
|
|
6
|
+
checked,
|
|
7
|
+
text
|
|
8
|
+
}) {
|
|
9
|
+
return XNode.create("div", {
|
|
10
|
+
class: css
|
|
11
|
+
}, XNode.create("label", null, XNode.create("input", {
|
|
12
|
+
type: "checkbox",
|
|
13
|
+
checked: checked
|
|
14
|
+
}), XNode.create("span", {
|
|
15
|
+
text: text
|
|
16
|
+
})));
|
|
17
|
+
}
|
|
18
|
+
_export("default", Checkbox);
|
|
19
|
+
return {
|
|
20
|
+
setters: [function (_webAtomsCoreDistCoreXNode) {
|
|
21
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
22
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
23
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
24
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
25
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
26
|
+
}],
|
|
27
|
+
execute: function () {
|
|
28
|
+
css = CSS(StyleRule("check-box").display("inline-block").child(StyleRule("label").display("flex").paddingLeft(5).paddingRight(5).child(StyleRule("input[type=checkbox]").borderRadius(3).margin(0).padding(0).alignSelf("center")).child(StyleRule("span").alignSelf("center").whiteSpace("nowrap").marginLeft(5).flexStretch())));
|
|
5
29
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
})(function (require, exports) {
|
|
10
|
-
"use strict";
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
13
|
-
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
14
|
-
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
15
|
-
const css = (0, CSS_1.default)((0, StyleRule_1.default)("check-box")
|
|
16
|
-
.display("inline-block")
|
|
17
|
-
.child((0, StyleRule_1.default)("label")
|
|
18
|
-
.display("flex")
|
|
19
|
-
.paddingLeft(5)
|
|
20
|
-
.paddingRight(5)
|
|
21
|
-
.child((0, StyleRule_1.default)("input[type=checkbox]")
|
|
22
|
-
.borderRadius(3)
|
|
23
|
-
.margin(0)
|
|
24
|
-
.padding(0)
|
|
25
|
-
.alignSelf("center"))
|
|
26
|
-
.child((0, StyleRule_1.default)("span")
|
|
27
|
-
.alignSelf("center")
|
|
28
|
-
.whiteSpace("nowrap")
|
|
29
|
-
.marginLeft(5)
|
|
30
|
-
.flexStretch())));
|
|
31
|
-
function Checkbox({ checked, text }) {
|
|
32
|
-
return XNode_1.default.create("div", { class: css },
|
|
33
|
-
XNode_1.default.create("label", null,
|
|
34
|
-
XNode_1.default.create("input", { type: "checkbox", checked: checked }),
|
|
35
|
-
XNode_1.default.create("span", { text: text })));
|
|
36
|
-
}
|
|
37
|
-
exports.default = Checkbox;
|
|
38
|
-
});
|
|
30
|
+
};
|
|
31
|
+
});
|
|
39
32
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;EA+Bc,SAAUA,QAAQ,CAAC;IAC7BC,OAAO;IACPC;EAAI,CAIP;IACG,OAAOC;MAAKC,KAAK,EAAEC;IAAG,GAClBF,4BACIA;MACIG,IAAI,EAAC,UAAU;MACfL,OAAO,EAAEA;IAAO,EAAG,EACvBE;MACID,IAAI,EAAEA;IAAI,EAAS,CACnB,CACN;EACV;EAAC,mBAhBuBF,QAAQ;EAAA;IAAA;MA9BzBG,KAAK;IAAA;MACLI,SAAS;IAAA;MACTC,GAAG;IAAA;IAAA;MAEJH,GAAG,GAAGG,GAAG,CACXD,SAAS,CAAC,WAAW,CAAC,CACrBE,OAAO,CAAC,cAAc,CAAC,CACvBC,KAAK,CACFH,SAAS,CAAC,OAAO,CAAC,CACjBE,OAAO,CAAC,MAAM,CAAC,CACfE,WAAW,CAAC,CAAC,CAAC,CACdC,YAAY,CAAC,CAAC,CAAC,CACfF,KAAK,CAEFH,SAAS,CAAC,sBAAsB,CAAC,CAChCM,YAAY,CAAC,CAAC,CAAC,CACfC,MAAM,CAAC,CAAC,CAAC,CACTC,OAAO,CAAC,CAAC,CAAC,CACVC,SAAS,CAAC,QAAQ,CAAC,CACvB,CACAN,KAAK,CACFH,SAAS,CAAC,MAAM,CAAC,CAChBS,SAAS,CAAC,QAAQ,CAAC,CACnBC,UAAU,CAAC,QAAQ,CAAC,CACpBC,UAAU,CAAC,CAAC,CAAC,CACbC,WAAW,EAAE,CAEjB,CAAC,CACT;IAAA;EAAA;AAAA","names":["Checkbox","checked","text","XNode","class","css","type","StyleRule","CSS","display","child","paddingLeft","paddingRight","borderRadius","margin","padding","alignSelf","whiteSpace","marginLeft","flexStretch"],"sourceRoot":"","sources":["../../src/basic/Checkbox.tsx"],"sourcesContent":[null]}
|
package/dist/basic/Chip.js
CHANGED
|
@@ -1,78 +1,54 @@
|
|
|
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 Chip({
|
|
6
|
+
icon,
|
|
7
|
+
label,
|
|
8
|
+
header,
|
|
9
|
+
deleteIcon = "fa-solid fa-xmark",
|
|
10
|
+
undoDeleteIcon = "fa-solid fa-undo",
|
|
11
|
+
draggable,
|
|
12
|
+
recreate = true,
|
|
13
|
+
deleted
|
|
14
|
+
}, ...nodes) {
|
|
15
|
+
return XNode.create("div", {
|
|
16
|
+
"data-recreate": recreate,
|
|
17
|
+
"data-deleted": !!deleted,
|
|
18
|
+
"data-item-chip": "chip",
|
|
19
|
+
draggable: draggable
|
|
20
|
+
}, icon && XNode.create("i", {
|
|
21
|
+
class: "icon " + icon
|
|
22
|
+
}), header && XNode.create("label", {
|
|
23
|
+
class: "header",
|
|
24
|
+
text: header
|
|
25
|
+
}), label && XNode.create("label", {
|
|
26
|
+
class: "label",
|
|
27
|
+
text: label
|
|
28
|
+
}), ...nodes, deleted && XNode.create("div", {
|
|
29
|
+
class: "delete-strike"
|
|
30
|
+
}), undoDeleteIcon && deleted && XNode.create("i", {
|
|
31
|
+
class: "undo delete " + undoDeleteIcon,
|
|
32
|
+
"data-click-event": "undo-remove-chip"
|
|
33
|
+
}), deleteIcon && !deleted && XNode.create("i", {
|
|
34
|
+
class: "delete " + deleteIcon,
|
|
35
|
+
"data-click-event": "remove-chip"
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
_export("default", Chip);
|
|
39
|
+
return {
|
|
40
|
+
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
41
|
+
Colors = _webAtomsCoreDistCoreColors.default;
|
|
42
|
+
}, function (_webAtomsCoreDistCoreXNode) {
|
|
43
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
44
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
45
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
46
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
47
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
48
|
+
}],
|
|
49
|
+
execute: function () {
|
|
50
|
+
CSS(StyleRule().padding(1).paddingLeft(5).paddingRight(5).borderRadius(10).display("grid").alignItems("center").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").child(StyleRule("[data-content]").gridRowStart("2").gridColumnStart("2")).child(StyleRule(".icon").gridColumnStart("1").gridRowStart("1").gridRowEnd("span 2").padding(2).paddingRight(4).alignSelf("center")).child(StyleRule(".delete").gridColumnStart("3").gridRowStart("1").gridRowEnd("span 2").alignSelf("center").fontSize("small").backgroundColor(Colors.transparent).borderRadius(4).padding(2).paddingLeft(4).color(Colors.gray).hover(StyleRule().backgroundColor(Colors.lightGray).color(Colors.red))).child(StyleRule(".header").fontSize("x-small").gridRowStart("1").gridColumnStart("2")).child(StyleRule(".label").gridRowStart("2").gridColumnStart("2")).child(StyleRule(".delete-strike").gridRow("1 / span 2").gridColumn("1 / span 2").height(2).backgroundColor(Colors.red).alignSelf("center")).and(StyleRule("[data-deleted=false] > .delete-strike").display("none")).and(StyleRule("[data-deleted=true]").border("solid 1px red").backgroundImage(`url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>")`)), "*[data-item-chip]");
|
|
5
51
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
})(function (require, exports) {
|
|
10
|
-
"use strict";
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
const Colors_1 = require("@web-atoms/core/dist/core/Colors");
|
|
13
|
-
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
14
|
-
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
15
|
-
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
16
|
-
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
17
|
-
.padding(1)
|
|
18
|
-
.paddingLeft(5)
|
|
19
|
-
.paddingRight(5)
|
|
20
|
-
.borderRadius(10)
|
|
21
|
-
.display("grid")
|
|
22
|
-
.alignItems("center")
|
|
23
|
-
.gridTemplateRows("auto 1fr")
|
|
24
|
-
.gridTemplateColumns("auto 1fr auto")
|
|
25
|
-
.child((0, StyleRule_1.default)("[data-content]")
|
|
26
|
-
.gridRowStart("2")
|
|
27
|
-
.gridColumnStart("2"))
|
|
28
|
-
.child((0, StyleRule_1.default)(".icon")
|
|
29
|
-
.gridColumnStart("1")
|
|
30
|
-
.gridRowStart("1")
|
|
31
|
-
.gridRowEnd("span 2")
|
|
32
|
-
.padding(2)
|
|
33
|
-
.paddingRight(4)
|
|
34
|
-
.alignSelf("center"))
|
|
35
|
-
.child((0, StyleRule_1.default)(".delete")
|
|
36
|
-
.gridColumnStart("3")
|
|
37
|
-
.gridRowStart("1")
|
|
38
|
-
.gridRowEnd("span 2")
|
|
39
|
-
.alignSelf("center")
|
|
40
|
-
.fontSize("small")
|
|
41
|
-
.backgroundColor(Colors_1.default.transparent)
|
|
42
|
-
.borderRadius(4)
|
|
43
|
-
.padding(2)
|
|
44
|
-
.paddingLeft(4)
|
|
45
|
-
.color(Colors_1.default.gray)
|
|
46
|
-
.hover((0, StyleRule_1.default)()
|
|
47
|
-
.backgroundColor(Colors_1.default.lightGray)
|
|
48
|
-
.color(Colors_1.default.red)))
|
|
49
|
-
.child((0, StyleRule_1.default)(".header")
|
|
50
|
-
.fontSize("x-small")
|
|
51
|
-
.gridRowStart("1")
|
|
52
|
-
.gridColumnStart("2"))
|
|
53
|
-
.child((0, StyleRule_1.default)(".label")
|
|
54
|
-
.gridRowStart("2")
|
|
55
|
-
.gridColumnStart("2"))
|
|
56
|
-
.child((0, StyleRule_1.default)(".delete-strike")
|
|
57
|
-
.gridRow("1 / span 2")
|
|
58
|
-
.gridColumn("1 / span 2")
|
|
59
|
-
.height(2)
|
|
60
|
-
.backgroundColor(Colors_1.default.red)
|
|
61
|
-
.alignSelf("center"))
|
|
62
|
-
.and((0, StyleRule_1.default)("[data-deleted=false] > .delete-strike")
|
|
63
|
-
.display("none")).and((0, StyleRule_1.default)("[data-deleted=true]")
|
|
64
|
-
.border("solid 1px red")
|
|
65
|
-
.backgroundImage(`url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>")`)), "*[data-item-chip]");
|
|
66
|
-
function Chip({ icon, label, header, deleteIcon = "fa-solid fa-xmark", undoDeleteIcon = "fa-solid fa-undo", draggable, recreate = true, deleted, }, ...nodes) {
|
|
67
|
-
return XNode_1.default.create("div", { "data-recreate": recreate, "data-deleted": !!deleted, "data-item-chip": "chip", draggable: draggable },
|
|
68
|
-
icon && XNode_1.default.create("i", { class: "icon " + icon }),
|
|
69
|
-
header && XNode_1.default.create("label", { class: "header", text: header }),
|
|
70
|
-
label && XNode_1.default.create("label", { class: "label", text: label }),
|
|
71
|
-
...nodes,
|
|
72
|
-
deleted && XNode_1.default.create("div", { class: "delete-strike" }),
|
|
73
|
-
undoDeleteIcon && deleted && XNode_1.default.create("i", { class: "undo delete " + undoDeleteIcon, "data-click-event": "undo-remove-chip" }),
|
|
74
|
-
deleteIcon && !deleted && XNode_1.default.create("i", { class: "delete " + deleteIcon, "data-click-event": "remove-chip" }));
|
|
75
|
-
}
|
|
76
|
-
exports.default = Chip;
|
|
77
|
-
});
|
|
52
|
+
};
|
|
53
|
+
});
|
|
78
54
|
//# sourceMappingURL=Chip.js.map
|
package/dist/basic/Chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","names":["Chip","icon","label","header","deleteIcon","undoDeleteIcon","draggable","recreate","deleted","nodes","XNode","class","text","Colors","StyleRule","CSS","padding","paddingLeft","paddingRight","borderRadius","display","alignItems","gridTemplateRows","gridTemplateColumns","child","gridRowStart","gridColumnStart","gridRowEnd","alignSelf","fontSize","backgroundColor","transparent","color","gray","hover","lightGray","red","gridRow","gridColumn","height","and","border","backgroundImage"],"sourceRoot":"","sources":["../../src/basic/Chip.tsx"],"sourcesContent":[null]}
|
package/dist/basic/ComboBox.js
CHANGED
|
@@ -1,83 +1,88 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "./AtomRepeater"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var BindableProperty, XNode, AtomRepeater, ComboBox, __decorate, __metadata;
|
|
5
|
+
_export("default", void 0);
|
|
6
|
+
return {
|
|
7
|
+
setters: [function (_webAtomsCoreDistCoreBindableProperty) {
|
|
8
|
+
BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
|
|
9
|
+
}, function (_webAtomsCoreDistCoreXNode) {
|
|
10
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
11
|
+
}, function (_AtomRepeater) {
|
|
12
|
+
AtomRepeater = _AtomRepeater.default;
|
|
13
|
+
}],
|
|
14
|
+
execute: function () {
|
|
15
|
+
__decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
|
|
16
|
+
var c = arguments.length,
|
|
17
|
+
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
18
|
+
d;
|
|
19
|
+
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;
|
|
20
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
21
|
+
};
|
|
22
|
+
__metadata = void 0 && (void 0).__metadata || function (k, v) {
|
|
23
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
24
|
+
};
|
|
25
|
+
_export("default", ComboBox = class ComboBox extends AtomRepeater {
|
|
25
26
|
constructor(app, e = document.createElement("select")) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
super(app, e);
|
|
28
|
+
this.isChanging = false;
|
|
29
|
+
this.selectedItems = [];
|
|
29
30
|
}
|
|
30
31
|
updateItems(container) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
32
|
+
var _a, _b;
|
|
33
|
+
if (this.isChanging) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
super.updateItems(container);
|
|
37
|
+
const selectedItems = this.selectedItems;
|
|
38
|
+
if (!selectedItems) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
if (selectedItems.length === 0) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
this.isChanging = true;
|
|
45
|
+
const first = selectedItems[0];
|
|
46
|
+
this.element.selectedIndex = (_b = (_a = this.items) === null || _a === void 0 ? void 0 : _a.indexOf(first)) !== null && _b !== void 0 ? _b : -1;
|
|
47
|
+
this.isChanging = false;
|
|
47
48
|
}
|
|
48
49
|
updateClasses() {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
if (this.isChanging) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
super.updateClasses();
|
|
54
|
+
this.updateItems();
|
|
54
55
|
}
|
|
55
56
|
preCreate() {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
super.preCreate();
|
|
58
|
+
this.labelPath = item => {
|
|
59
|
+
var _a;
|
|
60
|
+
return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item.toString();
|
|
61
|
+
};
|
|
62
|
+
this.valuePath = item => {
|
|
63
|
+
var _a;
|
|
64
|
+
return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item.toString();
|
|
65
|
+
};
|
|
66
|
+
this.itemRenderer = item => XNode.create("option", null, this.labelPath(item));
|
|
67
|
+
this.bindEvent(this.element, "change", () => this.changeSelection());
|
|
61
68
|
}
|
|
62
69
|
changeSelection() {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
70
|
+
if (this.isChanging) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
this.isChanging = true;
|
|
74
|
+
const index = this.element.selectedIndex;
|
|
75
|
+
if (index !== -1) {
|
|
76
|
+
const si = this.selectedItems;
|
|
77
|
+
if (si) {
|
|
78
|
+
si.set(0, this.items[index]);
|
|
73
79
|
}
|
|
74
|
-
|
|
80
|
+
}
|
|
81
|
+
this.isChanging = false;
|
|
75
82
|
}
|
|
83
|
+
});
|
|
84
|
+
__decorate([BindableProperty, __metadata("design:type", Object)], ComboBox.prototype, "labelPath", void 0);
|
|
76
85
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
__metadata("design:type", Object)
|
|
80
|
-
], ComboBox.prototype, "labelPath", void 0);
|
|
81
|
-
exports.default = ComboBox;
|
|
82
|
-
});
|
|
86
|
+
};
|
|
87
|
+
});
|
|
83
88
|
//# sourceMappingURL=ComboBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;6CAIqBA,QAAS;EAAA;EAAA;IAAA;MAJrBC,gBAAgB,yCAAhBA,gBAAgB;IAAA;MAClBC,KAAK;IAAA;MACLC,YAAY;IAAA;IAAA;;;;;;;;;;;yBAEEH,QAAS,GAAhB,MAAOA,QAAS,SAAQG,YAAY;QAO9CC,YAAYC,GAAG,EAAEC,CAAC,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;UACjD,KAAK,CAACH,GAAG,EAAEC,CAAC,CAAC;UAHT,eAAU,GAAG,KAAK;UAItB,IAAI,CAACG,aAAa,GAAG,EAAE;QAC3B;QAEOC,WAAW,CAACC,SAAuB;;UACtC,IAAI,IAAI,CAACC,UAAU,EAAE;YACjB;;UAEJ,KAAK,CAACF,WAAW,CAACC,SAAS,CAAC;UAC5B,MAAMF,aAAa,GAAG,IAAI,CAACA,aAAa;UACxC,IAAI,CAACA,aAAa,EAAE;YAChB;;UAEJ,IAAIA,aAAa,CAACI,MAAM,KAAK,CAAC,EAAE;YAC5B;;UAEJ,IAAI,CAACD,UAAU,GAAG,IAAI;UACtB,MAAME,KAAK,GAAGL,aAAa,CAAC,CAAC,CAAC;UAC7B,IAAI,CAACM,OAA6B,CAACC,aAAa,GAAG,gBAAI,CAACC,KAAK,0CAAEC,OAAO,CAACJ,KAAK,CAAC,mCAAI,CAAC,CAAC;UACpF,IAAI,CAACF,UAAU,GAAG,KAAK;QAC3B;QAEUO,aAAa;UACnB,IAAI,IAAI,CAACP,UAAU,EAAE;YACjB;;UAEJ,KAAK,CAACO,aAAa,EAAE;UACrB,IAAI,CAACT,WAAW,EAAE;QACtB;QAEUU,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAACC,SAAS,GAAIC,IAAI,IAAI;YAAA;YAAC,iBAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,KAAK,mCAAID,IAAI,CAACE,QAAQ,EAAE;UAAA;UACzD,IAAI,CAACC,SAAS,GAAIH,IAAI,IAAI;YAAA;YAAC,iBAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,KAAK,mCAAIJ,IAAI,CAACE,QAAQ,EAAE;UAAA;UACzD,IAAI,CAACG,YAAY,GAAIL,IAAI,IAAKpB,6BAAS,IAAI,CAACmB,SAAS,CAACC,IAAI,CAAC,CAAU;UAErE,IAAI,CAACM,SAAS,CAAC,IAAI,CAACb,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAACc,eAAe,EAAE,CAAC;QACxE;QAEUA,eAAe;UACrB,IAAI,IAAI,CAACjB,UAAU,EAAE;YACjB;;UAEJ,IAAI,CAACA,UAAU,GAAG,IAAI;UACtB,MAAMkB,KAAK,GAAI,IAAI,CAACf,OAA6B,CAACC,aAAa;UAC/D,IAAIc,KAAK,KAAK,CAAC,CAAC,EAAE;YACd,MAAMC,EAAE,GAAG,IAAI,CAACtB,aAAa;YAC7B,IAAIsB,EAAE,EAAE;cACJA,EAAE,CAACC,GAAG,CAAC,CAAC,EAAE,IAAI,CAACf,KAAK,CAACa,KAAK,CAAC,CAAC;;;UAGpC,IAAI,CAAClB,UAAU,GAAG,KAAK;QAC3B;OAEH;MA5DGqB,YAAChC,gBAAgB,8EACK;IAAA;EAAA;AAAA","names":["ComboBox","BindableProperty","XNode","AtomRepeater","constructor","app","e","document","createElement","selectedItems","updateItems","container","isChanging","length","first","element","selectedIndex","items","indexOf","updateClasses","preCreate","labelPath","item","label","toString","valuePath","value","itemRenderer","bindEvent","changeSelection","index","si","set","__decorate"],"sourceRoot":"","sources":["../../src/basic/ComboBox.tsx"],"sourcesContent":[null]}
|