@web-atoms/core 2.5.11 → 2.5.14

package/dist-esm/view-model/bindUrlParameter.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = bindUrlParameter;
+const AtomDisposableList_js_1 = require("../core/AtomDisposableList.js");
+const AtomOnce_js_1 = require("../core/AtomOnce.js");
+const AtomUri_js_1 = require("../core/AtomUri.js");
+/**
+ * Binds property of View Model to URL Parameter, it can read query string as well,
+ * however it will only persist value in hash
+ * @param vm View Model
+ * @param name property name of View Model
+ * @param urlParameter url parameter name
+ */
+function bindUrlParameter(vm, name, urlParameter) {
+    if (!name) {
+        return;
+    }
+    if (!urlParameter) {
+        return;
+    }
+    const a = vm;
+    const paramDisposables = (a.mUrlParameters || (a.mUrlParameters = {}));
+    const old = paramDisposables[name];
+    if (old) {
+        old.dispose();
+        paramDisposables[name] = null;
+    }
+    const disposables = new AtomDisposableList_js_1.AtomDisposableList();
+    const updater = new AtomOnce_js_1.AtomOnce();
+    disposables.add(a.setupWatch([
+        ["app", "url", "hash", urlParameter],
+        ["app", "url", "query", urlParameter]
+    ], (hash, query) => {
+        updater.run(() => {
+            const value = hash || query;
+            if (value) {
+                // tslint:disable-next-line:triple-equals
+                if (value != vm[name]) {
+                    vm[name] = value;
+                }
+            }
+        });
+    }));
+    disposables.add(a.setupWatch([[name]], (value) => {
+        updater.run(() => {
+            const url = vm.app.url || (vm.app.url = new AtomUri_js_1.AtomUri(""));
+            url.hash[urlParameter] = value;
+            vm.app.syncUrl();
+        });
+    }));
+    paramDisposables[name] = disposables;
+    if (vm.app.url) {
+        const v = vm.app.url.hash[urlParameter] || vm.app.url.query[urlParameter];
+        if (v) {
+            vm[name] = v;
+        }
+    }
+    return vm.registerDisposable(disposables);
+}
+//# sourceMappingURL=bindUrlParameter.js.map

package/dist-esm/view-model/bindUrlParameter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindUrlParameter.js","sourceRoot":"","sources":["../../src/view-model/bindUrlParameter.ts"],"names":[],"mappings":";;AAYA,mCA6CC;AAzDD,yEAAmE;AACnE,qDAA+C;AAC/C,mDAA6C;AAG7C;;;;;;GAMG;AACH,SAAwB,gBAAgB,CAAC,EAAiB,EAAE,IAAY,EAAE,YAAoB;IAC1F,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO;IACX,CAAC;IACD,IAAI,CAAC,YAAY,EAAE,CAAC;QAChB,OAAO;IACX,CAAC;IACD,MAAM,CAAC,GAAG,EAAS,CAAC;IACpB,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,cAAc,GAAG,EAAE,CAAC,CAAC,CAAC;IACvE,MAAM,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,GAAG,EAAE,CAAC;QACN,GAAG,CAAC,OAAO,EAAE,CAAC;QACd,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAClC,CAAC;IACD,MAAM,WAAW,GAAG,IAAI,0CAAkB,EAAE,CAAC;IAC7C,MAAM,OAAO,GAAG,IAAI,sBAAQ,EAAE,CAAC;IAC/B,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;QACzB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC;QACpC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC;KACxC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACf,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE;YACb,MAAM,KAAK,GAAG,IAAI,IAAI,KAAK,CAAC;YAC5B,IAAI,KAAK,EAAE,CAAC;gBACR,yCAAyC;gBACzC,IAAI,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;oBACpB,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACrB,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC,CAAC;IACJ,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE;YACb,MAAM,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,oBAAO,CAAC,EAAE,CAAC,CAAC,CAAC;YACzD,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;YAC/B,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC,CAAC;IACJ,gBAAgB,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC;IACrC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;QACb,MAAM,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC1E,IAAI,CAAC,EAAE,CAAC;YACJ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjB,CAAC;IACL,CAAC;IACD,OAAO,EAAE,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAC9C,CAAC"}

