@web-atoms/web-controls 2.5.39 → 2.5.41

package/dist-esm/calendar/AtomCalendarStyle.js

@@ -0,0 +1,180 @@
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+export default class AtomCalendarStyle extends AtomStyle {
+    get theme() {
+        return this.styleSheet;
+    }
+    get root() {
+        const existing = this.calendarContainer;
+        return {
+            ...existing,
+            backgroundColor: Colors.white,
+            subclasses: {
+                ...existing.subclasses,
+                " .is-disabled ": {
+                    textDecoration: "line-through"
+                },
+                " .week-days": {
+                    subclasses: {
+                        " > div": {
+                            display: "inline-block",
+                            border: "none",
+                            color: Colors.black,
+                            fontWeight: "bold",
+                            fontSize: "75%",
+                            textAlign: "center",
+                            borderRadius: 0,
+                            backgroundColor: Colors.rgba(232, 232, 232),
+                            width: "14%",
+                            paddingTop: "1%",
+                            paddingBottom: "1%"
+                        }
+                    }
+                },
+                " .month-days": {
+                    marginTop: "0.5%",
+                    marginBottom: "0.5%",
+                    subclasses: {
+                        " > div": {
+                            width: "14%",
+                            minHeight: "28px",
+                            display: "inline-block",
+                            borderRadius: "50%",
+                            backgroundColor: Colors.white,
+                            cursor: "default",
+                            color: Colors.black,
+                            subclasses: {
+                                " > div": {
+                                    borderRadius: "50%",
+                                    width: "61%",
+                                    display: "block",
+                                    padding: "7%",
+                                    paddingLeft: "2%",
+                                    paddingRight: "2%",
+                                    subclasses: {
+                                        ".date-css": {
+                                            display: "inline-block",
+                                            fontSize: "75%",
+                                            textAlign: "center"
+                                        },
+                                        ".is-today": {
+                                            fontWeight: "bold",
+                                            color: Colors.rgba(27, 177, 177),
+                                        },
+                                        ".is-weekend": {
+                                            color: "#a50000",
+                                        },
+                                        ".shoot": {
+                                            backgroundColor: "#093",
+                                            ...this.typeStyle
+                                        },
+                                        ".audition": {
+                                            backgroundColor: "#6f6ffb",
+                                            ...this.typeStyle
+                                        },
+                                        ".option": {
+                                            backgroundColor: "#3bc3c3",
+                                            ...this.typeStyle
+                                        },
+                                        ".callback": {
+                                            backgroundColor: "#ffa401",
+                                            ...this.typeStyle
+                                        },
+                                        ".test-shoot": {
+                                            backgroundColor: "#ff96aa",
+                                            ...this.typeStyle
+                                        },
+                                        ".personal": {
+                                            backgroundColor: "#fab5be",
+                                            ...this.typeStyle
+                                        },
+                                        ".go-see": {
+                                            backgroundColor: "#fab0fb",
+                                            ...this.typeStyle
+                                        },
+                                        ".training": {
+                                            backgroundColor: "#d1cebc",
+                                            ...this.typeStyle
+                                        },
+                                        ".wardrobe": {
+                                            backgroundColor: "#bbdf49",
+                                            ...this.typeStyle
+                                        },
+                                        ".rehearsal": {
+                                            backgroundColor: "#39f",
+                                            ...this.typeStyle
+                                        },
+                                        ".travel": {
+                                            backgroundColor: "#c7894b",
+                                            ...this.typeStyle
+                                        },
+                                        ".is-other-month": {
+                                            color: Colors.gray
+                                        },
+                                        ".is-selected": {
+                                            border: "1px solid",
+                                            borderColor: Colors.gray,
+                                            fontWeight: "bold",
+                                            backgroundColor: Colors.white,
+                                            color: Colors.rgba(185, 149, 93),
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        };
+    }
+    get typeStyle() {
+        return {
+            color: "#fff",
+            padding: "10%",
+            paddingLeft: "0",
+            paddingRight: "0"
+        };
+    }
+    get calendarContainer() {
+        return {
+            minWidth: "305px",
+            textAlign: "center",
+            fontFamily: "'Muli', sans-serif",
+            boxSizing: "content-box",
+            border: "1px solid",
+            borderColor: Colors.rgba(232, 232, 232),
+            subclasses: {
+                " .header": {
+                    textAlign: "center",
+                    padding: "1%",
+                    subclasses: {
+                        " > span": {
+                            display: "inline-block",
+                            marginTop: "1%",
+                            padding: "3%",
+                            width: "4%",
+                            background: "transparent no-repeat",
+                        },
+                        " .previous-btn": {
+                            marginLeft: "3%",
+                            float: "left"
+                        },
+                        " .next-btn": {
+                            marginRight: "3%",
+                            float: "right"
+                        },
+                        " > select": {
+                            padding: "1%",
+                            lineHeight: "1.4",
+                            fontSize: "95%",
+                            color: Colors.rgba(185, 149, 93),
+                            border: "none",
+                            fontWeight: "600"
+                        }
+                    }
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=AtomCalendarStyle.js.map

package/dist-esm/calendar/AtomCalendarStyle.js.map

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

package/dist-esm/calendar/CalendarViewModel.d.ts

@@ -0,0 +1,31 @@
+import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
+export interface ILabelValue {
+    label?: string;
+    value?: any;
+}
+export interface ICalendarItem {
+    label: string;
+    type?: string;
+    isToday: boolean;
+    isOtherMonth: boolean;
+    isWeekend: boolean;
+    value: DateTime;
+}
+export default class CalendarViewModel extends AtomViewModel {
+    owner: any;
+    get year(): number;
+    set year(v: number);
+    get month(): number;
+    set month(v: number);
+    private mStart;
+    get start(): DateTime;
+    set start(value: DateTime);
+    get selectedDate(): any;
+    get enableFunc(): any;
+    get yearList(): ILabelValue[];
+    get items(): ICalendarItem[];
+    changeMonth(step: number): void;
+    dateClicked(item: ICalendarItem): void;
+}
+//# sourceMappingURL=CalendarViewModel.d.ts.map

package/dist-esm/calendar/CalendarViewModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarViewModel.d.ts","sourceRoot":"","sources":["../../src/calendar/CalendarViewModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAS,MAAM,kDAAkD,CAAC;AACxF,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAE7D,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,aAAa;IAEjD,KAAK,EAAE,GAAG,CAAC;IAElB,IAAW,IAAI,IAII,MAAM,CAFxB;IAED,IAAW,IAAI,CAAC,CAAC,EAAE,MAAM,EAOxB;IAED,IAAW,KAAK,IAII,MAAM,CAFzB;IAED,IAAW,KAAK,CAAC,CAAC,EAAE,MAAM,EAOzB;IAED,OAAO,CAAC,MAAM,CAA4B;IAC1C,IAAW,KAAK,IAAI,QAAQ,CAE3B;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,QAAQ,EAI/B;IAED,IACW,YAAY,IAAI,GAAG,CAE7B;IAED,IACW,UAAU,IAAI,GAAG,CAE3B;IAED,IACW,QAAQ,IAAI,WAAW,EAAE,CASnC;IAED,IACW,KAAK,IAAI,aAAa,EAAE,CA8BlC;IAEM,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAY/B,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;CAMhD"}

package/dist-esm/calendar/CalendarViewModel.js

@@ -0,0 +1,120 @@
+import { __decorate, __metadata } from "tslib";
+import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
+export default class CalendarViewModel extends AtomViewModel {
+    owner;
+    get year() {
+        return this.start.year;
+    }
+    set year(v) {
+        if (this.start.year === v) {
+            return;
+        }
+        const s = this.mStart;
+        this.mStart = new DateTime(v, s.month, s.day);
+        this.refresh("start");
+    }
+    get month() {
+        return this.start.month;
+    }
+    set month(v) {
+        if (this.start.month === v) {
+            return;
+        }
+        const s = this.mStart;
+        this.mStart = new DateTime(s.year, v, s.day);
+        this.refresh("start");
+    }
+    mStart = DateTime.today;
+    get start() {
+        return this.mStart;
+    }
+    set start(value) {
+        this.mStart = value;
+        this.refresh("year");
+        this.refresh("month");
+    }
+    get selectedDate() {
+        return this.owner.selectedDate;
+    }
+    get enableFunc() {
+        return this.owner.enableFunc;
+    }
+    get yearList() {
+        const start = this.year + this.owner.yearStart;
+        const end = this.year + this.owner.yearEnd;
+        const a = [];
+        for (let index = start; index <= end; index++) {
+            a.push({ label: index + "", value: index });
+        }
+        return a;
+    }
+    get items() {
+        const today = DateTime.today;
+        const start = this.start;
+        let startDate = new DateTime(start.year, start.month, 1);
+        while (startDate.dayOfWeek !== 1) {
+            startDate = startDate.add(-1);
+        }
+        const a = [];
+        const y = startDate.year;
+        const m = startDate.month;
+        for (let index = 0; index < 42; index++) {
+            const cd = startDate.add(index);
+            a.push({
+                label: cd.day + "",
+                type: null,
+                value: cd,
+                isToday: cd.equals(today),
+                isOtherMonth: start.month !== cd.month,
+                isWeekend: (cd.dayOfWeek === 0 || cd.dayOfWeek === 6)
+            });
+        }
+        const o = this.owner;
+        o.element.dispatchEvent(new CustomEvent("refresh", {
+            detail: {
+                year: start.year,
+                month: start.month
+            }
+        }));
+        o.currentDate = startDate;
+        return a;
+    }
+    changeMonth(step) {
+        const s = this.start.addMonths(step);
+        const start = this.year + this.owner.yearStart;
+        const end = this.year + this.owner.yearEnd;
+        const sy = s.year;
+        if (sy < start || sy > end) {
+            return;
+        }
+        this.start = s;
+        this.refresh("start");
+    }
+    dateClicked(item) {
+        const e = this.owner.element;
+        this.owner.selectedDate = item.value;
+        e.dispatchEvent(new CustomEvent("dateClicked", { detail: item }));
+    }
+}
+__decorate([
+    Watch,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], CalendarViewModel.prototype, "selectedDate", null);
+__decorate([
+    Watch,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], CalendarViewModel.prototype, "enableFunc", null);
+__decorate([
+    Watch,
+    __metadata("design:type", Array),
+    __metadata("design:paramtypes", [])
+], CalendarViewModel.prototype, "yearList", null);
+__decorate([
+    Watch,
+    __metadata("design:type", Array),
+    __metadata("design:paramtypes", [])
+], CalendarViewModel.prototype, "items", null);
+//# sourceMappingURL=CalendarViewModel.js.map

package/dist-esm/calendar/CalendarViewModel.js.map

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

package/dist-esm/calendar/res/SRCalendar.d.ts

@@ -0,0 +1,12 @@
+export default abstract class SRCalendar {
+    monthList: {
+        label: string;
+        value: number;
+    }[];
+    weekDays: {
+        label: string;
+        value: string;
+    }[];
+    toShortDate(d: Date): string;
+}
+//# sourceMappingURL=SRCalendar.d.ts.map

package/dist-esm/calendar/res/SRCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SRCalendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/res/SRCalendar.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,UAAU;IAE7B,SAAS;;;QAad;IAEK,QAAQ;;;QAQb;IACK,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM;CAItC"}

package/dist-esm/calendar/res/SRCalendar.js

@@ -0,0 +1,37 @@
+import { __decorate } from "tslib";
+import DISingleton from "@web-atoms/core/dist/di/DISingleton.js";
+let SRCalendar = class SRCalendar {
+    monthList = [
+        { label: "January", value: 0 },
+        { label: "February", value: 1 },
+        { label: "March", value: 2 },
+        { label: "April", value: 3 },
+        { label: "May", value: 4 },
+        { label: "June", value: 5 },
+        { label: "July", value: 6 },
+        { label: "August", value: 7 },
+        { label: "September", value: 8 },
+        { label: "October", value: 9 },
+        { label: "November", value: 10 },
+        { label: "December", value: 11 }
+    ];
+    weekDays = [
+        { label: "Mon", value: "Mon" },
+        { label: "Tue", value: "Tue" },
+        { label: "Wed", value: "Wed" },
+        { label: "Thu", value: "Thu" },
+        { label: "Fri", value: "Fri" },
+        { label: "Sat", value: "Sat" },
+        { label: "Sun", value: "Sun" }
+    ];
+    toShortDate(d) {
+        return d.toLocaleDateString();
+    }
+};
+SRCalendar = __decorate([
+    DISingleton({
+        inject: "./{lang}/SRCalendar"
+    })
+], SRCalendar);
+export default SRCalendar;
+//# sourceMappingURL=SRCalendar.js.map

package/dist-esm/calendar/res/SRCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SRCalendar.js","sourceRoot":"","sources":["../../../src/calendar/res/SRCalendar.ts"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAKlD,IAAe,UAAU,GAAzB,MAAe,UAAU;IAE7B,SAAS,GAAG;QACf,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;QAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAC;QAC7B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;QAC1B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;QAC1B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC;QACxB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;QACzB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;QACzB,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAC;QAC3B,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAC;QAC9B,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;QAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;QAC9B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;KACjC,CAAC;IAEK,QAAQ,GAAG;QACd,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;KACjC,CAAC;IACK,WAAW,CAAC,CAAO;QACtB,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAClC,CAAC;CAEJ,CAAA;AA9B6B,UAAU;IAHvC,WAAW,CAAC;QACT,MAAM,EAAE,qBAAqB;KAChC,CAAC;GAC4B,UAAU,CA8BvC;eA9B6B,UAAU"}

package/dist-esm/calendar/res/en-US/SRCalendar.d.ts

@@ -0,0 +1,12 @@
+import SRCalendar from "../SRCalendar.js";
+export default class Calendar extends SRCalendar {
+    monthList: {
+        label: string;
+        value: number;
+    }[];
+    weekDays: {
+        label: string;
+        value: string;
+    }[];
+}
+//# sourceMappingURL=SRCalendar.d.ts.map

package/dist-esm/calendar/res/en-US/SRCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SRCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendar/res/en-US/SRCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAErC,SAAS;;;QAad;IAEK,QAAQ;;;QAQb;CAEL"}

package/dist-esm/calendar/res/en-US/SRCalendar.js

@@ -0,0 +1,27 @@
+import SRCalendar from "../SRCalendar.js";
+export default class Calendar extends SRCalendar {
+    monthList = [
+        { label: "January", value: 0 },
+        { label: "February", value: 1 },
+        { label: "March", value: 2 },
+        { label: "April", value: 3 },
+        { label: "May", value: 4 },
+        { label: "June", value: 5 },
+        { label: "July", value: 6 },
+        { label: "August", value: 7 },
+        { label: "September", value: 8 },
+        { label: "October", value: 9 },
+        { label: "November", value: 10 },
+        { label: "December", value: 11 }
+    ];
+    weekDays = [
+        { label: "Mon", value: "Mon" },
+        { label: "Tue", value: "Tue" },
+        { label: "Wed", value: "Wed" },
+        { label: "Thu", value: "Thu" },
+        { label: "Fri", value: "Fri" },
+        { label: "Sat", value: "Sat" },
+        { label: "Sun", value: "Sun" }
+    ];
+}
+//# sourceMappingURL=SRCalendar.js.map

package/dist-esm/calendar/res/en-US/SRCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SRCalendar.js","sourceRoot":"","sources":["../../../../src/calendar/res/en-US/SRCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,UAAU;IAErC,SAAS,GAAG;QACf,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;QAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAC;QAC7B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;QAC1B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;QAC1B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC;QACxB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;QACzB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;QACzB,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAC;QAC3B,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAC;QAC9B,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;QAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;QAC9B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;KACjC,CAAC;IAEK,QAAQ,GAAG;QACd,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;KACjC,CAAC;CAEL"}

package/dist-esm/data-grid/AtomColumn.d.ts

@@ -0,0 +1,15 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import FormattedString from "@web-atoms/core/dist/core/FormattedString.js";
+export default class AtomColumn extends AtomControl {
+    constructor(app: any, e?: any);
+    label: string | FormattedString;
+    labelPath: string;
+    valuePath: string;
+    sort: any;
+    align: string;
+    headerTemplate: any;
+    footerTemplate: any;
+    dataTemplate: any;
+    create(): void;
+}
+//# sourceMappingURL=AtomColumn.d.ts.map

package/dist-esm/data-grid/AtomColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomColumn.d.ts","sourceRoot":"","sources":["../../src/data-grid/AtomColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAC,MAAM,kDAAkD,CAAC;AAEzE,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAI/E,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;gBAEtC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAE,GAAkC;IAKpD,KAAK,EAAE,MAAM,GAAG,eAAe,CAAE;IAGjC,SAAS,EAAE,MAAM,CAAE;IAGnB,SAAS,EAAE,MAAM,CAAE;IAGnB,IAAI,EAAE,GAAG,CAAE;IAGX,KAAK,EAAE,MAAM,CAAE;IAGf,cAAc,EAAE,GAAG,CAAE;IAGrB,cAAc,EAAE,GAAG,CAAE;IAGrB,YAAY,EAAE,GAAG,CAAE;IAEnB,MAAM,IAAI,IAAI;CAwBrB"}

package/dist-esm/data-grid/AtomColumn.js

@@ -0,0 +1,64 @@
+import { __decorate, __metadata } from "tslib";
+import Bind from "@web-atoms/core/dist/core/Bind";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export default class AtomColumn extends AtomControl {
+    constructor(app, e = document.createElement("th")) {
+        super(app, e);
+    }
+    label;
+    labelPath;
+    valuePath;
+    sort;
+    align;
+    headerTemplate;
+    footerTemplate;
+    dataTemplate;
+    create() {
+        this.label = null;
+        this.labelPath = null;
+        this.valuePath = null;
+        this.sort = null;
+        this.align = 'left';
+        this.headerTemplate = null;
+        this.footerTemplate = null;
+        this.dataTemplate = null;
+        this.render(XNode.create("div", null,
+            XNode.create("span", { template: "headerTemplate", formattedText: Bind.oneWay(() => this.label) }),
+            XNode.create("span", { template: "dataTemplate", styleTextAlign: Bind.oneWay(() => this.align), formattedText: Bind.oneWay((x) => x.localViewModel.getItem(x.data, this.valuePath)) })));
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomColumn.prototype, "label", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomColumn.prototype, "labelPath", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomColumn.prototype, "valuePath", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomColumn.prototype, "sort", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomColumn.prototype, "align", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomColumn.prototype, "headerTemplate", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomColumn.prototype, "footerTemplate", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomColumn.prototype, "dataTemplate", void 0);
+//# sourceMappingURL=AtomColumn.js.map

package/dist-esm/data-grid/AtomColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomColumn.js","sourceRoot":"","sources":["../../src/data-grid/AtomColumn.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,gCAAgC,CAAA;AACjD,OAAO,KAAK,MAAM,iCAAiC,CAAA;AACnD,OAAO,EAAC,gBAAgB,EAAC,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAC,WAAW,EAAC,MAAM,kDAAkD,CAAC;AAM7E,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAElD,YAAY,GAAQ,EAAE,IAAS,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;QAC1D,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACf,CAAC;IAGM,KAAK,CAA4B;IAGjC,SAAS,CAAU;IAGnB,SAAS,CAAU;IAGnB,IAAI,CAAO;IAGX,KAAK,CAAU;IAGf,cAAc,CAAO;IAGrB,cAAc,CAAO;IAGrB,YAAY,CAAO;IAEnB,MAAM;QAEZ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;QACpB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,MAAM,CACX;YACC,uBACC,QAAQ,EAAC,gBAAgB,EACzB,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GACtC;YACP,uBACC,QAAQ,EAAC,cAAc,EACvB,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAC7C,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,GAC7E,CACF,CACL,CAAC;IACH,CAAC;CACD;AA/CO;IADN,gBAAgB;;yCACuB;AAGjC;IADN,gBAAgB;;6CACS;AAGnB;IADN,gBAAgB;;6CACS;AAGnB;IADN,gBAAgB;;wCACC;AAGX;IADN,gBAAgB;;yCACK;AAGf;IADN,gBAAgB;;kDACW;AAGrB;IADN,gBAAgB;;kDACW;AAGrB;IADN,gBAAgB;;gDACS"}

package/dist-esm/data-grid/AtomDataGrid.d.ts

@@ -0,0 +1,9 @@
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+export default class AtomDataGrid extends AtomItemsControl {
+    static readonly _$_url: any;
+    columns: any[];
+    constructor(app: any, e?: any);
+    append(e: any): any;
+    preCreate(): void;
+}
+//# sourceMappingURL=AtomDataGrid.d.ts.map

package/dist-esm/data-grid/AtomDataGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDataGrid.d.ts","sourceRoot":"","sources":["../../src/data-grid/AtomDataGrid.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,uDAAuD,CAAC;AAQvF,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,gBAAgB;IAEtD,gBAAuB,MAAM,MAAe;IAGpC,OAAO,EAAE,GAAG,EAAE,CAAG;gBAEb,GAAG,EAAE,GAAG,EAAE,CAAC,GAAE,GAAmC;IAIrD,MAAM,CAAC,CAAC,KAAA,GAAG,GAAG;IASd,SAAS,IAAI,IAAI;CA+B3B"}

package/dist-esm/data-grid/AtomDataGrid.js

@@ -0,0 +1,50 @@
+import { __decorate, __metadata } from "tslib";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import AtomColumn from "./AtomColumn.js";
+import AtomDataGridStyle from "./AtomDataGridStyle.js";
+import AtomDataGridViewModel from "./AtomDataGridViewModel.js";
+import GridTemplate from "./GridTemplate.js";
+const moduleName = globalThis.filename;
+export default class AtomDataGrid extends AtomItemsControl {
+    static _$_url = moduleName;
+    columns;
+    constructor(app, e = document.createElement("div")) {
+        super(app, e);
+    }
+    append(e) {
+        if (e instanceof AtomColumn) {
+            const c = this.columns || (this.columns = []);
+            c.push(e);
+            return this;
+        }
+        return super.append(e);
+    }
+    preCreate() {
+        this.columns = null;
+        this.defaultControlStyle = AtomDataGridStyle;
+        this.runAfterInit(() => {
+            this.element.className = this.controlStyle.name;
+        });
+        this.localViewModel = this.resolve(AtomDataGridViewModel, "owner");
+        this.runAfterInit(() => {
+            this.itemTemplate = GridTemplate(this, "dataTemplate", "td");
+            const table = document.createElement("table");
+            this.element.append(table);
+            const headerTemplate = GridTemplate(this, "headerTemplate", "th");
+            const headRow = new (headerTemplate)(this.app, document.createElement("tr"));
+            headRow.data = this;
+            const head = document.createElement("thead");
+            head.appendChild(headRow.element);
+            table.appendChild(head);
+            const body = document.createElement("tbody");
+            this.itemsPresenter = body;
+            table.appendChild(body);
+        });
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Array)
+], AtomDataGrid.prototype, "columns", void 0);
+//# sourceMappingURL=AtomDataGrid.js.map

package/dist-esm/data-grid/AtomDataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDataGrid.js","sourceRoot":"","sources":["../../src/data-grid/AtomDataGrid.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,uDAAuD,CAAC;AACvF,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAG7C,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC;AACvC,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,gBAAgB;IAE/C,MAAM,CAAU,MAAM,GAAG,UAAU,CAAE;IAGpC,OAAO,CAAU;IAEzB,YAAY,GAAQ,EAAE,IAAS,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QACxD,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM,CAAC,CAAC;QACX,IAAI,CAAC,YAAY,UAAU,EAAE,CAAC;YAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;YAC9C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACV,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAEM,SAAS;QAEZ,IAAI,CAAE,OAAO,GAAI,IAAI,CAAE;QACvB,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC;QAE7C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAI,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAE;QAErE,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;YAEnB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;YAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAE9C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAE3B,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC;YAClE,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7E,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC7C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAClC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAExB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC7C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACP,CAAC;;AA7CO;IADP,gBAAgB;;6CACQ"}

package/dist-esm/data-grid/AtomDataGridStyle.d.ts

@@ -0,0 +1,6 @@
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
+export default class AtomDataGridStyle extends AtomStyle {
+    get root(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomDataGridStyle.d.ts.map

package/dist-esm/data-grid/AtomDataGridStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDataGridStyle.d.ts","sourceRoot":"","sources":["../../src/data-grid/AtomDataGridStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AAEzF,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,SAAS;IAEpD,IAAW,IAAI,IAAI,iBAAiB,CAqCnC;CACJ"}