@web-atoms/web-controls 2.1.77 → 2.1.81

package/dist/basic/AtomRepeater.d.ts

@@ -0,0 +1,64 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+export declare type Match<T> = (text: string) => (item: T) => boolean;
+export declare type IAskSuggestion<T> = (items: T[], itemRenderer: (item: T) => XNode, match: Match<T>) => any;
+export declare const MatchTrue: (...a: any[]) => boolean;
+export declare const MatchFalse: (...a: any[]) => boolean;
+export declare const ArrowToString: (item: any) => any;
+export declare const MatchCaseInsensitive: (textField?: (item: any) => string) => (s: string) => (item: any) => boolean;
+export declare const SameObjectValue: (item: any) => any;
+/**
+ * Asks user for selecting item from given suggestions
+ * @param items items to display
+ * @param itemRenderer render function
+ * @param match search match
+ * @returns selected item
+ */
+export declare function askSuggestion<T>(items: T[], itemRenderer: (item: T) => XNode, match: Match<T>): Promise<T>;
+export interface ISelectorCheckBox {
+    text?: string;
+    iconSelected?: string;
+    icon?: string;
+    [key: string]: any;
+}
+export declare function SelectorCheckBox({ text, icon, iconSelected, ...a }: ISelectorCheckBox, ...nodes: XNode[]): any;
+export interface ISelectAll extends ISelectorCheckBox {
+    items: any[];
+    selectedItems: any[];
+}
+export declare function SelectAll({ text, icon, iconSelected, ...a }: ISelectAll, ...nodes: XNode[]): any;
+export default class AtomRepeater extends AtomControl {
+    "event-item-click"?: (e: CustomEvent) => void;
+    "event-item-select"?: (e: CustomEvent) => void;
+    "event-item-deselect"?: (e: CustomEvent) => void;
+    allowMultipleSelection: boolean;
+    selectedItems: any[];
+    itemsPresenter: any;
+    items: any[];
+    visibilityFilter: (item: any) => boolean;
+    itemRenderer: (item: any) => XNode;
+    valuePath: (a: any) => any;
+    get value(): any;
+    set value(v: any);
+    get selectedItem(): any;
+    set selectedItem(value: any);
+    private initialValue;
+    private itemsDisposable;
+    private selectedItemsDisposable;
+    onPropertyChanged(name: string): void;
+    forEach<T>(action: (item: T, element: HTMLElement) => void, container?: HTMLElement): void;
+    any(fx?: (item: any) => boolean, itemSelector?: string, container?: HTMLElement): Generator<{
+        item: any;
+        element: HTMLElement;
+    }, void, unknown>;
+    all(container?: HTMLElement): Generator<{
+        item: any;
+        element: HTMLElement;
+    }, void, unknown>;
+    updateItems(container?: HTMLElement): void;
+    protected updateClasses(): void;
+    protected preCreate(): void;
+    protected onElementClick(e: MouseEvent): void;
+    protected updateVisibility(): void;
+}
+//# sourceMappingURL=AtomRepeater.d.ts.map

package/dist/basic/AtomRepeater.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomRepeater.d.ts","sourceRoot":"","sources":["../../src/basic/AtomRepeater.tsx"],"names":[],"mappings":"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"}

package/dist/basic/AtomRepeater.js