package/dist-esm/web/WebApp.d.ts

@@ -0,0 +1,28 @@
+import { App } from "../App.js";
+import { AtomStyleSheet } from "./styles/AtomStyleSheet.js";
+export default class WebApp extends App {
+    readonly initPromise: Promise<void>;
+    get parentElement(): HTMLElement;
+    private mRoot;
+    get root(): any;
+    set root(v: any);
+    get theme(): AtomStyleSheet;
+    set theme(v: AtomStyleSheet);
+    private mContextId;
+    get contextId(): string;
+    private hashUpdater;
+    private styleElement;
+    constructor();
+    updateDefaultStyle(textContent: string): void;
+    /**
+     * Do not use this method
+     */
+    syncUrl(): void;
+    protected invokeReady(): void;
+}
+declare global {
+    interface Window {
+        CustomEvent?: Function;
+    }
+}
+//# sourceMappingURL=WebApp.d.ts.map

package/dist-esm/web/WebApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebApp.d.ts","sourceRoot":"","sources":["../../src/web/WebApp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAShC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAK5D,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,GAAG;IAEnC,SAAgB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3C,IAAW,aAAa,IAAI,WAAW,CAEtC;IAED,OAAO,CAAC,KAAK,CAAM;IACnB,IAAW,IAAI,IAAI,GAAG,CAErB;IAED,IAAW,IAAI,CAAC,CAAC,EAAE,GAAG,EAerB;IAED,IAAW,KAAK,IAAI,cAAc,CAEjC;IAED,IAAW,KAAK,CAAC,CAAC,EAAE,cAAc,EAGjC;IAED,OAAO,CAAC,UAAU,CAAS;IAC3B,IAAW,SAAS,IAAI,MAAM,CAkB7B;IAED,OAAO,CAAC,WAAW,CAAkB;IAErC,OAAO,CAAC,YAAY,CAAc;;IAmC3B,kBAAkB,CAAC,WAAW,EAAE,MAAM;IAgB7C;;OAEG;IACI,OAAO,IAAI,IAAI;IA8BtB,SAAS,CAAC,WAAW,IAAI,IAAI;CAUhC;AAED,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,MAAM;QAEZ,WAAW,CAAC,EAAE,QAAQ,CAAC;KAC1B;CACJ"}

