@web-atoms/web-controls 2.5.38 → 2.5.40

package/dist-esm/basic/Calendar.js

@@ -0,0 +1,237 @@
+import { __decorate, __metadata } from "tslib";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import WatchProperty from "@web-atoms/core/dist/core/WatchProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
+import AtomRepeater from "./AtomRepeater.js";
+import Select from "./Select.js";
+import "./styles/calendar.global.css";
+const start = DateTime.now;
+const getWeekDays = (locale, type) => {
+    const baseDate = new Date(Date.UTC(2017, 0, 2));
+    const weekDays = [];
+    for (let i = 0; i < 7; i++) {
+        weekDays.push(baseDate.toLocaleDateString(locale, { weekday: type }));
+        baseDate.setDate(baseDate.getDate() + 1);
+    }
+    return weekDays;
+};
+const getMonths = (locale, type) => {
+    const baseDate = new Date(Date.UTC(2017, 0, 2));
+    const weekDays = [];
+    for (let i = 0; i < 12; i++) {
+        weekDays.push(baseDate.toLocaleDateString(locale, { month: type }));
+        baseDate.setMonth(i + 1);
+    }
+    return weekDays;
+};
+function setValue(target, name, value) {
+    Object.defineProperty(target, name, { value });
+    return value;
+}
+export const weekdays = {
+    get short() {
+        return setValue(this, "short", getWeekDays(navigator.language, "short"));
+    },
+    get long() {
+        return setValue(this, "long", getWeekDays(navigator.language, "long"));
+    }
+};
+export const months = {
+    get short() {
+        return setValue(this, "short", getMonths(navigator.language, "short"));
+    },
+    get long() {
+        return setValue(this, "long", getMonths(navigator.language, "long"));
+    },
+    get items() {
+        return setValue(this, "items", this.long.map((x, i) => ({ label: x, value: i })));
+    }
+};
+export default class Calendar extends AtomRepeater {
+    year;
+    month;
+    yearStart;
+    yearEnd;
+    set startDate(v) {
+        if (this.dateModified) {
+            return;
+        }
+        const year = v.getFullYear();
+        const month = v.getMonth();
+        if (this.year !== year) {
+            this.year = year;
+        }
+        if (this.month !== month) {
+            this.month = month;
+        }
+    }
+    dateRenderer;
+    get dates() {
+        const year = this.year;
+        const tm = this.month;
+        if (tm === undefined || year === undefined) {
+            return [];
+        }
+        const month = Number(tm);
+        const today = DateTime.today;
+        let startDate = new DateTime(year, month, 1);
+        while (startDate.dayOfWeek !== 1) {
+            startDate = startDate.add(-1);
+        }
+        const a = [];
+        const y = startDate.year;
+        const m = startDate.month;
+        const ef = this.enableFunc;
+        for (let index = 0; index < 42; index++) {
+            const cd = startDate.add(index);
+            const item = {
+                label: cd.day + "",
+                row: Math.floor(index / 7),
+                column: index % 7,
+                type: null,
+                value: cd,
+                isToday: cd.equals(today),
+                isOtherMonth: month !== cd.month,
+                isWeekend: (cd.dayOfWeek === 0 || cd.dayOfWeek === 6),
+                disabled: false
+            };
+            if (ef) {
+                item.disabled = !(ef(item));
+            }
+            a.push(item);
+        }
+        return a;
+    }
+    get years() {
+        const years = [];
+        const s = start.year + this.yearStart;
+        const e = start.year + this.yearEnd + 1;
+        for (let index = s; index < e; index++) {
+            years.push({
+                label: index.toString(),
+                value: index
+            });
+        }
+        return years;
+    }
+    get value() {
+        return super.value;
+    }
+    set value(v) {
+        if (v instanceof Date) {
+            this.startDate = v;
+        }
+        super.value = v;
+    }
+    dateModified = false;
+    onPropertyChanged(name) {
+        super.onPropertyChanged(name);
+        switch (name) {
+            case "enableFunc":
+            case "dateRenderer":
+                this.updateItems();
+                break;
+        }
+    }
+    next() {
+        if (this.month === 11) {
+            this.year++;
+            this.month = 0;
+            return;
+        }
+        this.month++;
+    }
+    prev() {
+        if (this.month === 0) {
+            this.year--;
+            this.month = 11;
+            return;
+        }
+        this.month--;
+    }
+    preCreate() {
+        super.preCreate();
+        const now = new Date();
+        this.selectedItems = [];
+        this.valuePath = (i) => i?.value;
+        this.yearStart = -10;
+        this.yearEnd = 10;
+        this.year = now.getFullYear();
+        this.month = now.getMonth();
+        this.comparer = (left, right) => left && right &&
+            DateTime.from(left).date?.msSinceEpoch === DateTime.from(right).date?.msSinceEpoch;
+        this.bindEvent(this.element, "change", () => this.dateModified = true, null, { capture: true });
+        this.bindEvent(this.element, "itemSelect", (e) => e.detail.disabled ? e.preventDefault() : null);
+        this.render(XNode.create("div", { "data-calendar": "calendar", items: Bind.oneWay(() => this.dates) },
+            XNode.create("i", { "data-element": "previous", "event-click": () => this.prev(), class: "fa-solid fa-circle-chevron-left", title: "Previous Month" }),
+            XNode.create(Select, { "data-element": "month", items: months.items, value: Bind.twoWays(() => this.month) }),
+            XNode.create(Select, { "data-element": "year", items: Bind.oneWay(() => this.years), value: Bind.twoWays(() => this.year) }),
+            XNode.create("i", { "data-element": "next", "event-click": () => this.next(), class: "fa-solid fa-circle-chevron-right", title: "Next Month" }),
+            XNode.create("div", { class: "week" }),
+            XNode.create("div", { "data-click-event": "item-select", class: "dates" })));
+        this.itemsPresenter = this.element.lastElementChild;
+        const week = this.element.lastElementChild.previousElementSibling;
+        let w = 1;
+        for (const iterator of weekdays.short) {
+            const text = document.createElement("span");
+            text.textContent = iterator;
+            week.appendChild(text);
+            text.style.gridColumnStart = `${w++}`;
+        }
+        this.dateRenderer = (item) => XNode.create("div", { text: item.label });
+        this.itemRenderer = (item) => {
+            const d = this.dateRenderer(item);
+            const a = d.attributes ??= {};
+            if (item.isToday) {
+                a["data-is-today"] = item.isToday;
+            }
+            if (item.isOtherMonth) {
+                a["data-is-other-month"] = item.isOtherMonth;
+            }
+            if (item.isWeekend) {
+                a["data-is-weekend"] = item.isWeekend;
+            }
+            if (item.disabled) {
+                a["data-disabled"] = item.disabled;
+            }
+            return d;
+        };
+    }
+    dispatchItemEvent(eventName, item, recreate, originalTarget, nestedItem) {
+        this.dateModified = true;
+        super.dispatchItemEvent(eventName, item, recreate, originalTarget, nestedItem);
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Number)
+], Calendar.prototype, "year", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Number)
+], Calendar.prototype, "month", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Number)
+], Calendar.prototype, "yearStart", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Number)
+], Calendar.prototype, "yearEnd", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Function)
+], Calendar.prototype, "dateRenderer", void 0);
+__decorate([
+    WatchProperty,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], Calendar.prototype, "dates", null);
+__decorate([
+    WatchProperty,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], Calendar.prototype, "years", null);
+//# sourceMappingURL=Calendar.js.map