@@ -0,0 +1,432 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        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);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.SelectAll = exports.SelectorCheckBox = exports.askSuggestion = exports.SameObjectValue = exports.MatchCaseInsensitive = exports.ArrowToString = exports.MatchFalse = exports.MatchTrue = void 0;
+    const AtomBinder_1 = require("@web-atoms/core/dist/core/AtomBinder");
+    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
+    const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
+    const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const popupCSS = (0, CSS_1.default)((0, StyleRule_1.default)()
+        .height(500)
+        .width(300)
+        .verticalFlexLayout({ alignItems: "stretch" })
+        .child((0, StyleRule_1.default)(".items")
+        .flexStretch()
+        .overflow("auto")
+        .child((0, StyleRule_1.default)(".presenter")
+        .child((0, StyleRule_1.default)("*")
+        .padding(5)))));
+    const MatchTrue = (...a) => true;
+    exports.MatchTrue = MatchTrue;
+    const MatchFalse = (...a) => false;
+    exports.MatchFalse = MatchFalse;
+    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(); };
+    exports.ArrowToString = ArrowToString;
+    const MatchCaseInsensitive = (textField) => {
+        textField !== null && textField !== void 0 ? textField : (textField = exports.ArrowToString);
+        return (s) => {
+            s = s.toLowerCase();
+            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); };
+        };
+    };
+    exports.MatchCaseInsensitive = MatchCaseInsensitive;
+    const SameObjectValue = (item) => item;
+    exports.SameObjectValue = SameObjectValue;
+    /**
+     * Asks user for selecting item from given suggestions
+     * @param items items to display
+     * @param itemRenderer render function
+     * @param match search match
+     * @returns selected item
+     */
+    function askSuggestion(items, itemRenderer, match) {
+        class Suggestions extends PopupService_1.PopupWindow {
+            create() {
+                this.render(XNode_1.default.create("div", { class: popupCSS },
+                    XNode_1.default.create("input", { type: "search", value: Bind_1.default.twoWaysImmediate(() => this.search), autofocus: true }),
+                    XNode_1.default.create("div", { class: "items" },
+                        XNode_1.default.create(AtomRepeater, { class: "presenter", itemRenderer: itemRenderer, visibilityFilter: Bind_1.default.oneWay(() => match(this.search)), eventItemClick: (e) => {
+                                this.viewModel.close(e.detail);
+                            }, items: items }))));
+            }
+        }
+        __decorate([
+            BindableProperty_1.BindableProperty,
+            __metadata("design:type", String)
+        ], Suggestions.prototype, "search", void 0);
+        return Suggestions.showModal();
+    }
+    exports.askSuggestion = askSuggestion;
+    (0, CSS_1.default)((0, StyleRule_1.default)()
+        .nested((0, StyleRule_1.default)("i[data-click-event]")
+        .padding(5)), "*[data-selected-item]");
+    (0, CSS_1.default)((0, StyleRule_1.default)()
+        .nested((0, StyleRule_1.default)("i[data-click-event=item-select]")
+        .padding(5))
+        .displayNone(" i[data-click-event=item-select]"), "*[data-selected-item=true]");
+    (0, CSS_1.default)((0, StyleRule_1.default)()
+        .displayNone(" i[data-click-event=item-deselect]"), "*[data-selected-item=false]");
+    function SelectorCheckBox(_a, ...nodes) {
+        var { text, icon = "far fa-square", iconSelected = "fas fa-check-square" } = _a, a = __rest(_a, ["text", "icon", "iconSelected"]);
+        if (text) {
+            return XNode_1.default.create("label", null,
+                XNode_1.default.create("i", { class: icon, "data-click-event": "item-select" }),
+                XNode_1.default.create("i", { class: iconSelected, "data-click-event": "item-deselect" }),
+                XNode_1.default.create("span", { text: text }),
+                ...nodes);
+        }
+        return XNode_1.default.create("label", null,
+            XNode_1.default.create("i", { class: icon, "data-click-event": "item-select" }),
+            XNode_1.default.create("i", { class: iconSelected, "data-click-event": "item-deselect" }),
+            ...nodes);
+    }
+    exports.SelectorCheckBox = SelectorCheckBox;
+    (0, CSS_1.default)((0, StyleRule_1.default)()
+        .nested((0, StyleRule_1.default)("i[data-ui-type]")
+        .padding(5))
+        .displayNone("[data-is-selected=true] i[data-ui-type=item-select]")
+        .displayNone("[data-is-selected=false] i[data-ui-type=item-deselect]"), "*[data-select-all=select-all]");
+    class SelectAllControl extends AtomControl_1.AtomControl {
+        preCreate() {
+            this.element.dataset.selectAll = "select-all";
+            this.render(XNode_1.default.create(SelectAllControl, { "data-is-selected": Bind_1.default.oneWay(() => this.items.length > 0
+                    && this.items.length === this.selectedItems.length) }));
+            this.bindEvent(this.element, "click", () => {
+                const si = this.selectedItems;
+                const items = this.items;
+                if (!si) {
+                    return;
+                }
+                if (!items) {
+                    return;
+                }
+                if (items.length === 0) {
+                    return;
+                }
+                if (items.length === si.length) {
+                    si.clear();
+                }
+                else {
+                    si.addAll(items);
+                }
+            });
+        }
+    }
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Array)
+    ], SelectAllControl.prototype, "items", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Array)
+    ], SelectAllControl.prototype, "selectedItems", void 0);
+    function SelectAll(_a, ...nodes) {
+        var { text = "Select All", icon = "far fa-square", iconSelected = "fas fa-check-square" } = _a, a = __rest(_a, ["text", "icon", "iconSelected"]);
+        if (text) {
+            return XNode_1.default.create(SelectAllControl, Object.assign({ for: "label" }, a),
+                XNode_1.default.create("i", { class: icon, "data-ui-type": "item-select" }),
+                XNode_1.default.create("i", { class: iconSelected, "data-ui-type": "item-deselect" }),
+                XNode_1.default.create("span", { text: text }));
+        }
+        return XNode_1.default.create(SelectAllControl, Object.assign({ for: "label" }, a),
+            XNode_1.default.create("i", { class: icon, "data-ui-type": "item-select" }),
+            XNode_1.default.create("i", { class: iconSelected, "data-ui-type": "item-deselect" }),
+            ...nodes);
+    }
+    exports.SelectAll = SelectAll;
+    class AtomRepeater extends AtomControl_1.AtomControl {
+        get value() {
+            var _a;
+            if (this.initialValue !== undefined) {
+                return this.initialValue;
+            }
+            const vp = (_a = this.valuePath) !== null && _a !== void 0 ? _a : exports.SameObjectValue;
+            return vp(this.selectedItem);
+        }
+        set value(v) {
+            var _a;
+            this.initialValue = v;
+            if (!this.items) {
+                return;
+            }
+            const vp = (_a = this.valuePath) !== null && _a !== void 0 ? _a : exports.SameObjectValue;
+            const selectedItem = this.items.find((item) => vp(item) === v);
+            this.selectedItem = selectedItem;
+            delete this.initialValue;
+        }
+        get selectedItem() {
+            var _a;
+            return (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a[0];
+        }
+        set selectedItem(value) {
+            var _a;
+            const si = (_a = this.selectedItems) !== null && _a !== void 0 ? _a : (this.selectedItems = []);
+            const first = si[0];
+            if (value === first) {
+                return;
+            }
+            si.length = 0;
+            si[0] = value;
+            this.updateClasses();
+            AtomBinder_1.AtomBinder.refreshValue(this, "selectedItem");
+            AtomBinder_1.AtomBinder.refreshValue(this, "value");
+        }
+        onPropertyChanged(name) {
+            var _a, _b;
+            switch (name) {
+                case "items":
+                    (_a = this.itemsDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+                    const items = this.items;
+                    const d = items === null || items === void 0 ? void 0 : items.watch(() => {
+                        this.updateItems();
+                        AtomBinder_1.AtomBinder.refreshValue(this, "selectedItem");
+                        AtomBinder_1.AtomBinder.refreshValue(this, "value");
+                    });
+                    if (d) {
+                        this.itemsDisposable = this.registerDisposable(d);
+                    }
+                    const iv = this.initialValue;
+                    if (iv) {
+                        this.value = iv;
+                    }
+                    this.updateItems();
+                    break;
+                case "selectedItems":
+                    (_b = this.selectedItemsDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
+                    const selectedItems = this.selectedItems;
+                    const sd = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.watch(() => {
+                        this.updateClasses();
+                        AtomBinder_1.AtomBinder.refreshValue(this, "selectedItem");
+                        AtomBinder_1.AtomBinder.refreshValue(this, "value");
+                    });
+                    if (sd) {
+                        this.selectedItemsDisposable = this.registerDisposable(sd);
+                    }
+                    this.updateClasses();
+                    break;
+                case "itemRenderer":
+                    this.updateItems();
+                    break;
+                case "visibilityFilter":
+                    this.updateVisibility();
+                    break;
+            }
+        }
+        forEach(action, container) {
+            var _a;
+            container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
+            const items = this.items;
+            let start = container.firstElementChild;
+            while (start) {
+                // tslint:disable-next-line: no-bitwise
+                const index = ~~start.dataset.itemIndex;
+                const item = items[index];
+                action(item, start);
+                start = start.nextElementSibling;
+            }
+        }
+        *any(fx, itemSelector, container) {
+            var _a;
+            container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
+            const items = this.items;
+            let node = container.firstElementChild;
+            while (node) {
+                // tslint:disable-next-line: no-bitwise
+                const index = ~~node.dataset.itemIndex;
+                const item = items[index];
+                let element = node;
+                if (itemSelector) {
+                    element = element.querySelector(itemSelector);
+                }
+                const ie = { item, element };
+                if (fx) {
+                    if (fx(item)) {
+                        yield ie;
+                    }
+                    continue;
+                }
+                yield ie;
+                node = node.nextElementSibling;
+            }
+        }
+        *all(container) {
+            var _a;
+            container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
+            const items = this.items;
+            let element = container.firstElementChild;
+            while (element) {
+                // tslint:disable-next-line: no-bitwise
+                const index = ~~element.dataset.itemIndex;
+                const item = items[index];
+                yield { item, element };
+                element = element.nextElementSibling;
+            }
+        }
+        updateItems(container) {
+            var _a, _b, _c, _d, _e;
+            container !== null && container !== void 0 ? container : (container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element);
+            let start = container.firstElementChild;
+            while (start) {
+                const e = start;
+                start = start.nextElementSibling;
+                this.unbindEvent(e);
+                (_b = e.atomControl) === null || _b === void 0 ? void 0 : _b.dispose();
+                e.remove();
+            }
+            const ir = this.itemRenderer;
+            if (!ir) {
+                return;
+            }
+            const items = this.items;
+            if (!items) {
+                return;
+            }
+            const vp = (_c = this.valuePath) !== null && _c !== void 0 ? _c : ((it) => it);
+            const si = ((_d = this.selectedItems) !== null && _d !== void 0 ? _d : []).map(vp);
+            let i = 0;
+            for (const iterator of items) {
+                const e = ir(iterator);
+                const ea = (_e = e.attributes) !== null && _e !== void 0 ? _e : (e.attributes = {});
+                const v = vp(iterator);
+                ea["data-item-index"] = (i++).toString();
+                ea["data-selected-item"] = si.indexOf(v) !== -1
+                    ? "true"
+                    : "false";
+                this.render(XNode_1.default.create("div", null, e), container, this);
+            }
+        }
+        updateClasses() {
+            var _a, _b, _c;
+            const container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element;
+            const items = this.items;
+            let element = container.firstElementChild;
+            const vp = (_b = this.valuePath) !== null && _b !== void 0 ? _b : ((i) => i);
+            const si = ((_c = this.selectedItems) !== null && _c !== void 0 ? _c : []).map(vp);
+            while (element) {
+                // tslint:disable-next-line: no-bitwise
+                const index = ~~element.dataset.itemIndex;
+                const item = items[index];
+                const v = vp(item);
+                element.dataset.selectedItem = si.indexOf(v) !== -1
+                    ? "true"
+                    : "false";
+                element = element.nextElementSibling;
+            }
+        }
+        preCreate() {
+            this.bindEvent(this.element, "click", (e) => this.onElementClick(e));
+        }
+        onElementClick(e) {
+            const items = this.items;
+            let target = e.target;
+            let eventName = "itemClick";
+            while (target) {
+                const itemIndex = target.dataset.itemIndex;
+                const itemClickEvent = target.dataset.clickEvent;
+                if (itemClickEvent) {
+                    eventName = itemClickEvent.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+                }
+                if (typeof itemIndex !== "undefined") {
+                    // tslint:disable-next-line: no-bitwise
+                    const item = items[~~itemIndex];
+                    if (eventName === "itemSelect" || eventName === "itemDeselect") {
+                        const si = this.selectedItems;
+                        if (si) {
+                            const index = si.indexOf(item);
+                            if (index === -1) {
+                                si.add(item);
+                            }
+                            else {
+                                si.removeAt(index);
+                            }
+                        }
+                    }
+                    if (item) {
+                        this.element.dispatchEvent(new CustomEvent(eventName, {
+                            detail: item,
+                            bubbles: false
+                        }));
+                    }
+                    return;
+                }
+                target = target.parentElement;
+            }
+        }
+        updateVisibility() {
+            var _a, _b;
+            const container = (_a = this.itemsPresenter) !== null && _a !== void 0 ? _a : this.element;
+            const items = this.items;
+            let element = container.firstElementChild;
+            const vf = (_b = this.visibilityFilter) !== null && _b !== void 0 ? _b : exports.MatchTrue;
+            while (element) {
+                // tslint:disable-next-line: no-bitwise
+                const index = ~~element.dataset.itemIndex;
+                const item = items[index];
+                element.style.display = vf(item) ? "" : "none";
+                element = element.nextElementSibling;
+            }
+        }
+    }
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Boolean)
+    ], AtomRepeater.prototype, "allowMultipleSelection", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Array)
+    ], AtomRepeater.prototype, "selectedItems", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Object)
+    ], AtomRepeater.prototype, "itemsPresenter", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Array)
+    ], AtomRepeater.prototype, "items", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Function)
+    ], AtomRepeater.prototype, "visibilityFilter", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Function)
+    ], AtomRepeater.prototype, "itemRenderer", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Function)
+    ], AtomRepeater.prototype, "valuePath", void 0);
+    exports.default = AtomRepeater;
+});
+//# sourceMappingURL=AtomRepeater.js.map