package/dist-esm/web/WebApp.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const App_js_1 = require("../App.js");
+const AtomOnce_js_1 = require("../core/AtomOnce.js");
+const AtomUri_js_1 = require("../core/AtomUri.js");
+const ServiceCollection_js_1 = require("../di/ServiceCollection.js");
+const BusyIndicatorService_js_1 = require("../services/BusyIndicatorService.js");
+const NavigationService_js_1 = require("../services/NavigationService.js");
+const WebBusyIndicatorService_js_1 = require("./services/WebBusyIndicatorService.js");
+const WindowService_js_1 = require("./services/WindowService.js");
+const AtomStyleSheet_js_1 = require("./styles/AtomStyleSheet.js");
+const AtomTheme_js_1 = require("./styles/AtomTheme.js");
+class WebApp extends App_js_1.App {
+    get parentElement() {
+        return document.body;
+    }
+    get root() {
+        return this.mRoot;
+    }
+    set root(v) {
+        const old = this.mRoot;
+        if (old) {
+            old.dispose();
+        }
+        this.mRoot = v;
+        if (!v) {
+            return;
+        }
+        const pe = this.parentElement;
+        const de = Array.from(pe.children);
+        for (const iterator of de) {
+            iterator.remove();
+        }
+        pe.appendChild(v.element);
+    }
+    get theme() {
+        return this.get(AtomStyleSheet_js_1.AtomStyleSheet);
+    }
+    set theme(v) {
+        this.put(AtomTheme_js_1.AtomTheme, v);
+        this.put(AtomStyleSheet_js_1.AtomStyleSheet, v);
+    }
+    get contextId() {
+        // let us set contextId
+        this.mContextId ?? (this.mContextId = parseInt((this.url.hash.contextId || "0").toString(), 10));
+        if (!this.mContextId) {
+            //  create new context Id in session...
+            for (let index = 0; index < 100; index++) {
+                const cid = `contextId${index}`;
+                const cidData = sessionStorage.getItem(`contextId${index}`);
+                if (!cidData) {
+                    this.mContextId = index;
+                    sessionStorage.setItem(cid, cid);
+                    this.url.hash.contextId = index;
+                    this.syncUrl();
+                    break;
+                }
+            }
+        }
+        return `contextId_${this.mContextId}`;
+    }
+    constructor() {
+        super();
+        this.hashUpdater = new AtomOnce_js_1.AtomOnce();
+        this.url = new AtomUri_js_1.AtomUri(location.href);
+        this.put(NavigationService_js_1.NavigationService, this.resolve(WindowService_js_1.WindowService));
+        this.put(WebApp, this);
+        this.put(BusyIndicatorService_js_1.BusyIndicatorService, this.resolve(WebBusyIndicatorService_js_1.WebBusyIndicatorService));
+        ServiceCollection_js_1.ServiceCollection.instance.registerSingleton(AtomStyleSheet_js_1.AtomStyleSheet, (sp) => sp.resolve(AtomTheme_js_1.AtomTheme));
+        window.addEventListener("hashchange", () => {
+            this.hashUpdater.run(() => {
+                this.url = new AtomUri_js_1.AtomUri(location.href);
+            });
+        });
+        this.initPromise = new Promise((resolve, reject) => {
+            this.onReady(resolve);
+        });
+        // following must be done automatically by the user as we may need different and newer version
+        // // registering font awesome
+        // this.installStyleSheet("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.9.0/css/all.css");
+        // this.installStyleSheet({
+        //     href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css",
+        //     integrity: "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T",
+        //     crossOrigin: "anonymous"
+        // });
+    }
+    updateDefaultStyle(textContent) {
+        if (this.styleElement) {
+            if (this.styleElement.textContent === textContent) {
+                return;
+            }
+        }
+        const ss = document.createElement("style");
+        ss.textContent = textContent;
+        if (this.styleElement) {
+            this.styleElement.remove();
+        }
+        document.head.appendChild(ss);
+        this.styleElement = ss;
+    }
+    /**
+     * Do not use this method
+     */
+    syncUrl() {
+        this.hashUpdater.run(() => {
+            const currentUrl = new AtomUri_js_1.AtomUri(location.href);
+            const sourceHash = this.url.hash;
+            const keyValues = [];
+            let modified = false;
+            for (const key in sourceHash) {
+                if (/^\_\$\_/.test(key)) {
+                    continue;
+                }
+                if (sourceHash.hasOwnProperty(key)) {
+                    const element = sourceHash[key];
+                    const cv = currentUrl.hash[key];
+                    if (element !== undefined) {
+                        keyValues.push({ key, value: element });
+                    }
+                    if (cv === element) {
+                        continue;
+                    }
+                    modified = true;
+                }
+            }
+            if (!modified) {
+                return;
+            }
+            const hash = keyValues.map((s) => `${s.key}=${encodeURIComponent(s.value)}`).join("&");
+            location.hash = hash;
+        });
+    }
+    invokeReady() {
+        if (document.readyState === "complete") {
+            super.invokeReady();
+            return;
+        }
+        document.addEventListener("readystatechange", (e) => {
+            super.invokeReady();
+        });
+    }
+}
+exports.default = WebApp;
+// tslint:disable-next-line: only-arrow-functions
+(function () {
+    if (typeof window.CustomEvent === "function") {
+        return false;
+    }
+    function CustomEvent(event, params) {
+        params = params || { bubbles: false, cancelable: false, detail: null };
+        const evt = document.createEvent("CustomEvent");
+        evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+        return evt;
+    }
+    window.CustomEvent = CustomEvent;
+})();
+//# sourceMappingURL=WebApp.js.map