package/dist-esm/basic/Calendar.js.map

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

package/dist-esm/basic/CheckBoxList.d.ts

@@ -0,0 +1,8 @@
+import AtomRepeater from "./AtomRepeater.js";
+import "./styles/check-box-list.global.css";
+export default class CheckBoxList extends AtomRepeater {
+    labelPath: any;
+    softDeleteProperty: string;
+    protected preCreate(): void;
+}
+//# sourceMappingURL=CheckBoxList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxList.d.ts","sourceRoot":"","sources":["../../src/basic/CheckBoxList.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAiC,MAAM,mBAAmB,CAAC;AAElE,OAAO,oCAAoC,CAAC;AAE5C,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IAG3C,SAAS,MAAC;IAMV,kBAAkB,EAAE,MAAM,CAAC;IAElC,SAAS,CAAC,SAAS,IAAI,IAAI;CAwE9B"}

package/dist-esm/basic/CheckBoxList.js

@@ -0,0 +1,80 @@
+import { __decorate, __metadata } from "tslib";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater, { SameObjectValue } from "./AtomRepeater.js";
+import "./styles/check-box-list.global.css";
+export default class CheckBoxList extends AtomRepeater {
+    labelPath;
+    softDeleteProperty;
+    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;
+            const vp = this.valuePath ?? SameObjectValue;
+            const value = vp(item);
+            let existing = s.find((i) => vp(i) === value);
+            if (!existing) {
+                s.add(item);
+                this.element.dispatchEvent(new CustomEvent("itemSelect", { detail: item, bubbles: false }));
+                if (this.softDeleteProperty) {
+                    item[this.softDeleteProperty] = false;
+                }
+                this.refreshItem(item);
+            }
+            else {
+                if (this.softDeleteProperty) {
+                    const existingItem = this.items.find((i) => vp(i) === value);
+                    if (existing[this.softDeleteProperty] === true) {
+                        existing[this.softDeleteProperty] = false;
+                        if (existingItem && existingItem !== existing) {
+                            existingItem[this.softDeleteProperty] = false;
+                            this.element.dispatchEvent(new CustomEvent("itemSelect", { detail: item, bubbles: false }));
+                            this.refreshItem(existingItem);
+                        }
+                        this.element.dispatchEvent(new CustomEvent("itemSelect", { detail: item, bubbles: false }));
+                    }
+                    else {
+                        existing[this.softDeleteProperty] = true;
+                        if (existingItem && existingItem !== existing) {
+                            existingItem[this.softDeleteProperty] = true;
+                            this.element.dispatchEvent(new CustomEvent("itemDeselect", { detail: item, bubbles: false }));
+                            this.refreshItem(existingItem);
+                        }
+                        this.element.dispatchEvent(new CustomEvent("itemDeselect", { detail: existing, bubbles: false }));
+                    }
+                    this.refreshItem(existing);
+                }
+                else {
+                    this.element.dispatchEvent(new CustomEvent("itemDeselect", { detail: existing, bubbles: false }));
+                    s.remove(existing);
+                }
+            }
+        });
+        this.itemRenderer = (item) => {
+            if (this.softDeleteProperty) {
+                return XNode.create("div", { "data-deleted": !!item[this.softDeleteProperty], "data-item-type": "checkbox" },
+                    XNode.create("i", { class: "far fa-square" }),
+                    XNode.create("i", { class: "fas fa-check-square" }),
+                    XNode.create("span", { text: item.label }));
+            }
+            return XNode.create("div", { "data-deleted": "none", "data-item-type": "checkbox" },
+                XNode.create("i", { class: "far fa-square" }),
+                XNode.create("i", { class: "fas fa-check-square" }),
+                XNode.create("span", { text: item.label }));
+        };
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], CheckBoxList.prototype, "labelPath", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], CheckBoxList.prototype, "softDeleteProperty", void 0);
+//# sourceMappingURL=CheckBoxList.js.map

