@web-atoms/web-controls 2.5.39 → 2.5.40

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

@@ -0,0 +1,43 @@
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+export default class AtomDataGridStyle extends AtomStyle {
+    get root() {
+        return {
+            position: "absolute",
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            overflow: "auto",
+            subclasses: {
+                " > table > thead": {
+                    subclasses: {
+                        " > tr": {
+                            backgroundColor: Colors.lightGrey
+                        },
+                        " > tr > th": {
+                            padding: "5px"
+                        }
+                    }
+                },
+                " > table > tbody": {
+                    subclasses: {
+                        " > tr": {
+                            backgroundColor: Colors.white
+                        },
+                        " > tr:hover": {
+                            backgroundColor: Colors.lightGreen
+                        },
+                        " > tr > td": {
+                            padding: "5px"
+                        },
+                        " > tr > td:hover": {
+                            backgroundColor: Colors.lightSeaGreen
+                        }
+                    }
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=AtomDataGridStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDataGridStyle.js","sourceRoot":"","sources":["../../src/data-grid/AtomDataGridStyle.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,qCAAqC,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAGzE,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,SAAS;IAEpD,IAAW,IAAI;QACX,OAAO;YACH,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;YACN,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE;gBACR,kBAAkB,EAAE;oBAChB,UAAU,EAAE;wBACR,OAAO,EAAE;4BACL,eAAe,EAAE,MAAM,CAAC,SAAS;yBACpC;wBACD,YAAY,EAAE;4BACV,OAAO,EAAE,KAAK;yBACjB;qBACJ;iBACJ;gBACD,kBAAkB,EAAE;oBAChB,UAAU,EAAE;wBACR,OAAO,EAAE;4BACL,eAAe,EAAE,MAAM,CAAC,KAAK;yBAChC;wBACD,aAAa,EAAE;4BACX,eAAe,EAAE,MAAM,CAAC,UAAU;yBACrC;wBACD,YAAY,EAAE;4BACV,OAAO,EAAE,KAAK;yBACjB;wBACD,kBAAkB,EAAE;4BAChB,eAAe,EAAE,MAAM,CAAC,aAAa;yBACxC;qBACJ;iBACJ;aACJ;SACJ,CAAC;IACN,CAAC;CACJ"}

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

@@ -0,0 +1,13 @@
+import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import AtomColumn from "./AtomColumn.js";
+interface IDataGrid {
+    columns: AtomColumn[];
+    items: any[];
+}
+export default class AtomDataGridViewModel extends AtomViewModel {
+    owner: IDataGrid;
+    watchInit(): void;
+    getItem(data: any, valuePath: any): any;
+}
+export {};
+//# sourceMappingURL=AtomDataGridViewModel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDataGridViewModel.d.ts","sourceRoot":"","sources":["../../src/data-grid/AtomDataGridViewModel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAS,MAAM,kDAAkD,CAAC;AAExF,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAEzC,UAAU,SAAS;IACf,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,EAAE,GAAG,EAAE,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,aAAa;IAErD,KAAK,EAAE,SAAS,CAAC;IAMjB,SAAS;IAkDT,OAAO,CAAC,IAAI,KAAA,EAAE,SAAS,KAAA;CAIjC"}

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

@@ -0,0 +1,58 @@
+import { __decorate, __metadata } from "tslib";
+import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import AtomColumn from "./AtomColumn.js";
+export default class AtomDataGridViewModel extends AtomViewModel {
+    owner;
+    watchInit() {
+        if (!this.owner) {
+            return;
+        }
+        const data = this.owner.items;
+        if (!data) {
+            return;
+        }
+        let columns = this.owner.columns;
+        if (columns && columns.length) {
+            return;
+        }
+        const columnList = {};
+        columns = [];
+        for (const iterator of data) {
+            for (const key in iterator) {
+                if (columnList[key]) {
+                    continue;
+                }
+                if (iterator.hasOwnProperty(key)) {
+                    const v = iterator[key];
+                    const c = new AtomColumn(this.app);
+                    c.label = key;
+                    c.labelPath = key;
+                    c.valuePath = key;
+                    c.align = "left";
+                    if (typeof v !== "string") {
+                        c.align = "right";
+                        c.sort = (a, b) => a > b ? -1 : 1;
+                    }
+                    else {
+                        c.sort = (a, b) => a.localeCompare(b);
+                    }
+                    columns.push(c);
+                    columnList[key] = c;
+                }
+            }
+        }
+        setTimeout(() => {
+            this.owner.columns = columns;
+        }, 1);
+    }
+    getItem(data, valuePath) {
+        return data[valuePath];
+    }
+}
+__decorate([
+    Watch,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], AtomDataGridViewModel.prototype, "watchInit", null);
+//# sourceMappingURL=AtomDataGridViewModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDataGridViewModel.js","sourceRoot":"","sources":["../../src/data-grid/AtomDataGridViewModel.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAExF,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAOzC,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,aAAa;IAErD,KAAK,CAAY;IAMjB,SAAS;QAEZ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,OAAO;QACX,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAE9B,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAEjC,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YAC5B,OAAO;QACX,CAAC;QAED,MAAM,UAAU,GAA8B,EAAI,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC;QAEb,KAAK,MAAM,QAAQ,IAAI,IAAI,EAAE,CAAC;YAC1B,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;gBACzB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;oBAClB,SAAS;gBACb,CAAC;gBACD,IAAI,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC/B,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;oBACxB,MAAM,CAAC,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACnC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC;oBACd,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC;oBAClB,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC;oBAClB,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;oBACjB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;wBACxB,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC;wBAClB,CAAC,CAAC,IAAI,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtD,CAAC;yBAAM,CAAC;wBACJ,CAAC,CAAC,IAAI,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;oBAC1D,CAAC;oBACD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBAChB,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACxB,CAAC;YACL,CAAC;QACL,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACjC,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC;IAEM,OAAO,CAAC,IAAI,EAAE,SAAS;QAC1B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CAEJ;AAtDU;IADN,KAAK;;;;sDAiDL"}

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

@@ -0,0 +1,9 @@
+import { IClassOf } from "@web-atoms/core/dist/core/types.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomColumn from "./AtomColumn.js";
+interface IDataGrid {
+    columns: AtomColumn[];
+}
+export default function GridTemplate(owner: IDataGrid, templatePath: string, elementName: string): IClassOf<AtomControl>;
+export {};
+//# sourceMappingURL=GridTemplate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridTemplate.d.ts","sourceRoot":"","sources":["../../src/data-grid/GridTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAe,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAEzC,UAAU,SAAS;IACf,OAAO,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAChC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,QAAQ,CAAC,WAAW,CAAC,CAuEtF"}

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

@@ -0,0 +1,58 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export default function GridTemplate(owner, templatePath, elementName) {
+    return class AtomGridTemplate extends AtomControl {
+        dataGrid;
+        columnDisposable;
+        row;
+        lastCreateRowId = null;
+        constructor(app, e = document.createElement("tr")) {
+            super(app, e);
+        }
+        preCreate() {
+            this.dataGrid = owner;
+            this.row = null;
+            this.data = null;
+            this.bind(this.element, "none", [["this", "data"], ["this", "dataGrid", "columns"]], false, (data, columns) => this.updateRow(data, columns), this);
+        }
+        updateRow(data, columns) {
+            if (this.columnDisposable) {
+                this.columnDisposable.dispose();
+                this.columnDisposable = null;
+            }
+            if (!columns) {
+                return;
+            }
+            this.columnDisposable = this.disposables.add(columns.watch(() => {
+                this.deferCreateRow(data, columns);
+            }));
+            this.createRow(data, columns);
+            return 1;
+        }
+        deferCreateRow(data, columns) {
+            if (this.lastCreateRowId) {
+                clearTimeout(this.lastCreateRowId);
+                this.lastCreateRowId = null;
+            }
+            this.lastCreateRowId = setTimeout(() => this.createRow(data, columns), 100);
+        }
+        createRow(data, columns) {
+            if (this.row) {
+                for (const iterator of this.row) {
+                    const e = iterator.element;
+                    if (e) {
+                        iterator.dispose();
+                        e.remove();
+                    }
+                }
+                this.row = null;
+            }
+            this.row = columns.map((x) => {
+                const c = new (x[templatePath])(this.app, document.createElement(elementName));
+                c.data = data;
+                this.append(c);
+                return c;
+            });
+        }
+    };
+}
+//# sourceMappingURL=GridTemplate.js.map

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

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

package/dist-esm/data-pager/AtomDataPager.d.ts

@@ -0,0 +1,19 @@
+import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
+export declare class AtomDataPagerViewModel extends AtomViewModel {
+    owner: AtomDataPager;
+    get pages(): any[];
+}
+export declare class AtomDataPagerStyle extends AtomStyle {
+    get root(): IStyleDeclaration;
+}
+export default class AtomDataPager extends AtomControl {
+    total: number;
+    size: number;
+    current: number;
+    localViewModel: AtomDataPagerViewModel;
+    create(): void;
+}
+//# sourceMappingURL=AtomDataPager.d.ts.map

package/dist-esm/data-pager/AtomDataPager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDataPager.d.ts","sourceRoot":"","sources":["../../src/data-pager/AtomDataPager.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAS,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AAEzF,qBAAa,sBAAuB,SAAQ,aAAa;IAE9C,KAAK,EAAE,aAAa,CAAC;IAE5B,IACW,KAAK,UA0Bf;CAEJ;AAED,qBAAa,kBAAmB,SAAQ,SAAS;IAC7C,IAAW,IAAI,IAAI,iBAAiB,CAanC;CACJ;AAED,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IAE3C,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAER,cAAc,EAAE,sBAAsB,CAAC;IAE/C,MAAM;CAmChB"}

package/dist-esm/data-pager/AtomDataPager.js

@@ -0,0 +1,83 @@
+import { __decorate, __metadata } from "tslib";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+export class AtomDataPagerViewModel extends AtomViewModel {
+    owner;
+    get pages() {
+        const r = [];
+        const size = this.owner.size;
+        if (size <= 0) {
+            return r;
+        }
+        const total = Math.ceil(this.owner.total / size);
+        let current = this.owner.current;
+        if (current === null) {
+            current = 0;
+            this.owner.current = 0;
+        }
+        if (current >= total) {
+            current = total - 1;
+        }
+        const start = Math.max(0, current <= 2
+            ? 0
+            : (current + 5 > total ? (total - 5) : current - 3));
+        const max = Math.min(start + 5, total);
+        for (let index = start; index < max; index++) {
+            r.push({
+                label: `${index + 1}`,
+                value: index
+            });
+        }
+        return r;
+    }
+}
+__decorate([
+    Watch,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], AtomDataPagerViewModel.prototype, "pages", null);
+export class AtomDataPagerStyle extends AtomStyle {
+    get root() {
+        return {
+            subclasses: {
+                " button": {
+                    margin: "5px"
+                },
+                " button.selected": {
+                    margin: "5px",
+                    backgroundColor: Colors.blue,
+                    color: Colors.white
+                }
+            }
+        };
+    }
+}
+export default class AtomDataPager extends AtomControl {
+    total;
+    size;
+    current;
+    create() {
+        this.defaultControlStyle = AtomDataPagerStyle;
+        this.current = 0;
+        this.size = 0;
+        this.total = 0;
+        this.localViewModel = this.resolve(AtomDataPagerViewModel, "owner");
+        this.render(XNode.create("div", { styleClass: this.controlStyle.name },
+            XNode.create("button", { eventClick: Bind.event(() => this.current = 0), text: "First" }),
+            XNode.create(AtomItemsControl, { for: "span", items: Bind.oneWay(() => this.localViewModel.pages) },
+                XNode.create(AtomItemsControl.itemTemplate, null,
+                    XNode.create("button", { styleClass: Bind.oneWay((x) => ({
+                            item: 1,
+                            selected: x.data.value === this.current
+                        })), eventClick: Bind.event((x) => this.current = x.data.value), text: Bind.oneTime((x) => x.data.label) }))),
+            XNode.create("button", { eventClick: Bind.event(() => this.current = this.total > 0
+                    ? Math.floor(this.total / this.size)
+                    : 0), text: "Last" })));
+    }
+}
+//# sourceMappingURL=AtomDataPager.js.map

package/dist-esm/data-pager/AtomDataPager.js.map

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

package/dist-esm/date-field/AtomDateField.d.ts

@@ -0,0 +1,20 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomPopupButton from "../buttons/AtomPopupButton.js";
+import SRCalendar from "../calendar/res/SRCalendar.js";
+export default class AtomDateField extends AtomPopupButton {
+    static itemTemplate: (attributes: Partial<unknown>, ...nodes: XNode[]) => XNode;
+    selectedDate: Date;
+    yearStart: any;
+    yearEnd: any;
+    enableFunc: any;
+    currentMonth: any;
+    itemTemplate: any;
+    placeholder: string;
+    labelFunc: any;
+    locale: any;
+    localeOptions: any;
+    protected srCalendar: SRCalendar;
+    create(): void;
+    preCreate(): void;
+}
+//# sourceMappingURL=AtomDateField.d.ts.map

package/dist-esm/date-field/AtomDateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomDateField.d.ts","sourceRoot":"","sources":["../../src/date-field/AtomDateField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAE5D,OAAO,UAAU,MAAM,+BAA+B,CAAC;AAQvD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,eAAe;IAEzD,OAAc,YAAY,6DAA6C;IAEhE,YAAY,EAAE,IAAI,CAAE;IAEpB,SAAS,EAAE,GAAG,CAAE;IAEhB,OAAO,EAAE,GAAG,CAAE;IAEd,UAAU,EAAE,GAAG,CAAE;IAEjB,YAAY,EAAE,GAAG,CAAE;IAEnB,YAAY,EAAE,GAAG,CAAE;IAEnB,WAAW,EAAE,MAAM,CAAC;IAEpB,SAAS,EAAE,GAAG,CAAC;IAEf,MAAM,EAAE,GAAG,CAAC;IAEZ,aAAa,EAAE,GAAG,CAAC;IAE1B,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAE1B,MAAM,IAAI,IAAI;IAoCd,SAAS;CAShB"}

package/dist-esm/date-field/AtomDateField.js

@@ -0,0 +1,54 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomPopupButton from "../buttons/AtomPopupButton.js";
+import AtomCalendar from "../calendar/AtomCalendar.js";
+import SRCalendar from "../calendar/res/SRCalendar.js";
+const shortDate = {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+};
+export default class AtomDateField extends AtomPopupButton {
+    static itemTemplate = XNode.prepare("itemTemplate", true, true);
+    selectedDate;
+    yearStart;
+    yearEnd;
+    enableFunc;
+    currentMonth;
+    itemTemplate;
+    placeholder;
+    labelFunc;
+    locale;
+    localeOptions;
+    srCalendar;
+    create() {
+        const srCalendar = this.app.resolve(SRCalendar);
+        this.selectedDate = null;
+        this.yearStart = -10;
+        this.yearEnd = 10;
+        this.enableFunc = null;
+        this.labelFunc = null;
+        this.locale = "en-US";
+        this.localeOptions = shortDate;
+        this.placeholder = "Select Date";
+        this.render(XNode.create("div", { text: Bind.oneWay(() => this.selectedDate
+                ? (this.labelFunc
+                    ? this.labelFunc(this.selectedDate)
+                    : (this.selectedDate.toLocaleDateString
+                        ? this.selectedDate.toLocaleDateString(this.locale, this.localeOptions)
+                        : srCalendar.toShortDate(this.selectedDate)))
+                : this.placeholder), eventResult: Bind.event((s, e) => this.selectedDate = e.detail) },
+            XNode.create(AtomPopupButton.page, null,
+                XNode.create(AtomCalendar, { selectedDate: Bind.twoWays(() => this.selectedDate), yearStart: Bind.oneWay(() => this.yearStart), yearEnd: Bind.oneWay(() => this.yearEnd), enableFunc: Bind.oneWay(() => this.enableFunc), itemTemplate: Bind.oneWay(() => this.itemTemplate || undefined), eventDateClicked: Bind.event((s, e) => s.viewModel.close(e.detail.value)) }))));
+    }
+    preCreate() {
+        super.preCreate();
+        this.selectedDate = null;
+        this.yearStart = null;
+        this.yearEnd = null;
+        this.enableFunc = null;
+        this.currentMonth = null;
+        this.itemTemplate = null;
+    }
+}
+//# sourceMappingURL=AtomDateField.js.map

package/dist-esm/date-field/AtomDateField.js.map

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

package/dist-esm/desktop-app/DesktopApp.d.ts

@@ -0,0 +1,16 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "../styles/desktop-app.global.css";
+export default class DesktopApp extends AtomControl {
+    menuRenderer: () => XNode;
+    sideBarRenderer: () => XNode;
+    statusBarRenderer: () => XNode;
+    private initialized;
+    onPropertyChanged(name: any): void;
+    protected init(): any;
+    protected recreate(renderer: any, name: any, remove?: boolean): HTMLElement;
+    protected create(): void;
+    onIconClick(): void;
+    onHideDrawer(): void;
+}
+//# sourceMappingURL=DesktopApp.d.ts.map

package/dist-esm/desktop-app/DesktopApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopApp.d.ts","sourceRoot":"","sources":["../../src/desktop-app/DesktopApp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAI/E,OAAO,kCAAkC,CAAC;AAG1C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAGxC,YAAY,EAAE,MAAM,KAAK,CAAC;IAG1B,eAAe,EAAE,MAAM,KAAK,CAAC;IAG7B,iBAAiB,EAAE,MAAM,KAAK,CAAC;IAEtC,OAAO,CAAC,WAAW,CAAU;IAEtB,iBAAiB,CAAC,IAAI,KAAA;IAmB7B,SAAS,CAAC,IAAI,IAAI,GAAG;IAIrB,SAAS,CAAC,QAAQ,CAAC,QAAQ,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,UAAO,GAAG,WAAW;IAoB9D,SAAS,CAAC,MAAM;IAmBhB,WAAW;IASX,YAAY;CAIf"}

package/dist-esm/desktop-app/DesktopApp.js

@@ -0,0 +1,99 @@
+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 { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+import MobileApp from "../mobile-app/MobileApp.js";
+import "../styles/desktop-app.global.css";
+import Action from "@web-atoms/core/dist/view-model/Action.js";
+export default class DesktopApp extends AtomControl {
+    menuRenderer;
+    sideBarRenderer;
+    statusBarRenderer;
+    initialized;
+    onPropertyChanged(name) {
+        super.onPropertyChanged(name);
+        if (!this.initialized) {
+            return;
+        }
+        switch (name) {
+            case "statusBarRenderer":
+                this.recreate(name, "status-bar");
+                break;
+            case "menuRenderer":
+                this.recreate(name, "menu-renderer");
+                break;
+            case "sideBarRenderer":
+                this.recreate(name, "side-bar");
+                break;
+        }
+    }
+    init() {
+    }
+    recreate(renderer, name, remove = true) {
+        const node = this[renderer]?.() ?? undefined;
+        if (remove) {
+            for (const e of ChildEnumerator.enumerate(this.element)) {
+                if (e.dataset.pageElement === name) {
+                    this.dispose(e);
+                    e.remove();
+                    break;
+                }
+            }
+        }
+        if (node) {
+            const na = node.attributes ??= {};
+            na["data-page-element"] = name;
+            this.render(XNode.create("div", null, node));
+            return this.element.querySelector(`[data-page-element="${name}"]`);
+        }
+        return null;
+    }
+    create() {
+        this.render(XNode.create("div", { "data-desktop-app": "desktop-app" },
+            XNode.create(MobileApp, { "data-page-element": "app" })));
+        this.recreate("menuRenderer", "menu-renderer", false);
+        this.recreate("sideBarRenderer", "side-bar", false);
+        this.recreate("statusBarRenderer", "status-bar", false);
+        this.initialized = true;
+        this.runAfterInit(() => {
+            this.app.runAsync(() => this.init());
+        });
+    }
+    onIconClick() {
+        if (this.element.hasAttribute("drawer-hidden")) {
+            this.element.removeAttribute("drawer-hidden");
+        }
+        else {
+            this.element.setAttribute("drawer-hidden", "1");
+        }
+    }
+    onHideDrawer() {
+        this.element.setAttribute("drawer-hidden", "1");
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Function)
+], DesktopApp.prototype, "menuRenderer", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Function)
+], DesktopApp.prototype, "sideBarRenderer", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Function)
+], DesktopApp.prototype, "statusBarRenderer", void 0);
+__decorate([
+    Action({ onEvent: "iconClick" }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DesktopApp.prototype, "onIconClick", null);
+__decorate([
+    Action({ onEvent: "hideDrawer" }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DesktopApp.prototype, "onHideDrawer", null);
+//# sourceMappingURL=DesktopApp.js.map

package/dist-esm/desktop-app/DesktopApp.js.map

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

package/dist-esm/desktop-app/MobileDesktopApp.d.ts

@@ -0,0 +1,16 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import MobileApp, { Drawer } from "../mobile-app/MobileApp.js";
+import DesktopApp from "./DesktopApp.js";
+declare const MobileDesktopApp_base: typeof AtomControl;
+export default abstract class MobileDesktopApp extends MobileDesktopApp_base {
+    static current: MobileDesktopApp;
+    mobileApp: MobileApp;
+    desktopApp: DesktopApp;
+    get drawerMenu(): typeof Drawer;
+    set drawerMenu(v: typeof Drawer);
+    abstract init(): Promise<any>;
+    private menu;
+    protected preCreate(): void;
+}
+export {};
+//# sourceMappingURL=MobileDesktopApp.d.ts.map

package/dist-esm/desktop-app/MobileDesktopApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDesktopApp.d.ts","sourceRoot":"","sources":["../../src/desktop-app/MobileDesktopApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,UAAU,MAAM,iBAAiB,CAAC;qCAM2B,OAAO,WAAW;AAAtF,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,gBAAiB,SAAQ,qBAAgC;IAEnF,OAAc,OAAO,EAAE,gBAAgB,CAAC;IAEjC,SAAS,EAAE,SAAS,CAAC;IAErB,UAAU,EAAE,UAAU,CAAC;IAE9B,IAAW,UAAU,IAGI,OAAO,MAAM,CADrC;IACD,IAAW,UAAU,CAAC,CAAC,EAAE,OAAO,MAAM,EAOrC;aAEe,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC;IAEpC,OAAO,CAAC,IAAI,CAAgB;IAE5B,SAAS,CAAC,SAAS,IAAI,IAAI;CAe9B"}

package/dist-esm/desktop-app/MobileDesktopApp.js

@@ -0,0 +1,36 @@
+import MobileApp from "../mobile-app/MobileApp.js";
+import { isMobileView } from "../mobile-app/MobileApp.js";
+import DesktopApp from "./DesktopApp.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService.js";
+const T = isMobileView ? MobileApp : DesktopApp;
+export default class MobileDesktopApp extends T {
+    static current;
+    mobileApp;
+    desktopApp;
+    get drawerMenu() {
+        return this.menu;
+    }
+    set drawerMenu(v) {
+        this.menu = v;
+        if (this.mobileApp) {
+            this.mobileApp.drawer = v;
+        }
+        else {
+            this.desktopApp.menuRenderer = () => XNode.create(v, {});
+        }
+    }
+    menu;
+    preCreate() {
+        MobileDesktopApp.current = this;
+        super.preCreate();
+        if (isMobileView) {
+            this.mobileApp = this;
+        }
+        else {
+            this.desktopApp = this;
+        }
+        this.runAfterInit(() => PopupService.lastTarget = this.element);
+    }
+}
+//# sourceMappingURL=MobileDesktopApp.js.map

package/dist-esm/desktop-app/MobileDesktopApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDesktopApp.js","sourceRoot":"","sources":["../../src/desktop-app/MobileDesktopApp.tsx"],"names":[],"mappings":"AACA,OAAO,SAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,MAAM,mDAAmD,CAAC;AAE7E,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAgB,gBAAiB,SAAS,CAA+B;IAE5E,MAAM,CAAC,OAAO,CAAmB;IAEjC,SAAS,CAAY;IAErB,UAAU,CAAa;IAE9B,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IACD,IAAW,UAAU,CAAC,CAAgB;QAClC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7D,CAAC;IACL,CAAC;IAIO,IAAI,CAAgB;IAElB,SAAS;QAEf,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAEhC,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,YAAY,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,GAAG,IAAwB,CAAC;QAC9C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,UAAU,GAAG,IAAyB,CAAC;QAChD,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,CACnB,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;CAEJ"}

package/dist-esm/dev/DevHost.d.ts

@@ -0,0 +1,36 @@
+import { BaseService } from "@web-atoms/core/dist/services/http/RestService.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/data-styles/data-styles";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import "./Devhost.global.css";
+export declare class FileService extends BaseService {
+    getModules(search: string, packed: boolean, cancelToken: CancelToken): Promise<IFilePath[]>;
+    private getRemoteModules;
+}
+export default class AppHost extends AtomControl {
+    search: string;
+    designMode: boolean;
+    fileType: string;
+    private fileService;
+    init(): Promise<void>;
+    getModules(search: string, packed: boolean, cancelToken: CancelToken): Promise<IFilePath[]>;
+    protected preCreate(): void;
+    protected copyUrl(url: string): Promise<void>;
+}
+export interface IFilePath {
+    name: string;
+    base: string;
+    dir: string;
+    ext: string;
+    root: string;
+    url: string;
+    hostUrl?: string;
+    package?: string;
+    visible: boolean;
+    packed?: boolean;
+    module?: string;
+}
+export interface IFilePathResult {
+    files: IFilePath[];
+}
+//# sourceMappingURL=DevHost.d.ts.map