package/dist-esm/web/WebApp.js.map

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

package/dist-esm/web/controls/AtomAlertWindow.d.ts

@@ -0,0 +1,16 @@
+import { AtomWindowViewModel } from "../../view-model/AtomWindowViewModel.js";
+import { AtomWindow } from "./AtomWindow.js";
+export default class AtomAlertWindow extends AtomWindow {
+    viewModel: AtomAlertViewModel;
+    protected create(): void;
+}
+declare class AtomAlertViewModel extends AtomWindowViewModel {
+    title: string;
+    message: string;
+    okTitle: string;
+    cancelTitle: string;
+    onOkClicked(): void;
+    onCancelClicked(): void;
+}
+export {};
+//# sourceMappingURL=AtomAlertWindow.d.ts.map

package/dist-esm/web/controls/AtomAlertWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomAlertWindow.d.ts","sourceRoot":"","sources":["../../../src/web/controls/AtomAlertWindow.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAI9E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IAE5C,SAAS,EAAE,kBAAkB,CAAC;IAErC,SAAS,CAAC,MAAM,IAAI,IAAI;CA8B3B;AA2CD,cAAM,kBAAmB,SAAQ,mBAAmB;IAGzC,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAEpB,WAAW,IAAI,IAAI;IAInB,eAAe,IAAI,IAAI;CAGjC"}

package/dist-esm/web/controls/AtomAlertWindow.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const Bind_js_1 = tslib_1.__importDefault(require("../../core/Bind.js"));
+const BindableProperty_js_1 = require("../../core/BindableProperty.js");
+const XNode_js_1 = tslib_1.__importDefault(require("../../core/XNode.js"));
+const AtomWindowViewModel_js_1 = require("../../view-model/AtomWindowViewModel.js");
+const AtomAlertWindowStyle_js_1 = tslib_1.__importDefault(require("../styles/AtomAlertWindowStyle.js"));
+const AtomWindow_js_1 = require("./AtomWindow.js");
+class AtomAlertWindow extends AtomWindow_js_1.AtomWindow {
+    create() {
+        this.defaultControlStyle = AtomAlertWindowStyle_js_1.default;
+        this.viewModel = this.resolve(AtomAlertViewModel);
+        // this.windowTemplate = AtomAlertWindowTemplate;
+        // this.commandTemplate =  AtomAlertWindowCommandBar;
+        // this.bind(this.element, "title", [["viewModel", "title"]]);
+        this.render(XNode_js_1.default.create(AtomWindow_js_1.AtomWindow, { title: Bind_js_1.default.oneWay(() => this.viewModel.title) },
+            XNode_js_1.default.create(AtomWindow_js_1.AtomWindow.windowTemplate, null,
+                XNode_js_1.default.create("div", { formattedText: Bind_js_1.default.oneWay(() => this.viewModel.message) })),
+            XNode_js_1.default.create(AtomWindow_js_1.AtomWindow.commandTemplate, null,
+                XNode_js_1.default.create("div", null,
+                    XNode_js_1.default.create("button", { class: "yes-button", styleDisplay: Bind_js_1.default.oneWay(() => this.viewModel.okTitle ? "" : "none"), text: Bind_js_1.default.oneWay(() => this.viewModel.okTitle), eventClick: () => this.viewModel.onOkClicked() }),
+                    XNode_js_1.default.create("button", { class: "no-button", styleMarginBottom: Bind_js_1.default.oneWay(() => this.viewModel.cancelTitle ? "0" : "10px"), styleDisplay: Bind_js_1.default.oneWay(() => this.viewModel.cancelTitle ? "" : "none"), text: Bind_js_1.default.oneWay(() => this.viewModel.cancelTitle), eventClick: () => this.viewModel.onCancelClicked() })))));
+    }
+}
+exports.default = AtomAlertWindow;
+// class AtomAlertWindowTemplate extends AtomControl {
+//     protected create(): void {
+//         const div = document.createElement("div");
+//         this.append(div);
+//         this.bind(div, "formattedText", [["viewModel", "message"]]);
+//     }
+// }
+// class AtomAlertWindowCommandBar extends AtomControl {
+//     protected create(): void {
+//         const okButton = document.createElement("button");
+//         const cancelButton = document.createElement("button");
+//         this.append(okButton);
+//         this.append(cancelButton);
+//         this.setPrimitiveValue(okButton, "class", "yes-button" );
+//         this.setPrimitiveValue(cancelButton, "class", "no-button" );
+//         this.bind(okButton, "text", [["viewModel", "okTitle"]]);
+//         this.bind(cancelButton, "text", [["viewModel", "cancelTitle"]]);
+//         this.bind(okButton, "styleDisplay", [["viewModel", "okTitle"]], false, (v) => v ? "" : "none");
+//         this.bind(okButton, "styleMarginBottom", [["viewModel", "cancelTitle"]], false, (v) => v ? "0" : "10px");
+//         this.bind(cancelButton, "styleDisplay", [["viewModel", "cancelTitle"]], false, (v) => v ? "" : "none");
+//         this.bindEvent(okButton, "click", (e) => {
+//             this.viewModel.onOkClicked();
+//         });
+//         this.bindEvent(cancelButton, "click", (e) => {
+//             this.viewModel.onCancelClicked();
+//         });
+//     }
+// }
+class AtomAlertViewModel extends AtomWindowViewModel_js_1.AtomWindowViewModel {
+    onOkClicked() {
+        this.close(true);
+    }
+    onCancelClicked() {
+        this.cancel();
+    }
+}
+tslib_1.__decorate([
+    BindableProperty_js_1.BindableProperty,
+    tslib_1.__metadata("design:type", String)
+], AtomAlertViewModel.prototype, "title", void 0);
+tslib_1.__decorate([
+    BindableProperty_js_1.BindableProperty,
+    tslib_1.__metadata("design:type", String)
+], AtomAlertViewModel.prototype, "message", void 0);
+tslib_1.__decorate([
+    BindableProperty_js_1.BindableProperty,
+    tslib_1.__metadata("design:type", String)
+], AtomAlertViewModel.prototype, "okTitle", void 0);
+tslib_1.__decorate([
+    BindableProperty_js_1.BindableProperty,
+    tslib_1.__metadata("design:type", String)
+], AtomAlertViewModel.prototype, "cancelTitle", void 0);
+//# sourceMappingURL=AtomAlertWindow.js.map