package/dist/basic/AtomRepeater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomRepeater.js","sourceRoot":"","sources":["../../src/basic/AtomRepeater.tsx"],"names":[],"mappings":"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"}

package/dist/basic/CheckBoxList.d.ts

@@ -0,0 +1,6 @@
+import AtomRepeater from "./AtomRepeater";
+export default class CheckBoxList extends AtomRepeater {
+    labelPath: any;
+    protected preCreate(): void;
+}
+//# sourceMappingURL=CheckBoxList.d.ts.map

package/dist/basic/CheckBoxList.d.ts.map

@@ -0,0 +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"}

package/dist/basic/CheckBoxList.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        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);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
+    const Colors_1 = require("@web-atoms/core/dist/core/Colors");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const AtomRepeater_1 = require("./AtomRepeater");
+    (0, CSS_1.default)((0, StyleRule_1.default)()
+        .flexLayout({ inline: true, justifyContent: "flex-start" })
+        .flexFlow("wrap"), "div[data-checkbox-list=checkbox-list]");
+    (0, CSS_1.default)((0, StyleRule_1.default)()
+        .flexLayout({ justifyContent: "flex-start" })
+        .marginRight(5)
+        .child((0, StyleRule_1.default)("span")
+        .cursor("pointer"))
+        .and((0, StyleRule_1.default)("[data-selected-item=true]")
+        .color(Colors_1.default.blue))
+        .displayNone("[data-selected-item=true] > i.far")
+        .displayNone("[data-selected-item=false] > i.fas"), "div[data-item-type=checkbox]");
+    class CheckBoxList extends AtomRepeater_1.default {
+        preCreate() {
+            super.preCreate();
+            this.element.dataset.checkboxList = "checkbox-list";
+            this.bindEvent(this.element, "itemClick", (e) => {
+                const s = this.selectedItems;
+                if (!s) {
+                    return;
+                }
+                const item = e.detail;
+                if (s.indexOf(item) === -1) {
+                    s.add(item);
+                    this.element.dispatchEvent(new CustomEvent("itemSelect", { detail: item, bubbles: false }));
+                }
+                else {
+                    this.element.dispatchEvent(new CustomEvent("itemDeselect", { detail: item, bubbles: false }));
+                    s.remove(item);
+                }
+            });
+            this.itemRenderer = (item) => XNode_1.default.create("div", { "data-item-type": "checkbox" },
+                XNode_1.default.create("i", { class: "far fa-square" }),
+                XNode_1.default.create("i", { class: "fas fa-check-square" }),
+                XNode_1.default.create("span", { text: item.label }));
+        }
+    }
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Object)
+    ], CheckBoxList.prototype, "labelPath", void 0);
+    exports.default = CheckBoxList;
+});
+//# sourceMappingURL=CheckBoxList.js.map

package/dist/basic/CheckBoxList.js.map

@@ -0,0 +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"}

package/dist/basic/ComboBox.d.ts

@@ -0,0 +1,10 @@
+import AtomRepeater from "./AtomRepeater";
+export default class ComboBox extends AtomRepeater {
+    labelPath: any;
+    private isChanging;
+    constructor(app: any, e: any);
+    updateItems(container?: HTMLElement): void;
+    protected preCreate(): void;
+    protected changeSelection(): void;
+}
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/basic/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../src/basic/ComboBox.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAGvC,SAAS,EAAE,GAAG,CAAC;IAEtB,OAAO,CAAC,UAAU,CAAS;gBAEf,GAAG,KAAA,EAAE,CAAC,KAAA;IAIX,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI;IAkBjD,SAAS,CAAC,SAAS,IAAI,IAAI;IAS3B,SAAS,CAAC,eAAe,IAAI,IAAI;CAapC"}