@web-atoms/web-controls 2.1.74 → 2.1.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/basic/AtomRepeater.d.ts +59 -0
- package/dist/basic/AtomRepeater.d.ts.map +1 -0
- package/dist/basic/AtomRepeater.js +379 -0
- package/dist/basic/AtomRepeater.js.map +1 -0
- package/dist/basic/CheckBoxList.d.ts +6 -0
- package/dist/basic/CheckBoxList.d.ts.map +1 -0
- package/dist/basic/CheckBoxList.js +70 -0
- package/dist/basic/CheckBoxList.js.map +1 -0
- package/dist/basic/FormField.d.ts.map +1 -1
- package/dist/basic/FormField.js +8 -16
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/RadioButtonList.d.ts +5 -0
- package/dist/basic/RadioButtonList.d.ts.map +1 -0
- package/dist/basic/RadioButtonList.js +55 -0
- package/dist/basic/RadioButtonList.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/basic/AtomRepeater.tsx +402 -0
- package/src/basic/CheckBoxList.tsx +56 -0
- package/src/basic/FormField.tsx +7 -19
- package/src/basic/RadioButtonList.tsx +56 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import XNode from "@web-atoms/core/dist/core/XNode";
|
|
2
|
+
import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
|
|
3
|
+
export declare type Match<T> = (text: string) => (item: T) => boolean;
|
|
4
|
+
export declare type IAskSuggestion<T> = (items: T[], itemRenderer: (item: T) => XNode, match: Match<T>) => any;
|
|
5
|
+
export declare const MatchTrue: (...a: any[]) => boolean;
|
|
6
|
+
export declare const MatchFalse: (...a: any[]) => boolean;
|
|
7
|
+
export declare const ArrowToString: (item: any) => any;
|
|
8
|
+
export declare const MatchCaseInsensitive: (textField?: (item: any) => string) => (s: string) => (item: any) => boolean;
|
|
9
|
+
export declare const SameObjectValue: (item: any) => any;
|
|
10
|
+
/**
|
|
11
|
+
* Asks user for selecting item from given suggestions
|
|
12
|
+
* @param items items to display
|
|
13
|
+
* @param itemRenderer render function
|
|
14
|
+
* @param match search match
|
|
15
|
+
* @returns selected item
|
|
16
|
+
*/
|
|
17
|
+
export declare function askSuggestion<T>(items: T[], itemRenderer: (item: T) => XNode, match: Match<T>): Promise<T>;
|
|
18
|
+
export interface ISelectorCheckBox {
|
|
19
|
+
text?: string;
|
|
20
|
+
iconSelected?: string;
|
|
21
|
+
icon?: string;
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
}
|
|
24
|
+
export declare function SelectorCheckBox({ text, icon, iconSelected, ...a }: ISelectorCheckBox, ...nodes: XNode[]): any;
|
|
25
|
+
export default class AtomRepeater extends AtomControl {
|
|
26
|
+
"event-item-click"?: (e: CustomEvent) => void;
|
|
27
|
+
"event-item-select"?: (e: CustomEvent) => void;
|
|
28
|
+
"event-item-deselect"?: (e: CustomEvent) => void;
|
|
29
|
+
allowMultipleSelection: boolean;
|
|
30
|
+
selectedItems: any[];
|
|
31
|
+
itemsPresenter: any;
|
|
32
|
+
items: any[];
|
|
33
|
+
visibilityFilter: (item: any) => boolean;
|
|
34
|
+
itemRenderer: (item: any) => XNode;
|
|
35
|
+
valuePath: (a: any) => any;
|
|
36
|
+
get value(): any;
|
|
37
|
+
set value(v: any);
|
|
38
|
+
get selectedItem(): any;
|
|
39
|
+
set selectedItem(value: any);
|
|
40
|
+
private initialValue;
|
|
41
|
+
private itemsDisposable;
|
|
42
|
+
private selectedItemsDisposable;
|
|
43
|
+
onPropertyChanged(name: string): void;
|
|
44
|
+
forEach<T>(action: (item: T, element: HTMLElement) => void, container?: HTMLElement): void;
|
|
45
|
+
any(fx?: (item: any) => boolean, itemSelector?: string, container?: HTMLElement): Generator<{
|
|
46
|
+
item: any;
|
|
47
|
+
element: HTMLElement;
|
|
48
|
+
}, void, unknown>;
|
|
49
|
+
all(container?: HTMLElement): Generator<{
|
|
50
|
+
item: any;
|
|
51
|
+
element: HTMLElement;
|
|
52
|
+
}, void, unknown>;
|
|
53
|
+
updateItems(container?: HTMLElement): void;
|
|
54
|
+
protected updateClasses(): void;
|
|
55
|
+
protected preCreate(): void;
|
|
56
|
+
protected onElementClick(e: MouseEvent): void;
|
|
57
|
+
protected updateVisibility(): void;
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=AtomRepeater.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AtomRepeater.d.ts","sourceRoot":"","sources":["../../src/basic/AtomRepeater.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,379 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
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;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
11
|
+
var t = {};
|
|
12
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
13
|
+
t[p] = s[p];
|
|
14
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
15
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
16
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
17
|
+
t[p[i]] = s[p[i]];
|
|
18
|
+
}
|
|
19
|
+
return t;
|
|
20
|
+
};
|
|
21
|
+
(function (factory) {
|
|
22
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
23
|
+
var v = factory(require, exports);
|
|
24
|
+
if (v !== undefined) module.exports = v;
|
|
25
|
+
}
|
|
26
|
+
else if (typeof define === "function" && define.amd) {
|
|
27
|
+
define(["require", "exports", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS"], factory);
|
|
28
|
+
}
|
|
29
|
+
})(function (require, exports) {
|
|
30
|
+
"use strict";
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.SelectorCheckBox = exports.askSuggestion = exports.SameObjectValue = exports.MatchCaseInsensitive = exports.ArrowToString = exports.MatchFalse = exports.MatchTrue = void 0;
|
|
33
|
+
const AtomBinder_1 = require("@web-atoms/core/dist/core/AtomBinder");
|
|
34
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
35
|
+
const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
|
|
36
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
37
|
+
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
38
|
+
const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
|
|
39
|
+
const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
|
|
40
|
+
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
41
|
+
const popupCSS = (0, CSS_1.default)((0, StyleRule_1.default)()
|
|
42
|
+
.height(500)
|
|
43
|
+
.width(300)
|
|
44
|
+
.verticalFlexLayout({ alignItems: "stretch" })
|
|
45
|
+
.child((0, StyleRule_1.default)(".items")
|
|
46
|
+
.flexStretch()
|
|
47
|
+
.overflow("auto")
|
|
48
|
+
.child((0, StyleRule_1.default)(".presenter")
|
|
49
|
+
.child((0, StyleRule_1.default)("*")
|
|
50
|
+
.padding(5)))));
|
|
51
|
+
const MatchTrue = (...a) => true;
|
|
52
|
+
exports.MatchTrue = MatchTrue;
|
|
53
|
+
const MatchFalse = (...a) => false;
|
|
54
|
+
exports.MatchFalse = MatchFalse;
|
|
55
|
+
const ArrowToString = (item) => { var _a, _b; return (_b = (_a = item.label) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : item.toString(); };
|
|
56
|
+
exports.ArrowToString = ArrowToString;
|
|
57
|
+
const MatchCaseInsensitive = (textField) => {
|
|
58
|
+
textField !== null && textField !== void 0 ? textField : (textField = exports.ArrowToString);
|
|
59
|
+
return (s) => {
|
|
60
|
+
s = s.toLowerCase();
|
|
61
|
+
return (item) => { var _a, _b; return (_b = (_a = textField(item)) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(s); };
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
exports.MatchCaseInsensitive = MatchCaseInsensitive;
|
|
65
|
+
const SameObjectValue = (item) => item;
|
|
66
|
+
exports.SameObjectValue = SameObjectValue;
|
|
67
|
+
/**
|
|
68
|
+
* Asks user for selecting item from given suggestions
|
|
69
|
+
* @param items items to display
|
|
70
|
+
* @param itemRenderer render function
|
|
71
|
+
* @param match search match
|
|
72
|
+
* @returns selected item
|
|
73
|
+
*/
|
|
74
|
+
function askSuggestion(items, itemRenderer, match) {
|
|
75
|
+
class Suggestions extends PopupService_1.PopupWindow {
|
|
76
|
+
create() {
|
|
77
|
+
this.render(XNode_1.default.create("div", { class: popupCSS },
|
|
78
|
+
XNode_1.default.create("input", { type: "search", value: Bind_1.default.twoWaysImmediate(() => this.search), autofocus: true }),
|
|
79
|
+
XNode_1.default.create("div", { class: "items" },
|
|
80
|
+
XNode_1.default.create(AtomRepeater, { class: "presenter", itemRenderer: itemRenderer, visibilityFilter: Bind_1.default.oneWay(() => match(this.search)), eventItemClick: (e) => {
|
|
81
|
+
this.viewModel.close(e.detail);
|
|
82
|
+
}, items: items }))));
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
__decorate([
|
|
86
|
+
BindableProperty_1.BindableProperty,
|
|
87
|
+
__metadata("design:type", String)
|
|
88
|
+
], Suggestions.prototype, "search", void 0);
|
|
89
|
+
return Suggestions.showModal();
|
|
90
|
+
}
|
|
91
|
+
exports.askSuggestion = askSuggestion;
|
|
92
|
+
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
93
|
+
.nested((0, StyleRule_1.default)("i[data-click-event]")
|
|
94
|
+
.padding(5)), "*[data-selected-item]");
|
|
95
|
+
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
96
|
+
.nested((0, StyleRule_1.default)("i[data-click-event=item-select]")
|
|
97
|
+
.padding(5))
|
|
98
|
+
.displayNone(" i[data-click-event=item-select]"), "*[data-selected-item=true]");
|
|
99
|
+
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
100
|
+
.displayNone(" i[data-click-event=item-deselect]"), "*[data-selected-item=false]");
|
|
101
|
+
function SelectorCheckBox(_a, ...nodes) {
|
|
102
|
+
var { text, icon = "far fa-square", iconSelected = "fas fa-check-square" } = _a, a = __rest(_a, ["text", "icon", "iconSelected"]);
|
|
103
|
+
if (text) {
|
|
104
|
+
return XNode_1.default.create("label", null,
|
|
105
|
+
XNode_1.default.create("i", { class: icon, "data-click-event": "item-select" }),
|
|
106
|
+
XNode_1.default.create("i", { class: iconSelected, "data-click-event": "item-deselect" }),
|
|
107
|
+
XNode_1.default.create("span", { text: text }),
|
|
108
|
+
...nodes);
|
|
109
|
+
}
|
|
110
|
+
return XNode_1.default.create("label", null,
|
|
111
|
+
XNode_1.default.create("i", { class: icon, "data-click-event": "item-select" }),
|
|
112
|
+
XNode_1.default.create("i", { class: iconSelected, "data-click-event": "item-deselect" }),
|
|
113
|
+
...nodes);
|
|
114
|
+
}
|
|
115
|
+
exports.SelectorCheckBox = SelectorCheckBox;
|
|
116
|
+
class AtomRepeater extends AtomControl_1.AtomControl {
|
|
117
|
+
get value() {
|
|
118
|
+
var _a;
|
|
119
|
+
if (this.initialValue !== undefined) {
|
|
120
|
+
return this.initialValue;
|
|
121
|
+
}
|
|
122
|
+
const vp = (_a = this.valuePath) !== null && _a !== void 0 ? _a : exports.SameObjectValue;
|
|
123
|
+
return vp(this.selectedItem);
|
|
124
|
+
}
|
|
125
|
+
set value(v) {
|
|
126
|
+
var _a;
|
|
127
|
+
this.initialValue = v;
|
|
128
|
+
if (!this.items) {
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
131
|
+
const vp = (_a = this.valuePath) !== null && _a !== void 0 ? _a : exports.SameObjectValue;
|
|
132
|
+
const selectedItem = this.items.find((item) => vp(item) === v);
|
|
133
|
+
this.selectedItem = selectedItem;
|
|
134
|
+
delete this.initialValue;
|
|
135
|
+
}
|
|
136
|
+
get selectedItem() {
|
|
137
|
+
var _a;
|
|
138
|
+
return (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a[0];
|
|
139
|
+
}
|
|
140
|
+
set selectedItem(value) {
|
|
141
|
+
var _a;
|
|
142
|
+
const si = (_a = this.selectedItems) !== null && _a !== void 0 ? _a : (this.selectedItems = []);
|
|
143
|
+
const first = si[0];
|
|
144
|
+
if (value === first) {
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
si.length = 0;
|
|
148
|
+
si[0] = value;
|
|
149
|
+
this.updateClasses();
|
|
150
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "selectedItem");
|
|
151
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "value");
|
|
152
|
+
}
|
|
153
|
+
onPropertyChanged(name) {
|
|
154
|
+
var _a, _b;
|
|
155
|
+
switch (name) {
|
|
156
|
+
case "items":
|
|
157
|
+
(_a = this.itemsDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
158
|
+
const items = this.items;
|
|
159
|
+
const d = items === null || items === void 0 ? void 0 : items.watch(() => {
|
|
160
|
+
this.updateItems();
|
|
161
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "selectedItem");
|
|
162
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "value");
|
|
163
|
+
});
|
|
164
|
+
if (d) {
|
|
165
|
+
this.itemsDisposable = this.registerDisposable(d);
|
|
166
|
+
}
|
|
167
|
+
const iv = this.initialValue;
|
|
168
|
+
if (iv) {
|
|
169
|
+
this.value = iv;
|
|
170
|
+
}
|
|
171
|
+
this.updateItems();
|
|
172
|
+
break;
|
|
173
|
+
case "selectedItems":
|
|
174
|
+
(_b = this.selectedItemsDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
|
|
175
|
+
const selectedItems = this.selectedItems;
|
|
176
|
+
const sd = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.watch(() => {
|
|
177
|
+
this.updateClasses();
|
|
178
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "selectedItem");
|
|
179
|
+
AtomBinder_1.AtomBinder.refreshValue(this, "value");
|
|
180
|
+
});
|
|
181
|
+
if (sd) {
|
|
182
|
+
this.selectedItemsDisposable = this.registerDisposable(sd);
|
|
183
|
+
}
|
|
184
|
+
this.updateClasses();
|
|
185
|
+
break;
|
|
186
|
+
case "itemRenderer":
|
|
187
|
+
this.updateItems();
|
|
188
|
+
break;
|
|
189
|
+
case "visibilityFilter":
|
|
190
|
+
this.updateVisibility();
|
|
191
|
+
break;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
forEach(action, container) {
|
|
195
|
+
var _a;
|
|
196
|
+
container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
|
|
197
|
+
const items = this.items;
|
|
198
|
+
let start = container.firstElementChild;
|
|
199
|
+
while (start) {
|
|
200
|
+
// tslint:disable-next-line: no-bitwise
|
|
201
|
+
const index = ~~start.dataset.itemIndex;
|
|
202
|
+
const item = items[index];
|
|
203
|
+
action(item, start);
|
|
204
|
+
start = start.nextElementSibling;
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
*any(fx, itemSelector, container) {
|
|
208
|
+
var _a;
|
|
209
|
+
container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
|
|
210
|
+
const items = this.items;
|
|
211
|
+
let node = container.firstElementChild;
|
|
212
|
+
while (node) {
|
|
213
|
+
// tslint:disable-next-line: no-bitwise
|
|
214
|
+
const index = ~~node.dataset.itemIndex;
|
|
215
|
+
const item = items[index];
|
|
216
|
+
let element = node;
|
|
217
|
+
if (itemSelector) {
|
|
218
|
+
element = element.querySelector(itemSelector);
|
|
219
|
+
}
|
|
220
|
+
const ie = { item, element };
|
|
221
|
+
if (fx) {
|
|
222
|
+
if (fx(item)) {
|
|
223
|
+
yield ie;
|
|
224
|
+
}
|
|
225
|
+
continue;
|
|
226
|
+
}
|
|
227
|
+
yield ie;
|
|
228
|
+
node = node.nextElementSibling;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
*all(container) {
|
|
232
|
+
var _a;
|
|
233
|
+
container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
|
|
234
|
+
const items = this.items;
|
|
235
|
+
let element = container.firstElementChild;
|
|
236
|
+
while (element) {
|
|
237
|
+
// tslint:disable-next-line: no-bitwise
|
|
238
|
+
const index = ~~element.dataset.itemIndex;
|
|
239
|
+
const item = items[index];
|
|
240
|
+
yield { item, element };
|
|
241
|
+
element = element.nextElementSibling;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
updateItems(container) {
|
|
245
|
+
var _a, _b, _c, _d, _e;
|
|
246
|
+
container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
|
|
247
|
+
let start = container.firstElementChild;
|
|
248
|
+
while (start) {
|
|
249
|
+
const e = start;
|
|
250
|
+
start = start.nextElementSibling;
|
|
251
|
+
this.unbindEvent(e);
|
|
252
|
+
(_b = e.atomControl) === null || _b === void 0 ? void 0 : _b.dispose();
|
|
253
|
+
e.remove();
|
|
254
|
+
}
|
|
255
|
+
const ir = this.itemRenderer;
|
|
256
|
+
if (!ir) {
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
const items = this.items;
|
|
260
|
+
if (!items) {
|
|
261
|
+
return;
|
|
262
|
+
}
|
|
263
|
+
const vp = (_c = this.valuePath) !== null && _c !== void 0 ? _c : ((it) => it);
|
|
264
|
+
const si = ((_d = this.selectedItems) !== null && _d !== void 0 ? _d : []).map(vp);
|
|
265
|
+
let i = 0;
|
|
266
|
+
for (const iterator of items) {
|
|
267
|
+
const e = ir(iterator);
|
|
268
|
+
const ea = (_e = e.attributes) !== null && _e !== void 0 ? _e : (e.attributes = {});
|
|
269
|
+
const v = vp(iterator);
|
|
270
|
+
ea["data-item-index"] = (i++).toString();
|
|
271
|
+
ea["data-selected-item"] = si.indexOf(v) !== -1
|
|
272
|
+
? "true"
|
|
273
|
+
: "false";
|
|
274
|
+
this.render(XNode_1.default.create("div", null, e), container, this);
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
updateClasses() {
|
|
278
|
+
var _a, _b, _c;
|
|
279
|
+
const container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element;
|
|
280
|
+
const items = this.items;
|
|
281
|
+
let element = container.firstElementChild;
|
|
282
|
+
const vp = (_b = this.valuePath) !== null && _b !== void 0 ? _b : ((i) => i);
|
|
283
|
+
const si = ((_c = this.selectedItems) !== null && _c !== void 0 ? _c : []).map(vp);
|
|
284
|
+
while (element) {
|
|
285
|
+
// tslint:disable-next-line: no-bitwise
|
|
286
|
+
const index = ~~element.dataset.itemIndex;
|
|
287
|
+
const item = items[index];
|
|
288
|
+
const v = vp(item);
|
|
289
|
+
element.dataset.selectedItem = si.indexOf(v) !== -1
|
|
290
|
+
? "true"
|
|
291
|
+
: "false";
|
|
292
|
+
element = element.nextElementSibling;
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
preCreate() {
|
|
296
|
+
this.bindEvent(this.element, "click", (e) => this.onElementClick(e));
|
|
297
|
+
}
|
|
298
|
+
onElementClick(e) {
|
|
299
|
+
const items = this.items;
|
|
300
|
+
let target = e.target;
|
|
301
|
+
let eventName = "itemClick";
|
|
302
|
+
while (target) {
|
|
303
|
+
const itemIndex = target.dataset.itemIndex;
|
|
304
|
+
const itemClickEvent = target.dataset.clickEvent;
|
|
305
|
+
if (itemClickEvent) {
|
|
306
|
+
eventName = itemClickEvent.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
|
|
307
|
+
}
|
|
308
|
+
if (typeof itemIndex !== "undefined") {
|
|
309
|
+
// tslint:disable-next-line: no-bitwise
|
|
310
|
+
const item = items[~~itemIndex];
|
|
311
|
+
if (eventName === "itemSelect" || eventName === "itemDeselect") {
|
|
312
|
+
const si = this.selectedItems;
|
|
313
|
+
if (si) {
|
|
314
|
+
const index = si.indexOf(item);
|
|
315
|
+
if (index === -1) {
|
|
316
|
+
si.add(item);
|
|
317
|
+
}
|
|
318
|
+
else {
|
|
319
|
+
si.removeAt(index);
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
if (item) {
|
|
324
|
+
this.element.dispatchEvent(new CustomEvent(eventName, {
|
|
325
|
+
detail: item,
|
|
326
|
+
bubbles: false
|
|
327
|
+
}));
|
|
328
|
+
}
|
|
329
|
+
return;
|
|
330
|
+
}
|
|
331
|
+
target = target.parentElement;
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
updateVisibility() {
|
|
335
|
+
var _a, _b;
|
|
336
|
+
const container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element;
|
|
337
|
+
const items = this.items;
|
|
338
|
+
let element = container.firstElementChild;
|
|
339
|
+
const vf = (_b = this.visibilityFilter) !== null && _b !== void 0 ? _b : exports.MatchTrue;
|
|
340
|
+
while (element) {
|
|
341
|
+
// tslint:disable-next-line: no-bitwise
|
|
342
|
+
const index = ~~element.dataset.itemIndex;
|
|
343
|
+
const item = items[index];
|
|
344
|
+
element.style.display = vf(item) ? "" : "none";
|
|
345
|
+
element = element.nextElementSibling;
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
__decorate([
|
|
350
|
+
BindableProperty_1.BindableProperty,
|
|
351
|
+
__metadata("design:type", Boolean)
|
|
352
|
+
], AtomRepeater.prototype, "allowMultipleSelection", void 0);
|
|
353
|
+
__decorate([
|
|
354
|
+
BindableProperty_1.BindableProperty,
|
|
355
|
+
__metadata("design:type", Array)
|
|
356
|
+
], AtomRepeater.prototype, "selectedItems", void 0);
|
|
357
|
+
__decorate([
|
|
358
|
+
BindableProperty_1.BindableProperty,
|
|
359
|
+
__metadata("design:type", Object)
|
|
360
|
+
], AtomRepeater.prototype, "itemsPresenter", void 0);
|
|
361
|
+
__decorate([
|
|
362
|
+
BindableProperty_1.BindableProperty,
|
|
363
|
+
__metadata("design:type", Array)
|
|
364
|
+
], AtomRepeater.prototype, "items", void 0);
|
|
365
|
+
__decorate([
|
|
366
|
+
BindableProperty_1.BindableProperty,
|
|
367
|
+
__metadata("design:type", Function)
|
|
368
|
+
], AtomRepeater.prototype, "visibilityFilter", void 0);
|
|
369
|
+
__decorate([
|
|
370
|
+
BindableProperty_1.BindableProperty,
|
|
371
|
+
__metadata("design:type", Function)
|
|
372
|
+
], AtomRepeater.prototype, "itemRenderer", void 0);
|
|
373
|
+
__decorate([
|
|
374
|
+
BindableProperty_1.BindableProperty,
|
|
375
|
+
__metadata("design:type", Function)
|
|
376
|
+
], AtomRepeater.prototype, "valuePath", void 0);
|
|
377
|
+
exports.default = AtomRepeater;
|
|
378
|
+
});
|
|
379
|
+
//# sourceMappingURL=AtomRepeater.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AtomRepeater.js","sourceRoot":"","sources":["../../src/basic/AtomRepeater.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBoxList.d.ts","sourceRoot":"","sources":["../../src/basic/CheckBoxList.tsx"],"names":[],"mappings":"AAKA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAoB1C,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IAG3C,SAAS,MAAC;IAEjB,SAAS,CAAC,SAAS,IAAI,IAAI;CAyB9B"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
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;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
(function (factory) {
|
|
11
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
12
|
+
var v = factory(require, exports);
|
|
13
|
+
if (v !== undefined) module.exports = v;
|
|
14
|
+
}
|
|
15
|
+
else if (typeof define === "function" && define.amd) {
|
|
16
|
+
define(["require", "exports", "@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"], factory);
|
|
17
|
+
}
|
|
18
|
+
})(function (require, exports) {
|
|
19
|
+
"use strict";
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
|
|
22
|
+
const Colors_1 = require("@web-atoms/core/dist/core/Colors");
|
|
23
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
24
|
+
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
25
|
+
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
26
|
+
const AtomRepeater_1 = require("./AtomRepeater");
|
|
27
|
+
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
28
|
+
.flexLayout({ inline: true, justifyContent: "flex-start" })
|
|
29
|
+
.flexFlow("wrap"), "div[data-checkbox-list=checkbox-list]");
|
|
30
|
+
(0, CSS_1.default)((0, StyleRule_1.default)()
|
|
31
|
+
.flexLayout({ justifyContent: "flex-start" })
|
|
32
|
+
.marginRight(5)
|
|
33
|
+
.child((0, StyleRule_1.default)("span")
|
|
34
|
+
.cursor("pointer"))
|
|
35
|
+
.and((0, StyleRule_1.default)("[data-selected-item=true]")
|
|
36
|
+
.color(Colors_1.default.blue))
|
|
37
|
+
.displayNone("[data-selected-item=true] > i.far")
|
|
38
|
+
.displayNone("[data-selected-item=false] > i.fas"), "div[data-item-type=checkbox]");
|
|
39
|
+
class CheckBoxList extends AtomRepeater_1.default {
|
|
40
|
+
preCreate() {
|
|
41
|
+
super.preCreate();
|
|
42
|
+
this.element.dataset.checkboxList = "checkbox-list";
|
|
43
|
+
this.bindEvent(this.element, "itemClick", (e) => {
|
|
44
|
+
const s = this.selectedItems;
|
|
45
|
+
if (!s) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
const item = e.detail;
|
|
49
|
+
if (s.indexOf(item) === -1) {
|
|
50
|
+
s.add(item);
|
|
51
|
+
this.element.dispatchEvent(new CustomEvent("itemSelect", { detail: item, bubbles: false }));
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
this.element.dispatchEvent(new CustomEvent("itemDeselect", { detail: item, bubbles: false }));
|
|
55
|
+
s.remove(item);
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
this.itemRenderer = (item) => XNode_1.default.create("div", { "data-item-type": "checkbox" },
|
|
59
|
+
XNode_1.default.create("i", { class: "far fa-square" }),
|
|
60
|
+
XNode_1.default.create("i", { class: "fas fa-check-square" }),
|
|
61
|
+
XNode_1.default.create("span", { text: item.label }));
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
__decorate([
|
|
65
|
+
BindableProperty_1.BindableProperty,
|
|
66
|
+
__metadata("design:type", Object)
|
|
67
|
+
], CheckBoxList.prototype, "labelPath", void 0);
|
|
68
|
+
exports.default = CheckBoxList;
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=CheckBoxList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBoxList.js","sourceRoot":"","sources":["../../src/basic/CheckBoxList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;IAAA,iFAA8E;IAC9E,6DAAsD;IACtD,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IACtD,iDAA0C;IAE1C,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SACV,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAC,CAAC;SACzD,QAAQ,CAAC,MAAM,CAAC,EACrB,uCAAuC,CAAC,CAAC;IAEzC,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SACV,UAAU,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;SAC5C,WAAW,CAAC,CAAC,CAAC;SACd,KAAK,CAAC,IAAA,mBAAS,EAAC,MAAM,CAAC;SACnB,MAAM,CAAC,SAAS,CAAC,CACrB;SACA,GAAG,CAAC,IAAA,mBAAS,EAAC,2BAA2B,CAAC;SACtC,KAAK,CAAC,gBAAM,CAAC,IAAI,CAAC,CACtB;SACA,WAAW,CAAC,mCAAmC,CAAC;SAChD,WAAW,CAAC,oCAAoC,CAAC,EACpD,8BAA8B,CAAC,CAAC;IAElC,MAAqB,YAAa,SAAQ,sBAAY;QAKxC,SAAS;YACf,KAAK,CAAC,SAAS,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,GAAG,eAAe,CAAC;YACpD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAc,EAAE,EAAE;gBACzD,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;gBAC7B,IAAI,CAAC,CAAC,EAAE;oBACJ,OAAO;iBACV;gBACD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC;gBACtB,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;oBACxB,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBACZ,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;iBAC/F;qBAAM;oBACH,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;oBAC9F,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;iBAClB;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,kDAAoB,UAAU;gBACxD,8BAAG,KAAK,EAAC,eAAe,GAAE;gBAC1B,8BAAG,KAAK,EAAC,qBAAqB,GAAE;gBAChC,iCAAM,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CACvB,CAAC;QACX,CAAC;KAEJ;IA3BG;QADC,mCAAgB;;mDACA;IAHrB,+BA8BC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAOpD,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAOpD,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAgCD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC7B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAmC,EACnC,IAAI,EACJ,cAAc,EACd,SAAS,EACT,GAAI,MAAM,EACb,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OA+Bd"}
|
package/dist/basic/FormField.js
CHANGED
|
@@ -15,7 +15,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
15
15
|
if (v !== undefined) module.exports = v;
|
|
16
16
|
}
|
|
17
17
|
else if (typeof define === "function" && define.amd) {
|
|
18
|
-
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/FormattedString", "@web-atoms/core/dist/core/
|
|
18
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/FormattedString", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS"], factory);
|
|
19
19
|
}
|
|
20
20
|
})(function (require, exports) {
|
|
21
21
|
"use strict";
|
|
@@ -23,11 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
24
24
|
const Colors_1 = require("@web-atoms/core/dist/core/Colors");
|
|
25
25
|
const FormattedString_1 = require("@web-atoms/core/dist/core/FormattedString");
|
|
26
|
-
const types_1 = require("@web-atoms/core/dist/core/types");
|
|
27
26
|
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
28
27
|
const NavigationService_1 = require("@web-atoms/core/dist/services/NavigationService");
|
|
29
28
|
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
30
|
-
const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
|
|
31
29
|
const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
|
|
32
30
|
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
33
31
|
const css = (0, CSS_1.default)((0, StyleRule_1.default)()
|
|
@@ -42,6 +40,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
42
40
|
.and((0, StyleRule_1.default)(":empty")
|
|
43
41
|
.display("none")))
|
|
44
42
|
.child((0, StyleRule_1.default)(".label")
|
|
43
|
+
.display("flex")
|
|
45
44
|
.child((0, StyleRule_1.default)(".true")
|
|
46
45
|
.visibility("visible")
|
|
47
46
|
.color(Colors_1.default.red))
|
|
@@ -49,13 +48,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
49
48
|
.visibility("hidden"))
|
|
50
49
|
.child((0, StyleRule_1.default)("i")
|
|
51
50
|
.cursor("pointer")
|
|
52
|
-
.marginLeft(
|
|
53
|
-
|
|
54
|
-
.padding(10)
|
|
55
|
-
.child((0, StyleRule_1.default)(".fad")
|
|
56
|
-
.absolutePosition({ top: 5, right: 5 })));
|
|
51
|
+
.marginLeft("auto")
|
|
52
|
+
.color(Colors_1.default.lightGreen))), "div[data-wa-form-field=wa-form-field]");
|
|
57
53
|
function FormField(_a, node) {
|
|
58
|
-
var { label, required, error, helpIcon = "
|
|
54
|
+
var { label, required, error, helpIcon = "fas fa-question-circle", help, helpEventClick, helpTitle } = _a, others = __rest(_a, ["label", "required", "error", "helpIcon", "help", "helpEventClick", "helpTitle"]);
|
|
59
55
|
if (!helpEventClick && help) {
|
|
60
56
|
helpEventClick = Bind_1.default.event((s, e) => {
|
|
61
57
|
const app = s.app;
|
|
@@ -64,16 +60,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
64
60
|
ns.notify(help);
|
|
65
61
|
return;
|
|
66
62
|
}
|
|
67
|
-
|
|
68
|
-
class HelpPopup extends AtomControl_1.AtomControl {
|
|
63
|
+
class HelpPopup extends PopupService_1.PopupWindow {
|
|
69
64
|
create() {
|
|
70
|
-
this.render(XNode_1.default.create("div",
|
|
71
|
-
XNode_1.default.create("i", { class: "fad fa-times-circle", eventClick: () => cancelToken.cancel() }),
|
|
72
|
-
help));
|
|
65
|
+
this.render(XNode_1.default.create("div", null, help));
|
|
73
66
|
}
|
|
74
67
|
}
|
|
75
|
-
|
|
76
|
-
PopupService_1.default.show(s.element, hp.element, { alignment: "centerOfScreen", cancelToken });
|
|
68
|
+
HelpPopup.showWindow({ title: helpTitle !== null && helpTitle !== void 0 ? helpTitle : "Help" });
|
|
77
69
|
});
|
|
78
70
|
}
|
|
79
71
|
return XNode_1.default.create("div", Object.assign({ "data-wa-form-field": "wa-form-field" }, others),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;IACA,yDAAkD;IAClD,6DAAsD;IACtD,+EAAwE;
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":"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"}
|