package/dist-esm/web/controls/AtomAlertWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomAlertWindow.js","sourceRoot":"","sources":["../../../src/web/controls/AtomAlertWindow.tsx"],"names":[],"mappings":";;;AACA,yEAAsC;AACtC,wEAAkE;AAElE,2EAAwC;AAExC,oFAA8E;AAE9E,wGAAqE;AAErE,mDAA6C;AAE7C,MAAqB,eAAgB,SAAQ,0BAAU;IAIzC,MAAM;QACZ,IAAI,CAAC,mBAAmB,GAAI,iCAAoB,CAAE;QAClD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAElD,iDAAiD;QACjD,qDAAqD;QACrD,8DAA8D;QAE9D,IAAI,CAAC,MAAM,CAAC,0BAAC,0BAAU,IACnB,KAAK,EAAE,iBAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;YAC9C,0BAAC,0BAAU,CAAC,cAAc;gBACtB,mCAAK,aAAa,EAAE,iBAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAQ,CAC7C;YAC5B,0BAAC,0BAAU,CAAC,eAAe;gBACvB;oBACI,sCACI,KAAK,EAAC,YAAY,EAClB,YAAY,EAAE,iBAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EACrE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAC/C,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG;oBACrD,sCACI,KAAK,EAAC,WAAW,EACjB,iBAAiB,EAAE,iBAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAC/E,YAAY,EAAE,iBAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EACzE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EACnD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,GAAG,CACvD,CACmB,CACpB,CAAC,CAAC;IACnB,CAAC;CACJ;AAlCD,kCAkCC;AAED,sDAAsD;AAEtD,iCAAiC;AACjC,qDAAqD;AAErD,4BAA4B;AAE5B,uEAAuE;AAEvE,QAAQ;AACR,IAAI;AAEJ,wDAAwD;AAExD,iCAAiC;AAEjC,6DAA6D;AAE7D,iEAAiE;AACjE,iCAAiC;AACjC,qCAAqC;AACrC,oEAAoE;AACpE,uEAAuE;AAEvE,mEAAmE;AACnE,2EAA2E;AAE3E,0GAA0G;AAC1G,oHAAoH;AACpH,kHAAkH;AAElH,qDAAqD;AACrD,4CAA4C;AAC5C,cAAc;AAEd,yDAAyD;AAEzD,gDAAgD;AAChD,cAAc;AACd,QAAQ;AACR,IAAI;AACJ,MAAM,kBAAmB,SAAQ,4CAAmB;IAczC,WAAW;QACd,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IAEM,eAAe;QAClB,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;CACJ;AAlBU;IADN,sCAAgB;;iDACI;AAGd;IADN,sCAAgB;;mDACM;AAGhB;IADN,sCAAgB;;mDACM;AAGhB;IADN,sCAAgB;;uDACU"}