package/dist-esm/basic/CheckBoxList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxList.js","sourceRoot":"","sources":["../../src/basic/CheckBoxList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,EAAE,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,oCAAoC,CAAC;AAE5C,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IAG3C,SAAS,CAAC;IAMV,kBAAkB,CAAS;IAExB,SAAS;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAElB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,GAAG,eAAe,CAAC;QACpD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAc,EAAE,EAAE;YACzD,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;YAC7B,IAAI,CAAC,CAAC,EAAE,CAAC;gBACL,OAAO;YACX,CAAC;YACD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC;YACtB,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,eAAe,CAAC;YAC7C,MAAM,KAAK,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;YAC9C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACZ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACZ,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC5F,IAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;oBACzB,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC;gBAC1C,CAAC;gBACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACJ,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;oBAK1B,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;oBAC7D,IAAI,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,IAAI,EAAE,CAAC;wBAC7C,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC;wBAC1C,IAAI,YAAY,IAAI,YAAY,KAAK,QAAQ,EAAE,CAAC;4BAC5C,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC;4BAC9C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;4BAC5F,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;wBACnC,CAAC;wBACD,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;oBAChG,CAAC;yBAAM,CAAC;wBACJ,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;wBACzC,IAAI,YAAY,IAAI,YAAY,KAAK,QAAQ,EAAE,CAAC;4BAC5C,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;4BAC7C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;4BAC9F,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;wBACnC,CAAC;wBACD,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;oBACtG,CAAC;oBACD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBAC/B,CAAC;qBAAM,CAAC;oBACJ,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;oBAClG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBACvB,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE;YACzB,IAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACzB,OAAO,sCACW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,oBAC9B,UAAU;oBACzB,oBAAG,KAAK,EAAC,eAAe,GAAE;oBAC1B,oBAAG,KAAK,EAAC,qBAAqB,GAAE;oBAChC,uBAAM,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CACvB,CAAC;YACX,CAAC;YACL,OAAO,sCACU,MAAM,oBACJ,UAAU;gBACrB,oBAAG,KAAK,EAAC,eAAe,GAAE;gBAC1B,oBAAG,KAAK,EAAC,qBAAqB,GAAE;gBAChC,uBAAM,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CACvB,CAAC;QACX,CAAC,CAAC;IACN,CAAC;CAEJ;AAhFU;IADN,gBAAgB;;+CACA;AAMV;IADN,gBAAgB;;wDACiB"}