package/dist-esm/web/controls/AtomComboBox.d.ts

@@ -0,0 +1,10 @@
+import { App } from "../../App.js";
+import { AtomItemsControl } from "./AtomItemsControl.js";
+export declare class AtomComboBox extends AtomItemsControl {
+    private isChanging;
+    constructor(app: App, e?: HTMLElement);
+    onCollectionChanged(key: string, index: number, item: any): void;
+    updateSelectionBindings(): void;
+    protected preCreate(): void;
+}
+//# sourceMappingURL=AtomComboBox.d.ts.map

package/dist-esm/web/controls/AtomComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomComboBox.d.ts","sourceRoot":"","sources":["../../../src/web/controls/AtomComboBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,qBAAa,YAAa,SAAQ,gBAAgB;IAE9C,OAAO,CAAC,UAAU,CAAU;gBAER,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW;IAKtC,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI;IAWhE,uBAAuB,IAAI,IAAI;IAetC,SAAS,CAAC,SAAS,IAAI,IAAI;CAwB9B"}

package/dist-esm/web/controls/AtomComboBox.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomComboBox = void 0;
+const tslib_1 = require("tslib");
+const App_js_1 = require("../../App.js");
+const Inject_js_1 = require("../../di/Inject.js");
+const AtomControl_js_1 = require("./AtomControl.js");
+const AtomItemsControl_js_1 = require("./AtomItemsControl.js");
+let AtomComboBox = class AtomComboBox extends AtomItemsControl_js_1.AtomItemsControl {
+    constructor(app, e) {
+        super(app, e || document.createElement("select"));
+        this.allowMultipleSelection = false;
+    }
+    onCollectionChanged(key, index, item) {
+        super.onCollectionChanged(key, index, item);
+        try {
+            this.isChanging = true;
+            const se = this.element;
+            se.selectedIndex = this.selectedIndex;
+        }
+        finally {
+            this.isChanging = false;
+        }
+    }
+    updateSelectionBindings() {
+        super.updateSelectionBindings();
+        try {
+            if (this.isChanging) {
+                return;
+            }
+            this.isChanging = true;
+            const se = this.element;
+            se.selectedIndex = this.selectedIndex;
+        }
+        finally {
+            this.isChanging = false;
+        }
+    }
+    preCreate() {
+        super.preCreate();
+        this.itemTemplate = AtomComboBoxItemTemplate;
+        this.runAfterInit(() => {
+            this.bindEvent(this.element, "change", (s) => {
+                if (this.isChanging) {
+                    return;
+                }
+                try {
+                    this.isChanging = true;
+                    const index = this.element.selectedIndex;
+                    if (index === -1) {
+                        this.selectedItems.clear();
+                        return;
+                    }
+                    this.selectedItem = this.items[index];
+                    // this.selectedIndex = (this.element as HTMLSelectElement).selectedIndex;
+                }
+                finally {
+                    this.isChanging = false;
+                }
+            });
+        });
+    }
+};
+exports.AtomComboBox = AtomComboBox;
+exports.AtomComboBox = AtomComboBox = tslib_1.__decorate([
+    tslib_1.__param(0, Inject_js_1.Inject),
+    tslib_1.__metadata("design:paramtypes", [App_js_1.App, HTMLElement])
+], AtomComboBox);
+class AtomComboBoxItemTemplate extends AtomControl_js_1.AtomControl {
+    constructor(app, e) {
+        super(app, e || document.createElement("option"));
+    }
+    create() {
+        this.bind(this.element, "text", [["data"]], false, (v) => {
+            const ip = this.element._templateParent;
+            return v[ip.labelPath];
+        });
+    }
+}
+//# sourceMappingURL=AtomComboBox.js.map

package/dist-esm/web/controls/AtomComboBox.js.map

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

package/dist-esm/web/controls/AtomContentControl.d.ts

@@ -0,0 +1,13 @@
+import { AtomStyle } from "../styles/AtomStyle.js";
+import { IStyleDeclaration } from "../styles/IStyleDeclaration.js";
+import { AtomControl } from "./AtomControl.js";
+export declare class AtomContentControl extends AtomControl {
+    private mContent;
+    get content(): AtomControl;
+    set content(c: AtomControl);
+    protected preCreate(): void;
+}
+export declare class AtomContentStyle extends AtomStyle {
+    get root(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomContentControl.d.ts.map

package/dist-esm/web/controls/AtomContentControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomContentControl.d.ts","sourceRoot":"","sources":["../../../src/web/controls/AtomContentControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,qBAAa,kBAAmB,SAAQ,WAAW;IAE/C,OAAO,CAAC,QAAQ,CAAc;IAC9B,IAAW,OAAO,IAAI,WAAW,CAEhC;IAED,IAAW,OAAO,CAAC,CAAC,EAAE,WAAW,EAYhC;IAED,SAAS,CAAC,SAAS,IAAI,IAAI;CAO9B;AAED,qBAAa,gBAAiB,SAAQ,SAAS;IAE3C,IAAW,IAAI,IAAI,iBAAiB,CAYnC;CAEJ"}

package/dist-esm/web/controls/AtomContentControl.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomContentStyle = exports.AtomContentControl = void 0;
+const AtomBinder_js_1 = require("../../core/AtomBinder.js");
+const AtomStyle_js_1 = require("../styles/AtomStyle.js");
+const AtomControl_js_1 = require("./AtomControl.js");
+class AtomContentControl extends AtomControl_js_1.AtomControl {
+    get content() {
+        return this.mContent;
+    }
+    set content(c) {
+        const old = this.mContent;
+        if (old) {
+            old.element.remove();
+        }
+        this.mContent = c;
+        if (c) {
+            this.element.appendChild(c.element);
+            const style = c.element.style;
+            c.invalidate();
+        }
+        AtomBinder_js_1.AtomBinder.refreshValue(this, "content");
+    }
+    preCreate() {
+        super.preCreate();
+        this.defaultControlStyle = AtomContentStyle;
+        this.runAfterInit(() => {
+            this.element.classList.add(this.controlStyle.name);
+        });
+    }
+}
+exports.AtomContentControl = AtomContentControl;
+class AtomContentStyle extends AtomStyle_js_1.AtomStyle {
+    get root() {
+        return {
+            subclasses: {
+                " > *": {
+                    position: "absolute",
+                    top: "0",
+                    left: "0",
+                    right: "0",
+                    bottom: "0",
+                }
+            }
+        };
+    }
+}
+exports.AtomContentStyle = AtomContentStyle;
+//# sourceMappingURL=AtomContentControl.js.map

package/dist-esm/web/controls/AtomContentControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomContentControl.js","sourceRoot":"","sources":["../../../src/web/controls/AtomContentControl.ts"],"names":[],"mappings":";;;AAAA,4DAAsD;AACtD,yDAAmD;AAEnD,qDAA+C;AAE/C,MAAa,kBAAmB,SAAQ,4BAAW;IAG/C,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAW,OAAO,CAAC,CAAc;QAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC1B,IAAI,GAAG,EAAE,CAAC;YACN,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,EAAE,CAAC;YACJ,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YACpC,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;YAC9B,CAAC,CAAC,UAAU,EAAE,CAAC;QACnB,CAAC;QACD,0BAAU,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;IAES,SAAS;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;QAC5C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AA5BD,gDA4BC;AAED,MAAa,gBAAiB,SAAQ,wBAAS;IAE3C,IAAW,IAAI;QACX,OAAO;YACH,UAAU,EAAE;gBACR,MAAM,EAAE;oBACJ,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,GAAG;oBACR,IAAI,EAAE,GAAG;oBACT,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE,GAAG;iBACd;aACJ;SACJ,CAAC;IACN,CAAC;CAEJ;AAhBD,4CAgBC"}

package/dist-esm/web/controls/AtomControl.d.ts

@@ -0,0 +1,62 @@
+import { App } from "../../App.js";
+import { AtomComponent } from "../../core/AtomComponent.js";
+import XNode from "../../core/XNode.js";
+import { AtomStyle } from "../styles/AtomStyle.js";
+import { AtomStyleSheet } from "../styles/AtomStyleSheet.js";
+declare global {
+    export interface HTMLElement {
+        atomControl: AtomControl;
+        _logicalParent: HTMLElement;
+        _templateParent: AtomControl;
+    }
+}
+export interface ISetters {
+    [key: string | symbol]: (ctrl: AtomControl, e: HTMLElement, value: any) => void;
+}
+export declare const ElementValueSetters: ISetters;
+export interface PropertyRegistration<T> {
+    (value: T): ({
+        [key: string]: T;
+    });
+    property: string;
+}
+/**
+ * AtomControl class represents UI Component for a web browser.
+ */
+export declare class AtomControl extends AtomComponent {
+    static from<T = AtomControl>(e1: Element | EventTarget): T;
+    static registerProperty<T = any>(attributeName: string, attributeValue: string, setter: (ctrl: AtomControl, element: HTMLElement, value: T) => void): PropertyRegistration<T>;
+    renderer: XNode;
+    defaultControlStyle: any;
+    private mControlStyle;
+    get controlStyle(): AtomStyle;
+    set controlStyle(v: AtomStyle);
+    private mTheme;
+    private mCachedTheme;
+    /**
+     * Represents associated AtomStyleSheet with this visual hierarchy. AtomStyleSheet is
+     * inherited by default.
+     */
+    get theme(): AtomStyleSheet;
+    set theme(v: AtomStyleSheet);
+    /**
+     * Gets Parent AtomControl of this control.
+     */
+    get parent(): AtomControl;
+    protected get factory(): typeof AtomControl;
+    constructor(app: App, e?: HTMLElement);
+    onPropertyChanged(name: string): void;
+    atomParent(e: HTMLElement): AtomControl;
+    append(element: AtomControl | HTMLElement | Text): AtomControl;
+    updateSize(): void;
+    protected rendererChanged(): void;
+    protected preCreate(): void;
+    protected setElementValue(element: HTMLElement, name: string, value: any): void;
+    protected setElementClass(element: HTMLElement, value: any, clear?: boolean): void;
+    protected onUpdateSize(): void;
+    protected removeAllChildren(e: HTMLElement): void;
+    protected createNode(app: any, e: any, iterator: any, creator: any): any;
+    protected toTemplate(app: any, iterator: any, creator: any): any;
+    protected dispatchClickEvent(e: MouseEvent, data: any): void;
+}
+//# sourceMappingURL=AtomControl.d.ts.map

package/dist-esm/web/controls/AtomControl.d.ts.map

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