package/dist-esm/basic/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import "./styles/checkbox.global.css";
+import IElement from "./IElement.js";
+export interface ICheckbox extends IElement {
+    checked: any;
+    text: string;
+}
+export default function Checkbox({ checked, text, ...a }: ICheckbox): any;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist-esm/basic/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/basic/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACvC,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,GAAI,CAAC,EACR,EAAE,SAAS,OAUX"}

package/dist-esm/basic/Checkbox.js

@@ -0,0 +1,9 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/checkbox.global.css";
+export default function Checkbox({ checked, text, ...a }) {
+    return XNode.create("div", { "data-check-box": "check-box", ...a },
+        XNode.create("label", null,
+            XNode.create("input", { type: "checkbox", checked: checked }),
+            XNode.create("span", { text: text })));
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist-esm/basic/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/basic/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,8BAA8B,CAAC;AAStC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,GAAI,CAAC,EACG;IACR,OAAO,wCAAoB,WAAW,KAAO,CAAC;QAC1C;YACI,wBACI,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,GAAG;YACvB,uBACI,IAAI,EAAE,IAAI,GAAS,CACnB,CACN,CAAC;AACX,CAAC"}

package/dist-esm/basic/Chip.d.ts

@@ -0,0 +1,15 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import IElement from "./IElement.js";
+import "./styles/chip.global.css";
+export interface IChip extends IElement {
+    icon?: string;
+    header?: string;
+    label?: string;
+    deleteIcon?: string;
+    undoDeleteIcon?: string;
+    draggable?: boolean;
+    recreate?: boolean;
+    deleted?: boolean;
+}
+export default function Chip({ icon, label, header, deleteIcon, undoDeleteIcon, draggable, recreate, deleted, ...a }: IChip, ...nodes: XNode[]): any;
+//# sourceMappingURL=Chip.d.ts.map

package/dist-esm/basic/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/basic/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,KAAM,SAAQ,QAAQ;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CACxB,EACI,IAAI,EACJ,KAAK,EACL,MAAM,EACN,UAAgC,EAChC,cAAmC,EACnC,SAAS,EACT,QAAe,EACf,OAAO,EACP,GAAI,CAAC,EACR,EAAE,KAAK,EACR,GAAI,KAAK,EAAE,KAAK,EAAE,OAiBrB"}

package/dist-esm/basic/Chip.js

@@ -0,0 +1,13 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/chip.global.css";
+export default function Chip({ icon, label, header, deleteIcon = "fa-solid fa-xmark", undoDeleteIcon = "fa-solid fa-undo", draggable, recreate = true, deleted, ...a }, ...nodes) {
+    return XNode.create("div", { ...a, "data-recreate": recreate, "data-deleted": !!deleted, "data-item-chip": "chip", draggable: draggable },
+        icon && XNode.create("i", { class: "icon " + icon }),
+        header && XNode.create("label", { class: "header", text: header }),
+        label && XNode.create("label", { class: "label", text: label }),
+        ...nodes,
+        deleted && XNode.create("div", { class: "delete-strike" }),
+        undoDeleteIcon && deleted && XNode.create("i", { class: "undo delete " + undoDeleteIcon, "data-click-event": "undo-remove-chip" }),
+        deleteIcon && !deleted && XNode.create("i", { class: "delete " + deleteIcon, "data-click-event": "remove-chip" }));
+}
+//# sourceMappingURL=Chip.js.map

package/dist-esm/basic/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/basic/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAGvD,OAAO,0BAA0B,CAAC;AAalC,MAAM,CAAC,OAAO,UAAU,IAAI,CACxB,EACI,IAAI,EACJ,KAAK,EACL,MAAM,EACN,UAAU,GAAG,mBAAmB,EAChC,cAAc,GAAG,kBAAkB,EACnC,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,GAAI,CAAC,EACD,EACR,GAAI,KAAc;IAClB,OAAO,yBACG,CAAC,mBACQ,QAAQ,kBACT,CAAC,CAAC,OAAO,oBACR,MAAM,EACrB,SAAS,EAAE,SAAS;QAClB,IAAI,IAAI,oBAAG,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG;QACnC,MAAM,IAAI,wBAAO,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,GAAG;QAC/C,KAAK,IAAI,wBAAO,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,GAAG;WACxC,KAAK;QACT,OAAO,IAAI,sBAAK,KAAK,EAAC,eAAe,GAAE;QACvC,cAAc,IAAI,OAAO,IAAI,oBAC3B,KAAK,EAAE,cAAc,GAAG,cAAc,sBAAmB,kBAAkB,GAAE;QAC/E,UAAU,IAAI,CAAC,OAAO,IAAI,oBACxB,KAAK,EAAE,SAAS,GAAG,UAAU,sBAAmB,aAAa,GAAE,CACjE,CAAC;AACX,CAAC"}

package/dist-esm/basic/ComboBox.d.ts

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

package/dist-esm/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,mBAAmB,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAGvC,SAAS,EAAE,GAAG,CAAC;IAEtB,OAAO,CAAC,UAAU,CAAS;gBAEf,GAAG,KAAA,EAAE,CAAC,oBAAmC;IAK9C,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI;IAoBjD,SAAS,CAAC,aAAa,IAAI,IAAI;IAQ/B,SAAS,CAAC,SAAS,IAAI,IAAI;IAS3B,SAAS,CAAC,eAAe,IAAI,IAAI;CAepC"}

package/dist-esm/basic/ComboBox.js

@@ -0,0 +1,63 @@
+import { __decorate, __metadata } from "tslib";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater from "./AtomRepeater.js";
+export default class ComboBox extends AtomRepeater {
+    labelPath;
+    isChanging = false;
+    constructor(app, e = document.createElement("select")) {
+        super(app, e);
+        this.selectedItems = [];
+    }
+    updateItems(container) {
+        if (this.isChanging) {
+            return;
+        }
+        super.updateItems(container);
+        const selectedItems = this.selectedItems;
+        if (!selectedItems) {
+            return;
+        }
+        if (selectedItems.length === 0) {
+            return;
+        }
+        this.isChanging = true;
+        const value = this.value;
+        const valuePath = this.valuePath ?? ((item) => item);
+        this.element.selectedIndex = this.items?.findIndex((v) => valuePath(v) == value);
+        this.isChanging = false;
+    }
+    updateClasses() {
+        if (this.isChanging) {
+            return;
+        }
+        super.updateClasses();
+        this.updateItems();
+    }
+    preCreate() {
+        super.preCreate();
+        this.labelPath = (item) => item?.label ?? item.toString();
+        this.valuePath = (item) => item?.value ?? item.toString();
+        this.itemRenderer = (item) => XNode.create("option", null, this.labelPath(item));
+        this.bindEvent(this.element, "change", () => this.changeSelection());
+    }
+    changeSelection() {
+        if (this.isChanging) {
+            return;
+        }
+        this.isChanging = true;
+        const index = this.element.selectedIndex;
+        if (index !== -1) {
+            const si = this.selectedItems;
+            if (si) {
+                si.set(0, this.items[index]);
+            }
+        }
+        this.isChanging = false;
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], ComboBox.prototype, "labelPath", void 0);
+//# sourceMappingURL=ComboBox.js.map

package/dist-esm/basic/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../src/basic/ComboBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAGvC,SAAS,CAAM;IAEd,UAAU,GAAG,KAAK,CAAC;IAE3B,YAAY,GAAG,EAAE,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;QACjD,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACd,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;IAC5B,CAAC;IAEM,WAAW,CAAC,SAAuB;QACtC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,OAAO;QACX,CAAC;QACD,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC7B,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,OAAO;QACX,CAAC;QACD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO;QACX,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;QACpD,IAAI,CAAC,OAA6B,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;QACxG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC;IAES,aAAa;QACnB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,OAAO;QACX,CAAC;QACD,KAAK,CAAC,aAAa,EAAE,CAAC;QACtB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAES,SAAS;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1D,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1D,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,6BAAS,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAU,CAAC;QAEtE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IACzE,CAAC;IAES,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,OAAO;QACX,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,MAAM,KAAK,GAAI,IAAI,CAAC,OAA6B,CAAC,aAAa,CAAC;QAChE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACf,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YAC9B,IAAI,EAAE,EAAE,CAAC;gBACL,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YACjC,CAAC;QACL,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC;CAEJ;AA7DU;IADN,gBAAgB;;2CACK"}

package/dist-esm/basic/DataGrid.d.ts

@@ -0,0 +1,59 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { IPropertyInfo } from "./Editable.js";
+import TableRepeater from "./TableRepeater.js";
+import "./styles/data-grid.global.css";
+export interface IDataGridColumnBase {
+    header: string;
+    headerSort?: any;
+    headerSortDescending?: any;
+    headerSortDefault?: any;
+    headerClickEvent?: string;
+    cellClickEvent?: string;
+    footerClickEvent?: string;
+    headerRenderer?: (item: any) => XNode;
+    footerRenderer?: (item: any) => XNode;
+    headerClickHandler?: (e: CustomEvent) => void;
+    cellClickHandler?: (e: CustomEvent) => void;
+    footerClickHandler?: (e: CustomEvent) => void;
+    ellipsis?: boolean;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface IDataGridColumnWithLabel extends IDataGridColumnBase {
+    label: string;
+    labelPath?: never;
+    cellRenderer?: never;
+}
+export interface IDataGridColumnWithLabelPath extends IDataGridColumnBase {
+    labelPath: (item: any) => string;
+    label?: never;
+    cellRenderer?: never;
+}
+export interface IDataGridColumnWithCellRenderer extends IDataGridColumnBase {
+    cellRenderer: (item: any) => XNode;
+    label?: never;
+    labelPath?: never;
+}
+export type IDataGridColumn = IDataGridColumnWithLabel | IDataGridColumnWithLabelPath | IDataGridColumnWithCellRenderer;
+export declare const SelectAllColumn: IDataGridColumn;
+export interface IEditorColumn {
+    header: string;
+    changeEvents?: string[];
+    editorValuePath?: (editor: any) => any;
+    propertyPath: string[] | string | IPropertyInfo;
+}
+export declare function InputColumn({ type, header, propertyPath }: IEditorColumn & {
+    type?: string;
+}): IDataGridColumn;
+export default class DataGrid extends TableRepeater {
+    columns: IDataGridColumn[];
+    private orderBySet;
+    constructor(app: any, e?: HTMLTableElement);
+    onPropertyChanged(name: keyof DataGrid): void;
+    protected preCreate(): void;
+    protected dispatchHeaderFooterEvent(eventName: any, type: any, recreate: boolean, originalTarget: any): void;
+    protected dispatchItemEvent(eventName: any, item: any, recreate: any, originalTarget: any): void;
+    private invokeHandler;
+}
+//# sourceMappingURL=DataGrid.d.ts.map

package/dist-esm/basic/DataGrid.d.ts.map

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