@social-mail/social-mail-hosted-web 1.2.18 → 1.2.21

package/dist/pages/users/signup/SignupPage.pack.js

@@ -1210,6 +1210,7 @@ if (typeof Element !== "undefined") {
         };
     }
 }
+const currentModuleSymbol = Symbol("currentModule");
 class Module {
     get url() {
         const u = AmdLoader.instance.resolveSource(this.name);
@@ -1229,6 +1230,7 @@ class Module {
         this.name = name;
         this.folder = folder;
         this.emptyExports = {};
+        this.packed = false;
         this.isLoaded = false;
         this.isResolved = false;
         this.dependencies = [];
@@ -1359,16 +1361,8 @@ class AmdLoader {
     }
     setup(name) {
         const jsModule = this.get(name);
-        const define = this.define;
-        jsModule.loader = promiseDone;
+        jsModule.packed = true;
         AmdLoader.current = jsModule;
-        if (define) {
-            define();
-        }
-        if (jsModule.exportVar) {
-            jsModule.exports = AmdLoader.globalVar[jsModule.exportVar];
-        }
-        jsModule.isLoaded = true;
     }
     replace(type, name, mock) {
         if (mock && !this.enableMock) {
@@ -1434,7 +1428,7 @@ class AmdLoader {
                     path = path + "/" + name;
                     const i = name.lastIndexOf("/");
                     const fileName = name.substring(i + 1);
-                    if (!/\.(js|jpg|jpeg|gif|png|mp4|mp3|css|html|svg|webp|webm|json)$/i.test(fileName)) {
+                    if (!/\.(js|mjs|jpg|jpeg|gif|png|mp4|mp3|css|less|scss|html|svg|webp|webm|json)$/i.test(fileName)) {
                         path = path + defExt;
                     }
                     return path;
@@ -1524,6 +1518,7 @@ class AmdLoader {
         return module;
     }
     import(name) {
+        var _a;
         const module = typeof name === "object" ? name : this.get(name);
         if (module.importPromise) {
             return module.importPromise;
@@ -1532,12 +1527,7 @@ class AmdLoader {
         if (m) {
             return m;
         }
-        if (module.isResolved) {
-            module.importPromise = Promise.resolve(module.getExports());
-            return module.importPromise;
-        }
-        module.importPromise = this.importAsync(module);
-        return module.importPromise;
+        return (_a = module.importPromise) !== null && _a !== void 0 ? _a : (module.importPromise = module.isResolved ? Promise.resolve(module.getExports()) : this.importAsync(module));
     }
     importNodeModule(module) {
         if (typeof require !== "undefined") {
@@ -1623,6 +1613,40 @@ class AmdLoader {
             });
             return module.loader;
         }
+        if (AmdLoader.isCss.test(module.url)) {
+            const m = {
+                get url() {
+                    var _a;
+                    let mUrl = !module.url.startsWith(module.package.url)
+                        ? (module.package.url + module.url)
+                        : module.url;
+                    const [_, g1] = (_a = /\.((global|local)[^\.]{0,10})\.(css|less|scss)$/i.exec(mUrl)) !== null && _a !== void 0 ? _a : [];
+                    let segment = g1 !== null && g1 !== void 0 ? g1 : "local-high";
+                    if (!/^(global|local)/.test(segment)) {
+                        segment = "local-high";
+                    }
+                    if (!/\.css$/i.test(mUrl)) {
+                        mUrl += ".css";
+                    }
+                    if (!module.packed) {
+                        window.installStyleSheet(mUrl);
+                    }
+                    return mUrl;
+                },
+                toString() {
+                    return this.url;
+                }
+            };
+            const e = {
+                __esModule: true,
+                default: m.url
+            };
+            module.exports = e;
+            module.emptyExports = e;
+            module.loader = promiseDone;
+            module.isLoaded = true;
+            return module.loader;
+        }
         if (AmdLoader.isMedia.test(module.url)) {
             const m = {
                 get url() {
@@ -1644,7 +1668,7 @@ class AmdLoader {
             return module.loader;
         }
         module.loader = new Promise((resolve, reject) => {
-            AmdLoader.moduleLoader(module.name, module.url, () => {
+            const script = AmdLoader.moduleLoader(module.name, module.url, () => {
                 try {
                     AmdLoader.current = module;
                     if (AmdLoader.instance.define) {
@@ -1667,11 +1691,13 @@ class AmdLoader {
             }, (error) => {
                 reject(error);
             });
+            script[currentModuleSymbol] = module;
         });
         return module.loader;
     }
 }
-AmdLoader.isMedia = /\.(jpg|jpeg|gif|png|mp4|mp3|css|html|svg|webp|webm)$/i;
+AmdLoader.isMedia = /\.(jpg|jpeg|gif|png|mp4|mp3|css|less|scss|html|svg|webp|webm)$/i;
+AmdLoader.isCss = /\.(css|less|scss)$/i;
 AmdLoader.isJson = /\.json$/i;
 AmdLoader.globalVar = {};
 AmdLoader.instance = new AmdLoader();
@@ -1696,6 +1722,7 @@ AmdLoader.moduleLoader = (name, url, success, error) => {
     };
     script.onerror = (e) => { error(e); };
     document.body.appendChild(script);
+    return script;
 };
 AmdLoader.httpTextLoader = (url, success, error) => {
     const xhr = new XMLHttpRequest();
@@ -1763,6 +1790,13 @@ var define = (requiresOrFactory, factory, nested) => {
         return;
     }
     AmdLoader.instance.define = () => {
+        var _a;
+        if (!AmdLoader.current) {
+            const amdModule = (_a = document.currentScript) === null || _a === void 0 ? void 0 : _a[currentModuleSymbol];
+            if (amdModule) {
+                AmdLoader.current = amdModule;
+            }
+        }
         const current = AmdLoader.current;
         if (!current) {
             return;
@@ -1817,54 +1851,94 @@ class System {
         return AmdLoader.instance.import(name);
     }
     static register(nameOrImports, importsOrSetup, setup) {
+        var _a, _b;
         const instance = AmdLoader.instance;
-        instance.define = () => {
-            const name = typeof nameOrImports === "string"
-                ? nameOrImports
-                : AmdLoader.current.name;
-            let imports = importsOrSetup;
-            if (arguments.length === 2) {
-                imports = nameOrImports;
-                setup = importsOrSetup;
-            }
-            const module = instance.get(name);
-            if (module.isLoaded) {
-                return;
+        const currentModule = (_b = (_a = document.currentScript) === null || _a === void 0 ? void 0 : _a[currentModuleSymbol]) !== null && _b !== void 0 ? _b : AmdLoader.current;
+        const name = typeof nameOrImports === "string"
+            ? nameOrImports
+            : void 0;
+        let imports = importsOrSetup;
+        if (arguments.length === 2) {
+            imports = nameOrImports;
+            setup = importsOrSetup;
+        }
+        const module = name ? instance.get(name) : currentModule;
+        if (module.packed) {
+            for (const d of imports) {
+                const absolutePath = module.require.resolve(d);
+                const dm = instance.get(absolutePath);
+                if (/\.(css|less)$/i.test(absolutePath)) {
+                    dm.packed = true;
+                }
+                module.dependencies.push(dm);
             }
-            module.dependencies.push(...imports.map((x) => instance.get(module.require.resolve(x))));
-            module.isLoaded = true;
-            const postResolve = new Promise((resolve, reject) => {
-                module.factory = () => {
-                    const r = setup((key, value) => {
-                        if (typeof key === "object") {
-                            merge(module.exports, key);
-                            return module.exports;
-                        }
-                        module.exports[key] = value;
-                        return value;
-                    }, module);
-                    var list = module.dependencies;
-                    const { setters } = r;
-                    for (let index = 0; index < list.length; index++) {
-                        const element = list[index];
-                        setters[index](element.getExports());
-                    }
-                    const rp = r.execute();
-                    if (rp === null || rp === void 0 ? void 0 : rp.then) {
-                        rp.then(resolve, reject);
-                    }
-                    else {
-                        resolve();
-                    }
-                    return module.exports;
-                };
-            });
-            module.resolver = () => __awaiter(this, void 0, void 0, function* () {
-                yield AmdLoader.instance.resolve(module);
-                yield postResolve;
+        }
+        else {
+            for (const d of imports) {
+                const absolutePath = module.require.resolve(d);
+                const dm = instance.get(absolutePath);
+                module.dependencies.push(dm);
+            }
+        }
+        module.isLoaded = true;
+        if (module.exportVar) {
+            module.exports = AmdLoader.globalVar[module.exportVar];
+        }
+        module.setup = setup;
+        module.loader = promiseDone;
+        const r = module.setup((key, value) => {
+            if (typeof key === "object") {
+                merge(module.exports, key);
+                if (!module.exports.default) {
+                    module.exports.default = module.exports;
+                }
                 return module.exports;
-            });
-        };
+            }
+            module.exports[key] = value;
+            return value;
+        }, module);
+        module.resolver = () => __awaiter(this, void 0, void 0, function* () {
+            const ds = [];
+            const { setters } = r;
+            let isCircularDependency;
+            let index = 0;
+            for (const iterator of module.dependencies) {
+                const set = setters[index++];
+                if (iterator.isResolved) {
+                    set(iterator.getExports());
+                    continue;
+                }
+                const setP = this.import(iterator).then(set);
+                if (iterator.isDependentOn(module)) {
+                    isCircularDependency = true;
+                    continue;
+                }
+                ds.push(setP);
+            }
+            yield Promise.all(ds);
+            if (isCircularDependency) {
+                yield new Promise((resolve) => setTimeout(resolve, 1));
+            }
+            const rp = r.execute();
+            if (rp === null || rp === void 0 ? void 0 : rp.then) {
+                yield rp;
+            }
+            module.isResolved = true;
+            module.getExports();
+            if (module.postExports) {
+                module.postExports();
+            }
+            if (module.dynamicImports) {
+                for (const iterator of module.dynamicImports) {
+                    if (iterator.replacedModule.importPromise) {
+                        continue;
+                    }
+                    yield this.import(iterator.replacedModule);
+                }
+            }
+            return module.exports;
+        });
+        return module;
     }
 }
 const globalNS = (typeof window !== "undefined" ? window : global);
@@ -1964,6 +2038,8 @@ class UMDClass {
             }
         });
     }
+    installStyleSheet(path, imports = {}) {
+    }
 }
 const UMD = new UMDClass();
 ((u) => {
@@ -1972,11 +2048,50 @@ const UMD = new UMDClass();
     globalNS.System = System;
     AmdLoader.instance.registerModule("tslib", setupTSLib());
 })(UMD);
+if (window) {
+    let first = document.head.firstElementChild;
+    const markers = {};
+    const addMarker = (name) => {
+        const m = document.createElement("meta");
+        m.name = name + "-marker";
+        if (first) {
+            first.insertAdjacentElement("afterend", m);
+        }
+        else {
+            document.head.insertAdjacentElement("afterbegin", m);
+        }
+        first = m;
+        markers[name] = m;
+        return m;
+    };
+    addMarker("global-low");
+    addMarker("global");
+    addMarker("global-high");
+    addMarker("local-low");
+    addMarker("local");
+    addMarker("local-high");
+    window.installStyleSheet = UMD.installStyleSheet = (path, { imports } = {}) => {
+        var _a, _b;
+        const [_, g1] = (_a = /\.((global|local)[^\.]{0,10})\.(css|less|scss)$/i.exec(path)) !== null && _a !== void 0 ? _a : [];
+        let segment = g1 !== null && g1 !== void 0 ? g1 : "local-high";
+        if (!/^(global|local)/.test(segment)) {
+            segment = "local-high";
+        }
+        const marker = ((_b = markers[segment]) !== null && _b !== void 0 ? _b : markers["local"]);
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = path;
+        marker.insertAdjacentElement("beforebegin", link);
+    };
+}
 //# sourceMappingURL=umd.js.map
 
         AmdLoader.instance.register(
-            ["@social-mail/social-mail-hosted-web","@web-atoms/core","reflect-metadata","@web-atoms/web-controls","@web-atoms/date-time"],
-            ["@social-mail/social-mail-hosted-web/dist/pages/users/signup/SignupPage","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/style/styled","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@web-atoms/web-controls/dist/basic/styles/form-field-style","@social-mail/social-mail-hosted-web/dist/controls/countries/CountrySelect","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@web-atoms/web-controls/dist/DataAttributes","@web-atoms/web-controls/dist/basic/styles/drop-down-style","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/core/dist/services/http/JsonError","@web-atoms/web-controls/dist/basic/MaskedInput","@web-atoms/web-controls/dist/basic/styles/masked-input-style","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/web-controls/dist/PageNavigator","@social-mail/social-mail-hosted-web/dist/pages/terms/TermsPage","@social-mail/social-mail-hosted-web/dist/pages/terms/Terms","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+            ["@social-mail/social-mail-hosted-web","@web-atoms/core","@web-atoms/web-controls","@web-atoms/date-time"],
+            ["@social-mail/social-mail-hosted-web/dist/pages/users/signup/SignupPage","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/XNode","@web-atoms/web-controls/dist/basic/Form","@web-atoms/core/dist/core/StringHelper","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@social-mail/social-mail-hosted-web/dist/controls/countries/CountrySelect","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/DataAttributes","@web-atoms/core/dist/services/FetchBuilder","@web-atoms/web-controls/dist/basic/MaskedInput","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/services/http/JsonError","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/web-controls/dist/PageNavigator","@social-mail/social-mail-hosted-web/dist/pages/terms/TermsPage","@social-mail/social-mail-hosted-web/dist/pages/terms/Terms","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+
+
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/ExpressionParser");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -2121,1164 +2236,29 @@ System.register([], function (_export, _context) {
         return x;
       }).concat(pl.pathList.map(x => {
         x.splice(0, 0, "this", "x");
-        return x;
-      }));
-      pl.thisPath = [];
-      pl.pathList = [];
-    }
-    viewModelParseWatchCache2[key] = pl;
-    return pl;
-  }
-  _export({
-    parsePath: parsePath,
-    parsePathLists: parsePathLists
-  });
-  return {
-    setters: [],
-    execute: function () {
-      viewModelParseWatchCache = {};
-      viewModelParseWatchCache2 = {};
-    }
-  };
-});
-//# sourceMappingURL=ExpressionParser.js.map
-
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/ExpressionParser");
-
-/*! *****************************************************************************
-Copyright (C) Microsoft. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-var Reflect;
-(function (Reflect) {
-    // Metadata Proposal
-    // https://rbuckton.github.io/reflect-metadata/
-    (function (factory) {
-        var root = typeof global === "object" ? global :
-            typeof self === "object" ? self :
-                typeof this === "object" ? this :
-                    Function("return this;")();
-        var exporter = makeExporter(Reflect);
-        if (typeof root.Reflect === "undefined") {
-            root.Reflect = Reflect;
-        }
-        else {
-            exporter = makeExporter(root.Reflect, exporter);
-        }
-        factory(exporter);
-        function makeExporter(target, previous) {
-            return function (key, value) {
-                if (typeof target[key] !== "function") {
-                    Object.defineProperty(target, key, { configurable: true, writable: true, value: value });
-                }
-                if (previous)
-                    previous(key, value);
-            };
-        }
-    })(function (exporter) {
-        var hasOwn = Object.prototype.hasOwnProperty;
-        // feature test for Symbol support
-        var supportsSymbol = typeof Symbol === "function";
-        var toPrimitiveSymbol = supportsSymbol && typeof Symbol.toPrimitive !== "undefined" ? Symbol.toPrimitive : "@@toPrimitive";
-        var iteratorSymbol = supportsSymbol && typeof Symbol.iterator !== "undefined" ? Symbol.iterator : "@@iterator";
-        var supportsCreate = typeof Object.create === "function"; // feature test for Object.create support
-        var supportsProto = { __proto__: [] } instanceof Array; // feature test for __proto__ support
-        var downLevel = !supportsCreate && !supportsProto;
-        var HashMap = {
-            // create an object in dictionary mode (a.k.a. "slow" mode in v8)
-            create: supportsCreate
-                ? function () { return MakeDictionary(Object.create(null)); }
-                : supportsProto
-                    ? function () { return MakeDictionary({ __proto__: null }); }
-                    : function () { return MakeDictionary({}); },
-            has: downLevel
-                ? function (map, key) { return hasOwn.call(map, key); }
-                : function (map, key) { return key in map; },
-            get: downLevel
-                ? function (map, key) { return hasOwn.call(map, key) ? map[key] : undefined; }
-                : function (map, key) { return map[key]; },
-        };
-        // Load global or shim versions of Map, Set, and WeakMap
-        var functionPrototype = Object.getPrototypeOf(Function);
-        var usePolyfill = typeof process === "object" && process["env" + ""] && process["env" + ""]["REFLECT_METADATA_USE_MAP_POLYFILL"] === "true";
-        var _Map = !usePolyfill && typeof Map === "function" && typeof Map.prototype.entries === "function" ? Map : CreateMapPolyfill();
-        var _Set = !usePolyfill && typeof Set === "function" && typeof Set.prototype.entries === "function" ? Set : CreateSetPolyfill();
-        var _WeakMap = !usePolyfill && typeof WeakMap === "function" ? WeakMap : CreateWeakMapPolyfill();
-        // [[Metadata]] internal slot
-        // https://rbuckton.github.io/reflect-metadata/#ordinary-object-internal-methods-and-internal-slots
-        var Metadata = new _WeakMap();
-        /**
-         * Applies a set of decorators to a property of a target object.
-         * @param decorators An array of decorators.
-         * @param target The target object.
-         * @param propertyKey (Optional) The property key to decorate.
-         * @param attributes (Optional) The property descriptor for the target key.
-         * @remarks Decorators are applied in reverse order.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     Example = Reflect.decorate(decoratorsArray, Example);
-         *
-         *     // property (on constructor)
-         *     Reflect.decorate(decoratorsArray, Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     Reflect.decorate(decoratorsArray, Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     Object.defineProperty(Example, "staticMethod",
-         *         Reflect.decorate(decoratorsArray, Example, "staticMethod",
-         *             Object.getOwnPropertyDescriptor(Example, "staticMethod")));
-         *
-         *     // method (on prototype)
-         *     Object.defineProperty(Example.prototype, "method",
-         *         Reflect.decorate(decoratorsArray, Example.prototype, "method",
-         *             Object.getOwnPropertyDescriptor(Example.prototype, "method")));
-         *
-         */
-        function decorate(decorators, target, propertyKey, attributes) {
-            if (!IsUndefined(propertyKey)) {
-                if (!IsArray(decorators))
-                    throw new TypeError();
-                if (!IsObject(target))
-                    throw new TypeError();
-                if (!IsObject(attributes) && !IsUndefined(attributes) && !IsNull(attributes))
-                    throw new TypeError();
-                if (IsNull(attributes))
-                    attributes = undefined;
-                propertyKey = ToPropertyKey(propertyKey);
-                return DecorateProperty(decorators, target, propertyKey, attributes);
-            }
-            else {
-                if (!IsArray(decorators))
-                    throw new TypeError();
-                if (!IsConstructor(target))
-                    throw new TypeError();
-                return DecorateConstructor(decorators, target);
-            }
-        }
-        exporter("decorate", decorate);
-        // 4.1.2 Reflect.metadata(metadataKey, metadataValue)
-        // https://rbuckton.github.io/reflect-metadata/#reflect.metadata
-        /**
-         * A default metadata decorator factory that can be used on a class, class member, or parameter.
-         * @param metadataKey The key for the metadata entry.
-         * @param metadataValue The value for the metadata entry.
-         * @returns A decorator function.
-         * @remarks
-         * If `metadataKey` is already defined for the target and target key, the
-         * metadataValue for that key will be overwritten.
-         * @example
-         *
-         *     // constructor
-         *     @Reflect.metadata(key, value)
-         *     class Example {
-         *     }
-         *
-         *     // property (on constructor, TypeScript only)
-         *     class Example {
-         *         @Reflect.metadata(key, value)
-         *         static staticProperty;
-         *     }
-         *
-         *     // property (on prototype, TypeScript only)
-         *     class Example {
-         *         @Reflect.metadata(key, value)
-         *         property;
-         *     }
-         *
-         *     // method (on constructor)
-         *     class Example {
-         *         @Reflect.metadata(key, value)
-         *         static staticMethod() { }
-         *     }
-         *
-         *     // method (on prototype)
-         *     class Example {
-         *         @Reflect.metadata(key, value)
-         *         method() { }
-         *     }
-         *
-         */
-        function metadata(metadataKey, metadataValue) {
-            function decorator(target, propertyKey) {
-                if (!IsObject(target))
-                    throw new TypeError();
-                if (!IsUndefined(propertyKey) && !IsPropertyKey(propertyKey))
-                    throw new TypeError();
-                OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-            }
-            return decorator;
-        }
-        exporter("metadata", metadata);
-        /**
-         * Define a unique metadata entry on the target.
-         * @param metadataKey A key used to store and retrieve metadata.
-         * @param metadataValue A value that contains attached metadata.
-         * @param target The target object on which to define metadata.
-         * @param propertyKey (Optional) The property key for the target.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     Reflect.defineMetadata("custom:annotation", options, Example);
-         *
-         *     // property (on constructor)
-         *     Reflect.defineMetadata("custom:annotation", options, Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     Reflect.defineMetadata("custom:annotation", options, Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     Reflect.defineMetadata("custom:annotation", options, Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     Reflect.defineMetadata("custom:annotation", options, Example.prototype, "method");
-         *
-         *     // decorator factory as metadata-producing annotation.
-         *     function MyAnnotation(options): Decorator {
-         *         return (target, key?) => Reflect.defineMetadata("custom:annotation", options, target, key);
-         *     }
-         *
-         */
-        function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
-        }
-        exporter("defineMetadata", defineMetadata);
-        /**
-         * Gets a value indicating whether the target object or its prototype chain has the provided metadata key defined.
-         * @param metadataKey A key used to store and retrieve metadata.
-         * @param target The target object on which the metadata is defined.
-         * @param propertyKey (Optional) The property key for the target.
-         * @returns `true` if the metadata key was defined on the target object or its prototype chain; otherwise, `false`.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     result = Reflect.hasMetadata("custom:annotation", Example);
-         *
-         *     // property (on constructor)
-         *     result = Reflect.hasMetadata("custom:annotation", Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     result = Reflect.hasMetadata("custom:annotation", Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     result = Reflect.hasMetadata("custom:annotation", Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     result = Reflect.hasMetadata("custom:annotation", Example.prototype, "method");
-         *
-         */
-        function hasMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryHasMetadata(metadataKey, target, propertyKey);
-        }
-        exporter("hasMetadata", hasMetadata);
-        /**
-         * Gets a value indicating whether the target object has the provided metadata key defined.
-         * @param metadataKey A key used to store and retrieve metadata.
-         * @param target The target object on which the metadata is defined.
-         * @param propertyKey (Optional) The property key for the target.
-         * @returns `true` if the metadata key was defined on the target object; otherwise, `false`.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     result = Reflect.hasOwnMetadata("custom:annotation", Example);
-         *
-         *     // property (on constructor)
-         *     result = Reflect.hasOwnMetadata("custom:annotation", Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     result = Reflect.hasOwnMetadata("custom:annotation", Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     result = Reflect.hasOwnMetadata("custom:annotation", Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     result = Reflect.hasOwnMetadata("custom:annotation", Example.prototype, "method");
-         *
-         */
-        function hasOwnMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
-        }
-        exporter("hasOwnMetadata", hasOwnMetadata);
-        /**
-         * Gets the metadata value for the provided metadata key on the target object or its prototype chain.
-         * @param metadataKey A key used to store and retrieve metadata.
-         * @param target The target object on which the metadata is defined.
-         * @param propertyKey (Optional) The property key for the target.
-         * @returns The metadata value for the metadata key if found; otherwise, `undefined`.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     result = Reflect.getMetadata("custom:annotation", Example);
-         *
-         *     // property (on constructor)
-         *     result = Reflect.getMetadata("custom:annotation", Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     result = Reflect.getMetadata("custom:annotation", Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     result = Reflect.getMetadata("custom:annotation", Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     result = Reflect.getMetadata("custom:annotation", Example.prototype, "method");
-         *
-         */
-        function getMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryGetMetadata(metadataKey, target, propertyKey);
-        }
-        exporter("getMetadata", getMetadata);
-        /**
-         * Gets the metadata value for the provided metadata key on the target object.
-         * @param metadataKey A key used to store and retrieve metadata.
-         * @param target The target object on which the metadata is defined.
-         * @param propertyKey (Optional) The property key for the target.
-         * @returns The metadata value for the metadata key if found; otherwise, `undefined`.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     result = Reflect.getOwnMetadata("custom:annotation", Example);
-         *
-         *     // property (on constructor)
-         *     result = Reflect.getOwnMetadata("custom:annotation", Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     result = Reflect.getOwnMetadata("custom:annotation", Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     result = Reflect.getOwnMetadata("custom:annotation", Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     result = Reflect.getOwnMetadata("custom:annotation", Example.prototype, "method");
-         *
-         */
-        function getOwnMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryGetOwnMetadata(metadataKey, target, propertyKey);
-        }
-        exporter("getOwnMetadata", getOwnMetadata);
-        /**
-         * Gets the metadata keys defined on the target object or its prototype chain.
-         * @param target The target object on which the metadata is defined.
-         * @param propertyKey (Optional) The property key for the target.
-         * @returns An array of unique metadata keys.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     result = Reflect.getMetadataKeys(Example);
-         *
-         *     // property (on constructor)
-         *     result = Reflect.getMetadataKeys(Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     result = Reflect.getMetadataKeys(Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     result = Reflect.getMetadataKeys(Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     result = Reflect.getMetadataKeys(Example.prototype, "method");
-         *
-         */
-        function getMetadataKeys(target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryMetadataKeys(target, propertyKey);
-        }
-        exporter("getMetadataKeys", getMetadataKeys);
-        /**
-         * Gets the unique metadata keys defined on the target object.
-         * @param target The target object on which the metadata is defined.
-         * @param propertyKey (Optional) The property key for the target.
-         * @returns An array of unique metadata keys.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     result = Reflect.getOwnMetadataKeys(Example);
-         *
-         *     // property (on constructor)
-         *     result = Reflect.getOwnMetadataKeys(Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     result = Reflect.getOwnMetadataKeys(Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     result = Reflect.getOwnMetadataKeys(Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     result = Reflect.getOwnMetadataKeys(Example.prototype, "method");
-         *
-         */
-        function getOwnMetadataKeys(target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            return OrdinaryOwnMetadataKeys(target, propertyKey);
-        }
-        exporter("getOwnMetadataKeys", getOwnMetadataKeys);
-        /**
-         * Deletes the metadata entry from the target object with the provided key.
-         * @param metadataKey A key used to store and retrieve metadata.
-         * @param target The target object on which the metadata is defined.
-         * @param propertyKey (Optional) The property key for the target.
-         * @returns `true` if the metadata entry was found and deleted; otherwise, false.
-         * @example
-         *
-         *     class Example {
-         *         // property declarations are not part of ES6, though they are valid in TypeScript:
-         *         // static staticProperty;
-         *         // property;
-         *
-         *         constructor(p) { }
-         *         static staticMethod(p) { }
-         *         method(p) { }
-         *     }
-         *
-         *     // constructor
-         *     result = Reflect.deleteMetadata("custom:annotation", Example);
-         *
-         *     // property (on constructor)
-         *     result = Reflect.deleteMetadata("custom:annotation", Example, "staticProperty");
-         *
-         *     // property (on prototype)
-         *     result = Reflect.deleteMetadata("custom:annotation", Example.prototype, "property");
-         *
-         *     // method (on constructor)
-         *     result = Reflect.deleteMetadata("custom:annotation", Example, "staticMethod");
-         *
-         *     // method (on prototype)
-         *     result = Reflect.deleteMetadata("custom:annotation", Example.prototype, "method");
-         *
-         */
-        function deleteMetadata(metadataKey, target, propertyKey) {
-            if (!IsObject(target))
-                throw new TypeError();
-            if (!IsUndefined(propertyKey))
-                propertyKey = ToPropertyKey(propertyKey);
-            var metadataMap = GetOrCreateMetadataMap(target, propertyKey, /*Create*/ false);
-            if (IsUndefined(metadataMap))
-                return false;
-            if (!metadataMap.delete(metadataKey))
-                return false;
-            if (metadataMap.size > 0)
-                return true;
-            var targetMetadata = Metadata.get(target);
-            targetMetadata.delete(propertyKey);
-            if (targetMetadata.size > 0)
-                return true;
-            Metadata.delete(target);
-            return true;
-        }
-        exporter("deleteMetadata", deleteMetadata);
-        function DecorateConstructor(decorators, target) {
-            for (var i = decorators.length - 1; i >= 0; --i) {
-                var decorator = decorators[i];
-                var decorated = decorator(target);
-                if (!IsUndefined(decorated) && !IsNull(decorated)) {
-                    if (!IsConstructor(decorated))
-                        throw new TypeError();
-                    target = decorated;
-                }
-            }
-            return target;
-        }
-        function DecorateProperty(decorators, target, propertyKey, descriptor) {
-            for (var i = decorators.length - 1; i >= 0; --i) {
-                var decorator = decorators[i];
-                var decorated = decorator(target, propertyKey, descriptor);
-                if (!IsUndefined(decorated) && !IsNull(decorated)) {
-                    if (!IsObject(decorated))
-                        throw new TypeError();
-                    descriptor = decorated;
-                }
-            }
-            return descriptor;
-        }
-        function GetOrCreateMetadataMap(O, P, Create) {
-            var targetMetadata = Metadata.get(O);
-            if (IsUndefined(targetMetadata)) {
-                if (!Create)
-                    return undefined;
-                targetMetadata = new _Map();
-                Metadata.set(O, targetMetadata);
-            }
-            var metadataMap = targetMetadata.get(P);
-            if (IsUndefined(metadataMap)) {
-                if (!Create)
-                    return undefined;
-                metadataMap = new _Map();
-                targetMetadata.set(P, metadataMap);
-            }
-            return metadataMap;
-        }
-        // 3.1.1.1 OrdinaryHasMetadata(MetadataKey, O, P)
-        // https://rbuckton.github.io/reflect-metadata/#ordinaryhasmetadata
-        function OrdinaryHasMetadata(MetadataKey, O, P) {
-            var hasOwn = OrdinaryHasOwnMetadata(MetadataKey, O, P);
-            if (hasOwn)
-                return true;
-            var parent = OrdinaryGetPrototypeOf(O);
-            if (!IsNull(parent))
-                return OrdinaryHasMetadata(MetadataKey, parent, P);
-            return false;
-        }
-        // 3.1.2.1 OrdinaryHasOwnMetadata(MetadataKey, O, P)
-        // https://rbuckton.github.io/reflect-metadata/#ordinaryhasownmetadata
-        function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
-            var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
-            if (IsUndefined(metadataMap))
-                return false;
-            return ToBoolean(metadataMap.has(MetadataKey));
-        }
-        // 3.1.3.1 OrdinaryGetMetadata(MetadataKey, O, P)
-        // https://rbuckton.github.io/reflect-metadata/#ordinarygetmetadata
-        function OrdinaryGetMetadata(MetadataKey, O, P) {
-            var hasOwn = OrdinaryHasOwnMetadata(MetadataKey, O, P);
-            if (hasOwn)
-                return OrdinaryGetOwnMetadata(MetadataKey, O, P);
-            var parent = OrdinaryGetPrototypeOf(O);
-            if (!IsNull(parent))
-                return OrdinaryGetMetadata(MetadataKey, parent, P);
-            return undefined;
-        }
-        // 3.1.4.1 OrdinaryGetOwnMetadata(MetadataKey, O, P)
-        // https://rbuckton.github.io/reflect-metadata/#ordinarygetownmetadata
-        function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
-            var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
-            if (IsUndefined(metadataMap))
-                return undefined;
-            return metadataMap.get(MetadataKey);
-        }
-        // 3.1.5.1 OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P)
-        // https://rbuckton.github.io/reflect-metadata/#ordinarydefineownmetadata
-        function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
-            var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ true);
-            metadataMap.set(MetadataKey, MetadataValue);
-        }
-        // 3.1.6.1 OrdinaryMetadataKeys(O, P)
-        // https://rbuckton.github.io/reflect-metadata/#ordinarymetadatakeys
-        function OrdinaryMetadataKeys(O, P) {
-            var ownKeys = OrdinaryOwnMetadataKeys(O, P);
-            var parent = OrdinaryGetPrototypeOf(O);
-            if (parent === null)
-                return ownKeys;
-            var parentKeys = OrdinaryMetadataKeys(parent, P);
-            if (parentKeys.length <= 0)
-                return ownKeys;
-            if (ownKeys.length <= 0)
-                return parentKeys;
-            var set = new _Set();
-            var keys = [];
-            for (var _i = 0, ownKeys_1 = ownKeys; _i < ownKeys_1.length; _i++) {
-                var key = ownKeys_1[_i];
-                var hasKey = set.has(key);
-                if (!hasKey) {
-                    set.add(key);
-                    keys.push(key);
-                }
-            }
-            for (var _a = 0, parentKeys_1 = parentKeys; _a < parentKeys_1.length; _a++) {
-                var key = parentKeys_1[_a];
-                var hasKey = set.has(key);
-                if (!hasKey) {
-                    set.add(key);
-                    keys.push(key);
-                }
-            }
-            return keys;
-        }
-        // 3.1.7.1 OrdinaryOwnMetadataKeys(O, P)
-        // https://rbuckton.github.io/reflect-metadata/#ordinaryownmetadatakeys
-        function OrdinaryOwnMetadataKeys(O, P) {
-            var keys = [];
-            var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
-            if (IsUndefined(metadataMap))
-                return keys;
-            var keysObj = metadataMap.keys();
-            var iterator = GetIterator(keysObj);
-            var k = 0;
-            while (true) {
-                var next = IteratorStep(iterator);
-                if (!next) {
-                    keys.length = k;
-                    return keys;
-                }
-                var nextValue = IteratorValue(next);
-                try {
-                    keys[k] = nextValue;
-                }
-                catch (e) {
-                    try {
-                        IteratorClose(iterator);
-                    }
-                    finally {
-                        throw e;
-                    }
-                }
-                k++;
-            }
-        }
-        // 6 ECMAScript Data Typ0es and Values
-        // https://tc39.github.io/ecma262/#sec-ecmascript-data-types-and-values
-        function Type(x) {
-            if (x === null)
-                return 1 /* Null */;
-            switch (typeof x) {
-                case "undefined": return 0 /* Undefined */;
-                case "boolean": return 2 /* Boolean */;
-                case "string": return 3 /* String */;
-                case "symbol": return 4 /* Symbol */;
-                case "number": return 5 /* Number */;
-                case "object": return x === null ? 1 /* Null */ : 6 /* Object */;
-                default: return 6 /* Object */;
-            }
-        }
-        // 6.1.1 The Undefined Type
-        // https://tc39.github.io/ecma262/#sec-ecmascript-language-types-undefined-type
-        function IsUndefined(x) {
-            return x === undefined;
-        }
-        // 6.1.2 The Null Type
-        // https://tc39.github.io/ecma262/#sec-ecmascript-language-types-null-type
-        function IsNull(x) {
-            return x === null;
-        }
-        // 6.1.5 The Symbol Type
-        // https://tc39.github.io/ecma262/#sec-ecmascript-language-types-symbol-type
-        function IsSymbol(x) {
-            return typeof x === "symbol";
-        }
-        // 6.1.7 The Object Type
-        // https://tc39.github.io/ecma262/#sec-object-type
-        function IsObject(x) {
-            return typeof x === "object" ? x !== null : typeof x === "function";
-        }
-        // 7.1 Type Conversion
-        // https://tc39.github.io/ecma262/#sec-type-conversion
-        // 7.1.1 ToPrimitive(input [, PreferredType])
-        // https://tc39.github.io/ecma262/#sec-toprimitive
-        function ToPrimitive(input, PreferredType) {
-            switch (Type(input)) {
-                case 0 /* Undefined */: return input;
-                case 1 /* Null */: return input;
-                case 2 /* Boolean */: return input;
-                case 3 /* String */: return input;
-                case 4 /* Symbol */: return input;
-                case 5 /* Number */: return input;
-            }
-            var hint = PreferredType === 3 /* String */ ? "string" : PreferredType === 5 /* Number */ ? "number" : "default";
-            var exoticToPrim = GetMethod(input, toPrimitiveSymbol);
-            if (exoticToPrim !== undefined) {
-                var result = exoticToPrim.call(input, hint);
-                if (IsObject(result))
-                    throw new TypeError();
-                return result;
-            }
-            return OrdinaryToPrimitive(input, hint === "default" ? "number" : hint);
-        }
-        // 7.1.1.1 OrdinaryToPrimitive(O, hint)
-        // https://tc39.github.io/ecma262/#sec-ordinarytoprimitive
-        function OrdinaryToPrimitive(O, hint) {
-            if (hint === "string") {
-                var toString_1 = O.toString;
-                if (IsCallable(toString_1)) {
-                    var result = toString_1.call(O);
-                    if (!IsObject(result))
-                        return result;
-                }
-                var valueOf = O.valueOf;
-                if (IsCallable(valueOf)) {
-                    var result = valueOf.call(O);
-                    if (!IsObject(result))
-                        return result;
-                }
-            }
-            else {
-                var valueOf = O.valueOf;
-                if (IsCallable(valueOf)) {
-                    var result = valueOf.call(O);
-                    if (!IsObject(result))
-                        return result;
-                }
-                var toString_2 = O.toString;
-                if (IsCallable(toString_2)) {
-                    var result = toString_2.call(O);
-                    if (!IsObject(result))
-                        return result;
-                }
-            }
-            throw new TypeError();
-        }
-        // 7.1.2 ToBoolean(argument)
-        // https://tc39.github.io/ecma262/2016/#sec-toboolean
-        function ToBoolean(argument) {
-            return !!argument;
-        }
-        // 7.1.12 ToString(argument)
-        // https://tc39.github.io/ecma262/#sec-tostring
-        function ToString(argument) {
-            return "" + argument;
-        }
-        // 7.1.14 ToPropertyKey(argument)
-        // https://tc39.github.io/ecma262/#sec-topropertykey
-        function ToPropertyKey(argument) {
-            var key = ToPrimitive(argument, 3 /* String */);
-            if (IsSymbol(key))
-                return key;
-            return ToString(key);
-        }
-        // 7.2 Testing and Comparison Operations
-        // https://tc39.github.io/ecma262/#sec-testing-and-comparison-operations
-        // 7.2.2 IsArray(argument)
-        // https://tc39.github.io/ecma262/#sec-isarray
-        function IsArray(argument) {
-            return Array.isArray
-                ? Array.isArray(argument)
-                : argument instanceof Object
-                    ? argument instanceof Array
-                    : Object.prototype.toString.call(argument) === "[object Array]";
-        }
-        // 7.2.3 IsCallable(argument)
-        // https://tc39.github.io/ecma262/#sec-iscallable
-        function IsCallable(argument) {
-            // NOTE: This is an approximation as we cannot check for [[Call]] internal method.
-            return typeof argument === "function";
-        }
-        // 7.2.4 IsConstructor(argument)
-        // https://tc39.github.io/ecma262/#sec-isconstructor
-        function IsConstructor(argument) {
-            // NOTE: This is an approximation as we cannot check for [[Construct]] internal method.
-            return typeof argument === "function";
-        }
-        // 7.2.7 IsPropertyKey(argument)
-        // https://tc39.github.io/ecma262/#sec-ispropertykey
-        function IsPropertyKey(argument) {
-            switch (Type(argument)) {
-                case 3 /* String */: return true;
-                case 4 /* Symbol */: return true;
-                default: return false;
-            }
-        }
-        // 7.3 Operations on Objects
-        // https://tc39.github.io/ecma262/#sec-operations-on-objects
-        // 7.3.9 GetMethod(V, P)
-        // https://tc39.github.io/ecma262/#sec-getmethod
-        function GetMethod(V, P) {
-            var func = V[P];
-            if (func === undefined || func === null)
-                return undefined;
-            if (!IsCallable(func))
-                throw new TypeError();
-            return func;
-        }
-        // 7.4 Operations on Iterator Objects
-        // https://tc39.github.io/ecma262/#sec-operations-on-iterator-objects
-        function GetIterator(obj) {
-            var method = GetMethod(obj, iteratorSymbol);
-            if (!IsCallable(method))
-                throw new TypeError(); // from Call
-            var iterator = method.call(obj);
-            if (!IsObject(iterator))
-                throw new TypeError();
-            return iterator;
-        }
-        // 7.4.4 IteratorValue(iterResult)
-        // https://tc39.github.io/ecma262/2016/#sec-iteratorvalue
-        function IteratorValue(iterResult) {
-            return iterResult.value;
-        }
-        // 7.4.5 IteratorStep(iterator)
-        // https://tc39.github.io/ecma262/#sec-iteratorstep
-        function IteratorStep(iterator) {
-            var result = iterator.next();
-            return result.done ? false : result;
-        }
-        // 7.4.6 IteratorClose(iterator, completion)
-        // https://tc39.github.io/ecma262/#sec-iteratorclose
-        function IteratorClose(iterator) {
-            var f = iterator["return"];
-            if (f)
-                f.call(iterator);
-        }
-        // 9.1 Ordinary Object Internal Methods and Internal Slots
-        // https://tc39.github.io/ecma262/#sec-ordinary-object-internal-methods-and-internal-slots
-        // 9.1.1.1 OrdinaryGetPrototypeOf(O)
-        // https://tc39.github.io/ecma262/#sec-ordinarygetprototypeof
-        function OrdinaryGetPrototypeOf(O) {
-            var proto = Object.getPrototypeOf(O);
-            if (typeof O !== "function" || O === functionPrototype)
-                return proto;
-            // TypeScript doesn't set __proto__ in ES5, as it's non-standard.
-            // Try to determine the superclass constructor. Compatible implementations
-            // must either set __proto__ on a subclass constructor to the superclass constructor,
-            // or ensure each class has a valid `constructor` property on its prototype that
-            // points back to the constructor.
-            // If this is not the same as Function.[[Prototype]], then this is definately inherited.
-            // This is the case when in ES6 or when using __proto__ in a compatible browser.
-            if (proto !== functionPrototype)
-                return proto;
-            // If the super prototype is Object.prototype, null, or undefined, then we cannot determine the heritage.
-            var prototype = O.prototype;
-            var prototypeProto = prototype && Object.getPrototypeOf(prototype);
-            if (prototypeProto == null || prototypeProto === Object.prototype)
-                return proto;
-            // If the constructor was not a function, then we cannot determine the heritage.
-            var constructor = prototypeProto.constructor;
-            if (typeof constructor !== "function")
-                return proto;
-            // If we have some kind of self-reference, then we cannot determine the heritage.
-            if (constructor === O)
-                return proto;
-            // we have a pretty good guess at the heritage.
-            return constructor;
-        }
-        // naive Map shim
-        function CreateMapPolyfill() {
-            var cacheSentinel = {};
-            var arraySentinel = [];
-            var MapIterator = /** @class */ (function () {
-                function MapIterator(keys, values, selector) {
-                    this._index = 0;
-                    this._keys = keys;
-                    this._values = values;
-                    this._selector = selector;
-                }
-                MapIterator.prototype["@@iterator"] = function () { return this; };
-                MapIterator.prototype[iteratorSymbol] = function () { return this; };
-                MapIterator.prototype.next = function () {
-                    var index = this._index;
-                    if (index >= 0 && index < this._keys.length) {
-                        var result = this._selector(this._keys[index], this._values[index]);
-                        if (index + 1 >= this._keys.length) {
-                            this._index = -1;
-                            this._keys = arraySentinel;
-                            this._values = arraySentinel;
-                        }
-                        else {
-                            this._index++;
-                        }
-                        return { value: result, done: false };
-                    }
-                    return { value: undefined, done: true };
-                };
-                MapIterator.prototype.throw = function (error) {
-                    if (this._index >= 0) {
-                        this._index = -1;
-                        this._keys = arraySentinel;
-                        this._values = arraySentinel;
-                    }
-                    throw error;
-                };
-                MapIterator.prototype.return = function (value) {
-                    if (this._index >= 0) {
-                        this._index = -1;
-                        this._keys = arraySentinel;
-                        this._values = arraySentinel;
-                    }
-                    return { value: value, done: true };
-                };
-                return MapIterator;
-            }());
-            return /** @class */ (function () {
-                function Map() {
-                    this._keys = [];
-                    this._values = [];
-                    this._cacheKey = cacheSentinel;
-                    this._cacheIndex = -2;
-                }
-                Object.defineProperty(Map.prototype, "size", {
-                    get: function () { return this._keys.length; },
-                    enumerable: true,
-                    configurable: true
-                });
-                Map.prototype.has = function (key) { return this._find(key, /*insert*/ false) >= 0; };
-                Map.prototype.get = function (key) {
-                    var index = this._find(key, /*insert*/ false);
-                    return index >= 0 ? this._values[index] : undefined;
-                };
-                Map.prototype.set = function (key, value) {
-                    var index = this._find(key, /*insert*/ true);
-                    this._values[index] = value;
-                    return this;
-                };
-                Map.prototype.delete = function (key) {
-                    var index = this._find(key, /*insert*/ false);
-                    if (index >= 0) {
-                        var size = this._keys.length;
-                        for (var i = index + 1; i < size; i++) {
-                            this._keys[i - 1] = this._keys[i];
-                            this._values[i - 1] = this._values[i];
-                        }
-                        this._keys.length--;
-                        this._values.length--;
-                        if (key === this._cacheKey) {
-                            this._cacheKey = cacheSentinel;
-                            this._cacheIndex = -2;
-                        }
-                        return true;
-                    }
-                    return false;
-                };
-                Map.prototype.clear = function () {
-                    this._keys.length = 0;
-                    this._values.length = 0;
-                    this._cacheKey = cacheSentinel;
-                    this._cacheIndex = -2;
-                };
-                Map.prototype.keys = function () { return new MapIterator(this._keys, this._values, getKey); };
-                Map.prototype.values = function () { return new MapIterator(this._keys, this._values, getValue); };
-                Map.prototype.entries = function () { return new MapIterator(this._keys, this._values, getEntry); };
-                Map.prototype["@@iterator"] = function () { return this.entries(); };
-                Map.prototype[iteratorSymbol] = function () { return this.entries(); };
-                Map.prototype._find = function (key, insert) {
-                    if (this._cacheKey !== key) {
-                        this._cacheIndex = this._keys.indexOf(this._cacheKey = key);
-                    }
-                    if (this._cacheIndex < 0 && insert) {
-                        this._cacheIndex = this._keys.length;
-                        this._keys.push(key);
-                        this._values.push(undefined);
-                    }
-                    return this._cacheIndex;
-                };
-                return Map;
-            }());
-            function getKey(key, _) {
-                return key;
-            }
-            function getValue(_, value) {
-                return value;
-            }
-            function getEntry(key, value) {
-                return [key, value];
-            }
-        }
-        // naive Set shim
-        function CreateSetPolyfill() {
-            return /** @class */ (function () {
-                function Set() {
-                    this._map = new _Map();
-                }
-                Object.defineProperty(Set.prototype, "size", {
-                    get: function () { return this._map.size; },
-                    enumerable: true,
-                    configurable: true
-                });
-                Set.prototype.has = function (value) { return this._map.has(value); };
-                Set.prototype.add = function (value) { return this._map.set(value, value), this; };
-                Set.prototype.delete = function (value) { return this._map.delete(value); };
-                Set.prototype.clear = function () { this._map.clear(); };
-                Set.prototype.keys = function () { return this._map.keys(); };
-                Set.prototype.values = function () { return this._map.values(); };
-                Set.prototype.entries = function () { return this._map.entries(); };
-                Set.prototype["@@iterator"] = function () { return this.keys(); };
-                Set.prototype[iteratorSymbol] = function () { return this.keys(); };
-                return Set;
-            }());
-        }
-        // naive WeakMap shim
-        function CreateWeakMapPolyfill() {
-            var UUID_SIZE = 16;
-            var keys = HashMap.create();
-            var rootKey = CreateUniqueKey();
-            return /** @class */ (function () {
-                function WeakMap() {
-                    this._key = CreateUniqueKey();
-                }
-                WeakMap.prototype.has = function (target) {
-                    var table = GetOrCreateWeakMapTable(target, /*create*/ false);
-                    return table !== undefined ? HashMap.has(table, this._key) : false;
-                };
-                WeakMap.prototype.get = function (target) {
-                    var table = GetOrCreateWeakMapTable(target, /*create*/ false);
-                    return table !== undefined ? HashMap.get(table, this._key) : undefined;
-                };
-                WeakMap.prototype.set = function (target, value) {
-                    var table = GetOrCreateWeakMapTable(target, /*create*/ true);
-                    table[this._key] = value;
-                    return this;
-                };
-                WeakMap.prototype.delete = function (target) {
-                    var table = GetOrCreateWeakMapTable(target, /*create*/ false);
-                    return table !== undefined ? delete table[this._key] : false;
-                };
-                WeakMap.prototype.clear = function () {
-                    // NOTE: not a real clear, just makes the previous data unreachable
-                    this._key = CreateUniqueKey();
-                };
-                return WeakMap;
-            }());
-            function CreateUniqueKey() {
-                var key;
-                do
-                    key = "@@WeakMap@@" + CreateUUID();
-                while (HashMap.has(keys, key));
-                keys[key] = true;
-                return key;
-            }
-            function GetOrCreateWeakMapTable(target, create) {
-                if (!hasOwn.call(target, rootKey)) {
-                    if (!create)
-                        return undefined;
-                    Object.defineProperty(target, rootKey, { value: HashMap.create() });
-                }
-                return target[rootKey];
-            }
-            function FillRandomBytes(buffer, size) {
-                for (var i = 0; i < size; ++i)
-                    buffer[i] = Math.random() * 0xff | 0;
-                return buffer;
-            }
-            function GenRandomBytes(size) {
-                if (typeof Uint8Array === "function") {
-                    if (typeof crypto !== "undefined")
-                        return crypto.getRandomValues(new Uint8Array(size));
-                    if (typeof msCrypto !== "undefined")
-                        return msCrypto.getRandomValues(new Uint8Array(size));
-                    return FillRandomBytes(new Uint8Array(size), size);
-                }
-                return FillRandomBytes(new Array(size), size);
-            }
-            function CreateUUID() {
-                var data = GenRandomBytes(UUID_SIZE);
-                // mark as random - RFC 4122 § 4.4
-                data[6] = data[6] & 0x4f | 0x40;
-                data[8] = data[8] & 0xbf | 0x80;
-                var result = "";
-                for (var offset = 0; offset < UUID_SIZE; ++offset) {
-                    var byte = data[offset];
-                    if (offset === 4 || offset === 6 || offset === 8)
-                        result += "-";
-                    if (byte < 16)
-                        result += "0";
-                    result += byte.toString(16).toLowerCase();
-                }
-                return result;
-            }
-        }
-        // uses a heuristic used by v8 and chakra to force an object into dictionary mode.
-        function MakeDictionary(obj) {
-            obj.__ = undefined;
-            delete obj.__;
-            return obj;
-        }
-    });
-})(Reflect || (Reflect = {}));
-
+        return x;
+      }));
+      pl.thisPath = [];
+      pl.pathList = [];
+    }
+    viewModelParseWatchCache2[key] = pl;
+    return pl;
+  }
+  _export({
+    parsePath: parsePath,
+    parsePathLists: parsePathLists
+  });
+  return {
+    setters: [],
+    execute: function () {
+      viewModelParseWatchCache = {};
+      viewModelParseWatchCache2 = {};
+    }
+  };
+});
+//# sourceMappingURL=ExpressionParser.js.map
 
-    AmdLoader.instance.setup("reflect-metadata");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomMap");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -3300,12 +2280,12 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=AtomMap.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomMap");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/types");
 
 System.register(["reflect-metadata", "./AtomMap"], function (_export, _context) {
   "use strict";
 
-  var Map, CancelToken, ArrayHelper, _a, _b, _c, ignoreValue, globalNS, DI, UMD;
+  var Map, CancelToken, ArrayHelper, _a, _b, _c, ignoreValue, flat, groupBy, globalNS, DI, UMD;
   _export({
     CancelToken: void 0,
     ArrayHelper: void 0
@@ -3390,7 +2370,7 @@ System.register(["reflect-metadata", "./AtomMap"], function (_export, _context)
         }
         return r;
       };
-      (_b = (_c = Array.prototype).flat) !== null && _b !== void 0 ? _b : _c.flat = function (depth = 1) {
+      flat = (_b = Array.prototype.flat) !== null && _b !== void 0 ? _b : function (depth = 1) {
         const r = [];
         const flat = depth > 0;
         const nestDepth = depth - 1;
@@ -3408,7 +2388,7 @@ System.register(["reflect-metadata", "./AtomMap"], function (_export, _context)
         }
         return r;
       };
-      Array.prototype["groupBy"] = function (keySelector) {
+      groupBy = (_c = Array.prototype.groupBy) !== null && _c !== void 0 ? _c : function (keySelector) {
         const map = new Map();
         const groups = [];
         for (const iterator of this) {
@@ -3425,6 +2405,18 @@ System.register(["reflect-metadata", "./AtomMap"], function (_export, _context)
         map.clear();
         return groups;
       };
+      Object.defineProperties(Array.prototype, {
+        flat: {
+          enumerable: false,
+          value: flat,
+          configurable: true
+        },
+        groupBy: {
+          enumerable: false,
+          value: groupBy,
+          configurable: true
+        }
+      });
       globalNS = typeof window !== "undefined" ? window : global;
       _export("DI", DI = globalNS.UMD);
       _export("UMD", UMD = globalNS.UMD);
@@ -3433,7 +2425,7 @@ System.register(["reflect-metadata", "./AtomMap"], function (_export, _context)
 });
 //# sourceMappingURL=types.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/types");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/Bind");
 
 System.register(["tslib", "./ExpressionParser", "./types"], function (_export, _context) {
   "use strict";
@@ -3599,12 +2591,12 @@ System.register(["tslib", "./ExpressionParser", "./types"], function (_export, _
                 (_a = asyncState.cancelToken) === null || _a === void 0 ? void 0 : _a.cancel();
                 asyncState.cancelToken = undefined;
                 asyncState.token = app.setTimeoutAsync(() => __awaiter(this, void 0, void 0, function* () {
-                  var _b, _c;
-                  if ((_b = asyncState.cancelToken) === null || _b === void 0 ? void 0 : _b.cancelled) {
+                  var _a, _b;
+                  if ((_a = asyncState.cancelToken) === null || _a === void 0 ? void 0 : _a.cancelled) {
                     return;
                   }
                   asyncState.token = undefined;
-                  (_c = asyncState.cancelToken) === null || _c === void 0 ? void 0 : _c.cancel();
+                  (_b = asyncState.cancelToken) === null || _b === void 0 ? void 0 : _b.cancel();
                   const ct = asyncState.cancelToken = new CancelToken();
                   const value = yield sourcePath.call(creator, control, e, ct);
                   if (!ct.cancelled) {
@@ -3744,16 +2736,13 @@ System.register(["tslib", "./ExpressionParser", "./types"], function (_export, _
 });
 //# sourceMappingURL=Bind.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/Bind");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/XNode");
 
 System.register(["./Bind"], function (_export, _context) {
   "use strict";
 
   var bindSymbol, RootObject, XNode, xnodeSymbol, isControl, elementFactorySymbol, isFactorySymbol, attachedSymbol, isTemplateSymbol, constructorNeedsArgumentsSymbol, attachedProperties, attachedId, attach;
-  _export({
-    RootObject: void 0,
-    default: void 0
-  });
+  _export("RootObject", void 0);
   return {
     setters: [function (_Bind) {
       bindSymbol = _Bind.bindSymbol;
@@ -3794,7 +2783,7 @@ System.register(["./Bind"], function (_export, _context) {
         fx[isFactorySymbol] = key;
         return fx;
       };
-      _export("default", XNode = class XNode {
+      XNode = class XNode {
         static attach(n, tag) {
           return {
             factory: (attributes, ...nodes) => new XNode(n, attributes ? Object.assign(Object.assign({}, attributes), {
@@ -3887,7 +2876,7 @@ System.register(["./Bind"], function (_export, _context) {
           }
           return `name is of type ${typeof this.name}`;
         }
-      });
+      };
       XNode.isFactory = isFactorySymbol;
       XNode.elementFactory = elementFactorySymbol;
       XNode.bindSymbol = bindSymbol;
@@ -3898,6 +2887,7 @@ System.register(["./Bind"], function (_export, _context) {
       XNode.factory = (name, isProperty, isTemplate) => (a, ...nodes) => {
         return new XNode(name, a, nodes, isProperty, isTemplate);
       };
+      _export("default", XNode);
       if (typeof bridge !== "undefined") {
         bridge.XNode = XNode;
       }
@@ -3906,7 +2896,7 @@ System.register(["./Bind"], function (_export, _context) {
 });
 //# sourceMappingURL=XNode.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/XNode");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/StringHelper");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -3971,221 +2961,12 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=StringHelper.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/StringHelper");
-
-System.register([], function (_export, _context) {
-  "use strict";
-
-  var StyleFragment, id, nextId, globalLow, global, globalHigh, localLow, local, localHigh, styles, styled;
-  function* divide(text) {
-    const regex = /^(([^\{\n]+\{[\t\x20]*)|([^\n\}]*\}[^\S\n\r]*))$/gm;
-    let m;
-    let sentOnce = false;
-    let lastIndex = 0;
-    let lastMatch;
-    while ((m = regex.exec(text)) !== null) {
-      if (m.index === regex.lastIndex) {
-        regex.lastIndex++;
-      }
-      const match = m[0];
-      if (!sentOnce) {
-        sentOnce = true;
-        yield text.substring(lastIndex, m.index);
-        lastIndex = m.index + match.length;
-        lastMatch = match;
-        continue;
-      }
-      if (lastMatch.includes("}")) {
-        yield [lastMatch.trim()];
-        lastIndex = m.index + match.length;
-        lastMatch = match;
-        continue;
-      }
-      yield [lastMatch, text.substring(lastIndex, m.index), match];
-      lastIndex = m.index + match.length;
-      lastMatch = match;
-    }
-    if (lastMatch === null || lastMatch === void 0 ? void 0 : lastMatch.includes("}")) {
-      yield [lastMatch.trim()];
-    }
-  }
-  return {
-    setters: [],
-    execute: function () {
-      ;
-      id = 1;
-      nextId = () => `styled-r${id++}`;
-      globalLow = document.createElement("meta");
-      globalLow.name = "global-low-style";
-      document.head.appendChild(globalLow);
-      global = document.createElement("meta");
-      global.name = "global-style";
-      document.head.appendChild(global);
-      globalHigh = document.createElement("meta");
-      globalHigh.name = "global-high-style";
-      document.head.appendChild(globalHigh);
-      localLow = document.createElement("meta");
-      localLow.name = "local-low-style";
-      document.head.appendChild(localLow);
-      local = document.createElement("meta");
-      local.name = "local-style";
-      document.head.appendChild(local);
-      localHigh = document.createElement("meta");
-      localHigh.name = "local-high-style";
-      document.head.appendChild(localHigh);
-      StyleFragment = class StyleFragment {
-        static newStyle({
-          selector = "",
-          content = ""
-        }) {
-          return new StyleFragment({
-            selector,
-            content
-          });
-        }
-        constructor({
-          selector,
-          content
-        }) {
-          this.order = "low";
-          this.selector = selector;
-          this.content = content;
-        }
-        expand(selector) {
-          selector !== null && selector !== void 0 ? selector : selector = this.selector;
-          let en = divide(this.content);
-          let parts = en.next();
-          if (parts.done) {
-            if (!this.content) {
-              return "";
-            }
-            return `${selector} {\n${this.content}\n}`;
-          }
-          const first = parts.value;
-          let content = (first === null || first === void 0 ? void 0 : first.trim()) ? `${selector} {\n${first}\n}\n` : "";
-          let selectorStack = [];
-          while (!(parts = en.next()).done) {
-            const [key, value] = parts.value;
-            if (key.endsWith("}")) {
-              selector = selectorStack.pop();
-              if (selector === "@") {
-                content += "\n}\n";
-                selector = selectorStack.pop();
-              }
-              continue;
-            }
-            let keySelector = key.replace("{", "");
-            const isMedia = /\@/.test(keySelector);
-            const replace = !isMedia;
-            const replaced = replace ? selector.split(",").map(x => keySelector.replace(/\&/g, x).trim()).join(",") : keySelector;
-            selectorStack.push(selector);
-            selector = replace ? replaced : selector;
-            if (isMedia) {
-              selectorStack.push("@");
-            }
-            if (value === null || value === void 0 ? void 0 : value.trim()) {
-              content += `${replaced} {\n${value}\n}\n`;
-            } else {
-              if (isMedia) {
-                content += `${replaced} {\n`;
-              }
-            }
-          }
-          return content;
-        }
-        toString() {
-          return this.content.replace(/\\n/g, "");
-        }
-        installGlobal(selector = "", id = this.id || selector, description) {
-          const style = document.createElement("style");
-          style.textContent = this.expand(selector);
-          if (description) {
-            style.setAttribute("data-desc", description);
-          }
-          switch (this.order) {
-            case "low":
-              document.head.insertBefore(style, globalLow);
-              break;
-            case "default":
-            case "medium":
-              document.head.insertBefore(style, global);
-              break;
-            case "high":
-              document.head.insertBefore(style, globalHigh);
-              break;
-          }
-          style.id = id;
-        }
-        installLocal(prefix = "", description = this.description) {
-          const selector = nextId();
-          const style = document.createElement("style");
-          const id = `${prefix}.${selector}`;
-          style.id = id;
-          style.textContent = this.expand(id);
-          if (description) {
-            style.setAttribute("data-desc", description);
-          }
-          switch (this.order) {
-            case "low":
-              document.head.insertBefore(style, localLow);
-              break;
-            case "default":
-            case "medium":
-              document.head.insertBefore(style, local);
-              break;
-            case "high":
-              document.head.insertBefore(style, localHigh);
-              break;
-          }
-          return selector;
-        }
-        withId(id) {
-          this.id = id;
-          return this;
-        }
-        withDescription(description) {
-          this.description = description;
-          return this;
-        }
-        withOrder(order) {
-          this.order = order;
-          return this;
-        }
-      };
-      styles = [];
-      styled = {
-        get styles() {
-          return styles;
-        },
-        css: (t, ...a) => {
-          let r = "";
-          for (let index = 0; index < t.length; index++) {
-            const element = t[index];
-            r += element;
-            if (index < a.length) {
-              r += a[index];
-            }
-          }
-          return StyleFragment.newStyle({
-            content: r
-          });
-        },
-        add(x) {
-          styles.push(x);
-        }
-      };
-      _export("default", styled);
-    }
-  };
-});
-//# sourceMappingURL=styled.js.map
-
-    AmdLoader.instance.setup("@web-atoms/core/dist/style/styled");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/Form");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/core/XNode", "../styles/form.global.less"], function (_export, _context) {
   "use strict";
 
-  var __rest, Bind, StringHelper, XNode, styled, checkClick, BindError, BindEmailError;
+  var __rest, Bind, StringHelper, XNode, checkClick, BindError, BindEmailError;
   function Form(_a, ...nodes) {
     var {
         "data-submit-event": submitEvent = "submitForm",
@@ -4215,35 +2996,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       StringHelper = _webAtomsCoreDistCoreStringHelper.StringHelper;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
+    }, function (_stylesFormGlobalLess) {}],
     execute: function () {
-      styled.css`
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing, 5px);
-
-    &[data-valid=true] {
-        & .field-error:not(:empty) {
-            display: none;
-        }
-        & > .error-message {
-            display: none;
-        }
-    }
-
-    & > .error-message {
-        padding: var(--spacing-small, 2px);
-        padding-left: var(--spacing-large, 10px);
-        padding-right: var(--spacing-large, 10px);
-        background-color: red;
-        border-radius: 9999px;
-        color: white;
-        position: sticky;
-        top: 0;
-    }
-`.installGlobal("[data-form=form]");
       checkClick = e => {
         var _a;
         const form = e.currentTarget;
@@ -4317,7 +3071,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
 });
 //# sourceMappingURL=Form.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/Form");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/FormattedString");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -4337,7 +3091,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=FormattedString.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/FormattedString");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomBinder");
 
 System.register(["./types"], function (_export, _context) {
   "use strict";
@@ -4555,7 +3309,7 @@ System.register(["./types"], function (_export, _context) {
 });
 //# sourceMappingURL=AtomBinder.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomBinder");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomDispatcher");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -4622,7 +3376,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=AtomDispatcher.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomDispatcher");
+    AmdLoader.instance.setup("@web-atoms/core/dist/di/TypeKey");
 
 System.register(["../core/AtomMap"], function (_export, _context) {
   "use strict";
@@ -4651,7 +3405,7 @@ System.register(["../core/AtomMap"], function (_export, _context) {
 });
 //# sourceMappingURL=TypeKey.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/di/TypeKey");
+    AmdLoader.instance.setup("@web-atoms/core/dist/di/ServiceCollection");
 
 System.register(["../core/types", "./TypeKey"], function (_export, _context) {
   "use strict";
@@ -4716,7 +3470,7 @@ System.register(["../core/types", "./TypeKey"], function (_export, _context) {
 });
 //# sourceMappingURL=ServiceCollection.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/di/ServiceCollection");
+    AmdLoader.instance.setup("@web-atoms/core/dist/di/Register");
 
 System.register(["../core/types", "./ServiceCollection"], function (_export, _context) {
   "use strict";
@@ -4771,7 +3525,7 @@ System.register(["../core/types", "./ServiceCollection"], function (_export, _co
 });
 //# sourceMappingURL=Register.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/di/Register");
+    AmdLoader.instance.setup("@web-atoms/core/dist/di/RegisterSingleton");
 
 System.register(["./Register", "./ServiceCollection"], function (_export, _context) {
   "use strict";
@@ -4794,7 +3548,7 @@ System.register(["./Register", "./ServiceCollection"], function (_export, _conte
 });
 //# sourceMappingURL=RegisterSingleton.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/di/RegisterSingleton");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/TransientDisposable");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -4826,7 +3580,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=TransientDisposable.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/TransientDisposable");
+    AmdLoader.instance.setup("@web-atoms/core/dist/di/Inject");
 
 System.register(["./TypeKey"], function (_export, _context) {
   "use strict";
@@ -4918,7 +3672,7 @@ System.register(["./TypeKey"], function (_export, _context) {
 });
 //# sourceMappingURL=Inject.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/di/Inject");
+    AmdLoader.instance.setup("@web-atoms/core/dist/di/ServiceProvider");
 
 System.register(["../core/TransientDisposable", "../core/types", "./Inject", "./ServiceCollection", "./TypeKey"], function (_export, _context) {
   "use strict";
@@ -5058,7 +3812,7 @@ System.register(["../core/TransientDisposable", "../core/types", "./Inject", "./
 });
 //# sourceMappingURL=ServiceProvider.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/di/ServiceProvider");
+    AmdLoader.instance.setup("@web-atoms/core/dist/services/BusyIndicatorService");
 
 System.register(["tslib", "../di/RegisterSingleton"], function (_export, _context) {
   "use strict";
@@ -5084,7 +3838,7 @@ System.register(["tslib", "../di/RegisterSingleton"], function (_export, _contex
 });
 //# sourceMappingURL=BusyIndicatorService.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/services/BusyIndicatorService");
+    AmdLoader.instance.setup("@web-atoms/core/dist/App");
 
 System.register(["tslib", "./core/AtomBinder", "./core/AtomDispatcher", "./core/types", "./di/RegisterSingleton", "./di/ServiceProvider", "./services/BusyIndicatorService"], function (_export, _context) {
   "use strict";
@@ -5309,8 +4063,10 @@ System.register(["tslib", "./core/AtomBinder", "./core/AtomDispatcher", "./core/
           }
         }
         invokeReady() {
-          for (const iterator of this.readyHandlers) {
-            this.invokeReadyHandler(iterator);
+          if (this.invokeReadyHandler) {
+            for (const iterator of this.readyHandlers) {
+              this.invokeReadyHandler(iterator);
+            }
           }
           this.readyHandlers = null;
         }
@@ -5336,7 +4092,7 @@ System.register(["tslib", "./core/AtomBinder", "./core/AtomDispatcher", "./core/
 });
 //# sourceMappingURL=App.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/App");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomDisposableList");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -5378,7 +4134,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=AtomDisposableList.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomDisposableList");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomWatcher");
 
 System.register(["./AtomBinder", "./ExpressionParser"], function (_export, _context) {
   "use strict";
@@ -5517,7 +4273,7 @@ System.register(["./AtomBinder", "./ExpressionParser"], function (_export, _cont
 });
 //# sourceMappingURL=AtomWatcher.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomWatcher");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/core/AtomUI");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -5746,7 +4502,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=AtomUI.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/core/AtomUI");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/Hacks");
 
 System.register(["../web/core/AtomUI", "./AtomBinder"], function (_export, _context) {
   "use strict";
@@ -5815,7 +4571,7 @@ System.register(["../web/core/AtomUI", "./AtomBinder"], function (_export, _cont
 });
 //# sourceMappingURL=Hacks.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/Hacks");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/InheritedProperty");
 
 System.register(["./AtomBinder"], function (_export, _context) {
   "use strict";
@@ -5908,7 +4664,7 @@ System.register(["./AtomBinder"], function (_export, _context) {
 });
 //# sourceMappingURL=InheritedProperty.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/InheritedProperty");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/PropertyMap");
 
 System.register(["../di/TypeKey"], function (_export, _context) {
   "use strict";
@@ -5954,7 +4710,7 @@ System.register(["../di/TypeKey"], function (_export, _context) {
 });
 //# sourceMappingURL=PropertyMap.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/PropertyMap");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomComponent");
 
 System.register(["tslib", "../App", "../core/types", "../di/Inject", "./AtomDisposableList", "./AtomWatcher", "./Bind", "./Hacks", "./InheritedProperty", "./PropertyMap", "./XNode"], function (_export, _context) {
   "use strict";
@@ -6365,8 +5121,15 @@ System.register(["tslib", "../App", "../core/types", "../di/Inject", "./AtomDisp
           }
           return result;
         }
+        pushInit() {
+          this.runAfterInit(() => {
+            var _c, _d, _e;
+            (_e = (_d = (_c = this).init) === null || _d === void 0 ? void 0 : _d.call(_c)) === null || _e === void 0 ? void 0 : _e.catch(error => CancelToken.isCancelled(error) ? void 0 : console.error(error));
+          });
+        }
       });
-      _a = isControl, _b = isFactorySymbol;
+      _a = isControl;
+      _b = isFactorySymbol;
       AtomComponent[_a] = true;
       AtomComponent[_b] = true;
       __decorate([InheritedProperty, __metadata("design:type", Object)], AtomComponent.prototype, "data", void 0);
@@ -6509,7 +5272,7 @@ System.register(["tslib", "../App", "../core/types", "../di/Inject", "./AtomDisp
 });
 //# sourceMappingURL=AtomComponent.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomComponent");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomUri");
 
 System.register(["../web/core/AtomUI"], function (_export, _context) {
   "use strict";
@@ -6602,7 +5365,7 @@ System.register(["../web/core/AtomUI"], function (_export, _context) {
 });
 //# sourceMappingURL=AtomUri.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomUri");
+    AmdLoader.instance.setup("@web-atoms/core/dist/di/DISingleton");
 
 System.register(["./Register", "./ServiceCollection"], function (_export, _context) {
   "use strict";
@@ -6628,7 +5391,7 @@ System.register(["./Register", "./ServiceCollection"], function (_export, _conte
 });
 //# sourceMappingURL=DISingleton.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/di/DISingleton");
+    AmdLoader.instance.setup("@web-atoms/core/dist/services/ReferenceService");
 
 System.register(["tslib", "../di/DISingleton"], function (_export, _context) {
   "use strict";
@@ -6681,7 +5444,7 @@ System.register(["tslib", "../di/DISingleton"], function (_export, _context) {
 });
 //# sourceMappingURL=ReferenceService.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/services/ReferenceService");
+    AmdLoader.instance.setup("@web-atoms/core/dist/services/NavigationService");
 
 System.register(["tslib", "../core/AtomComponent", "../core/AtomUri", "../core/FormattedString", "../core/types", "./ReferenceService"], function (_export, _context) {
   "use strict";
@@ -6823,7 +5586,7 @@ System.register(["tslib", "../core/AtomComponent", "../core/AtomUri", "../core/F
 });
 //# sourceMappingURL=NavigationService.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/services/NavigationService");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/BindableProperty");
 
 System.register(["./AtomBinder"], function (_export, _context) {
   "use strict";
@@ -6867,7 +5630,7 @@ System.register(["./AtomBinder"], function (_export, _context) {
 });
 //# sourceMappingURL=BindableProperty.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/BindableProperty");
+    AmdLoader.instance.setup("@web-atoms/date-time/dist/TimeSpan");
 
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
@@ -7072,7 +5835,7 @@ System.register(["./AtomBinder"], function (_export, _context) {
 });
 //# sourceMappingURL=TimeSpan.js.map
 
-    AmdLoader.instance.setup("@web-atoms/date-time/dist/TimeSpan");
+    AmdLoader.instance.setup("@web-atoms/date-time/dist/DateTime");
 
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
@@ -7396,7 +6159,7 @@ System.register(["./AtomBinder"], function (_export, _context) {
 });
 //# sourceMappingURL=DateTime.js.map
 
-    AmdLoader.instance.setup("@web-atoms/date-time/dist/DateTime");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/EventScope");
 
 System.register(["@web-atoms/date-time/dist/DateTime", "./types"], function (_export, _context) {
   "use strict";
@@ -7516,7 +6279,7 @@ System.register(["@web-atoms/date-time/dist/DateTime", "./types"], function (_ex
 });
 //# sourceMappingURL=EventScope.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/EventScope");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/Route");
 
 System.register(["./StringHelper"], function (_export, _context) {
   "use strict";
@@ -7539,12 +6302,14 @@ System.register(["./StringHelper"], function (_export, _context) {
           if (this.optional) {
             return `(/?(?<${this.variable}>[^\\/]+))?`;
           }
-          return `/(?<${this.variable}>[^\\/]+)`;
+          return `/${StringHelper.escapeRegExp(this.prefix)}(?<${this.variable}>[^\\/]{1,500})${StringHelper.escapeRegExp(this.suffix)}`;
         }
         constructor(variable, name) {
           var _a;
           this.variable = variable;
           this.name = name;
+          this.prefix = "";
+          this.suffix = "";
           this.convert = v => v;
           if (variable.startsWith("*")) {
             this.catchAll = true;
@@ -7617,16 +6382,21 @@ System.register(["./StringHelper"], function (_export, _context) {
             if (regex.length > 2) {
               this.substitutions.push("/");
             }
-            if (!iterator.startsWith("{")) {
+            const match = /\{(\*?[\p{L}:]{1,50}\??)\}/u.exec(iterator);
+            if (!match) {
               this.substitutions.push(iterator);
               regex += StringHelper.escapeRegExp("/");
               regex += StringHelper.escapeRegExp(iterator);
               continue;
             }
-            if (!iterator.endsWith("}")) {
-              throw new Error("invalid route, missing end curly brace");
-            }
-            const v = new Variable(iterator.substring(1, iterator.length - 1));
+            const start = match.index;
+            const index = match[0].length;
+            const name = match[1];
+            const prefix = iterator.substring(0, start);
+            const suffix = iterator.substring(index + 1);
+            const v = new Variable(name);
+            v.prefix = prefix;
+            v.suffix = suffix;
             regex += v.regex;
             this.variables.push(v);
             this.substitutions.push(v);
@@ -7692,7 +6462,7 @@ System.register(["./StringHelper"], function (_export, _context) {
 });
 //# sourceMappingURL=Route.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/Route");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/Command");
 
 System.register(["tslib", "./EventScope", "./Route", "./types"], function (_export, _context) {
   "use strict";
@@ -7700,7 +6470,6 @@ System.register(["tslib", "./EventScope", "./Route", "./types"], function (_expo
   var __awaiter, EventScope, Route, CancelToken, PageCommands, Command, Commands, routeSymbol, displayRouteSymbol, id, defaultOrSelf;
   _export({
     PageCommands: void 0,
-    default: void 0,
     Commands: void 0
   });
   return {
@@ -7745,8 +6514,8 @@ System.register(["tslib", "./EventScope", "./Route", "./types"], function (_expo
         var _a;
         return (_a = x === null || x === void 0 ? void 0 : x.default) !== null && _a !== void 0 ? _a : x;
       };
-      _export("default", Command = class Command {
-        static invokeRoute(route = location.hash.startsWith("#!") ? location.hash.substring(2) : location.pathname, forceDisplay = false) {
+      Command = class Command {
+        static invokeRoute(route = location.hash.startsWith("#!") ? location.hash.substring(2) : location.href, forceDisplay = false) {
           let sp;
           if (/^http(s)?\:\/\//i.test(route)) {
             const url = new URL(route);
@@ -7792,6 +6561,11 @@ System.register(["tslib", "./EventScope", "./Route", "./types"], function (_expo
         }) {
           let cmd = new Command(name, eventScope, registerOnClick);
           if (route) {
+            if (this.routePrefix) {
+              if (!route.startsWith(this.routePrefix)) {
+                route = this.routePrefix + route;
+              }
+            }
             cmd = cmd.withRoute(route, routeQueries, routeOrder, routeDefaults);
           }
           cmd.listener = listener;
@@ -7806,24 +6580,24 @@ System.register(["tslib", "./EventScope", "./Route", "./types"], function (_expo
           if (pushPage) {
             let pageType;
             cmd.listener = ce => __awaiter(this, void 0, void 0, function* () {
-              var _b;
-              const p = (_b = ce.detail) !== null && _b !== void 0 ? _b : {};
+              var _a;
+              const p = (_a = ce.detail) !== null && _a !== void 0 ? _a : {};
               return p.returnResult ? PageCommands.pushPageForResult(pageType !== null && pageType !== void 0 ? pageType : pageType = defaultOrSelf(yield pushPage()), p) : PageCommands.pushPage(pageType !== null && pageType !== void 0 ? pageType : pageType = defaultOrSelf(yield pushPage()), p);
             });
           }
           if (pushPageForResult) {
             let pageType;
             cmd.listener = ce => __awaiter(this, void 0, void 0, function* () {
-              var _c;
-              return PageCommands.pushPageForResult(pageType !== null && pageType !== void 0 ? pageType : pageType = defaultOrSelf(yield pushPageForResult()), (_c = ce.detail) !== null && _c !== void 0 ? _c : {});
+              var _a;
+              return PageCommands.pushPageForResult(pageType !== null && pageType !== void 0 ? pageType : pageType = defaultOrSelf(yield pushPageForResult()), (_a = ce.detail) !== null && _a !== void 0 ? _a : {});
             });
           }
           if (pushPageForResultOrCancel) {
             let pageType;
             cmd.listener = ce => __awaiter(this, void 0, void 0, function* () {
-              var _d;
+              var _a;
               try {
-                return yield PageCommands.pushPageForResult(pageType !== null && pageType !== void 0 ? pageType : pageType = defaultOrSelf(yield pushPageForResultOrCancel()), (_d = ce.detail) !== null && _d !== void 0 ? _d : {});
+                return yield PageCommands.pushPageForResult(pageType !== null && pageType !== void 0 ? pageType : pageType = defaultOrSelf(yield pushPageForResultOrCancel()), (_a = ce.detail) !== null && _a !== void 0 ? _a : {});
               } catch (e) {
                 if (CancelToken.isCancelled(e)) {
                   return;
@@ -7948,9 +6722,11 @@ System.register(["tslib", "./EventScope", "./Route", "./types"], function (_expo
             }
           });
         }
-      });
+      };
+      Command.routePrefix = "";
       Command.registry = new Map();
       Command.routes = [];
+      _export("default", Command);
       _export("Commands", Commands = class Commands {
         static install(control) {
           this.app = control.app;
@@ -7967,7 +6743,7 @@ System.register(["tslib", "./EventScope", "./Route", "./types"], function (_expo
 });
 //# sourceMappingURL=Command.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/Command");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/WebImage");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -7990,7 +6766,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=WebImage.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/WebImage");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomStyle");
 
 System.register(["../../core/StringHelper"], function (_export, _context) {
   "use strict";
@@ -8075,7 +6851,7 @@ System.register(["../../core/StringHelper"], function (_export, _context) {
 });
 //# sourceMappingURL=AtomStyle.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomStyle");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomStyleSheet");
 
 System.register(["../../di/TypeKey"], function (_export, _context) {
   "use strict";
@@ -8148,12 +6924,12 @@ System.register(["../../di/TypeKey"], function (_export, _context) {
 });
 //# sourceMappingURL=AtomStyleSheet.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomStyleSheet");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomControl");
 
 System.register(["tslib", "../../core/AtomBinder", "../../core/AtomComponent", "../../core/BindableProperty", "../../core/Command", "../../core/FormattedString", "../../core/Hacks", "../../core/WebImage", "../../core/XNode", "../../di/TypeKey", "../styles/AtomStyle", "../styles/AtomStyleSheet"], function (_export, _context) {
   "use strict";
 
-  var __decorate, __metadata, AtomBinder, AtomComponent, BindableProperty, Command, FormattedString, refreshInherited, visitDescendents, WebImage, XNode, isControl, TypeKey, AtomStyle, AtomStyleSheet, AtomControl, isAtomControl, fromHyphenToCamel, defaultStyleSheets, ElementValueSetters, propertyId, getSelection;
+  var __decorate, __metadata, AtomBinder, AtomComponent, BindableProperty, Command, FormattedString, refreshInherited, visitDescendents, WebImage, XNode, isControl, TypeKey, AtomStyle, AtomStyleSheet, AtomControl, isAtomControl, fromHyphenToCamel, defaultStyleSheets, ElementValueSetters, propertyId, getSelection, body, html;
   function setAttribute(name) {
     return (ctrl, e, value) => {
       e.setAttribute(name, value);
@@ -8383,6 +7159,7 @@ System.register(["tslib", "../../core/AtomBinder", "../../core/AtomComponent", "
       ElementValueSetters["style-background-color"] = ElementValueSetters.styleBackgroundColor;
       ElementValueSetters["on-create"] = ElementValueSetters.onCreate;
       propertyId = 1;
+      ;
       _export("AtomControl", AtomControl = class AtomControl extends AtomComponent {
         static from(e1) {
           var _a;
@@ -8558,8 +7335,12 @@ System.register(["tslib", "../../core/AtomBinder", "../../core/AtomComponent", "
             this.bindEvent(element, name, value);
             return;
           }
-          if (name.startsWith("aria-")) {
-            element.setAttribute(name, value);
+          if (name.startsWith("attr-")) {
+            if (value === null) {
+              element.removeAttribute(name.substring(5));
+              return;
+            }
+            element.setAttribute(name.substring(5), value);
           } else {
             element[name] = value;
           }
@@ -8713,6 +7494,8 @@ System.register(["tslib", "../../core/AtomBinder", "../../core/AtomComponent", "
         }
         return "";
       };
+      body = document.body;
+      html = body.parentElement;
       window.addEventListener("click", e => {
         if (e.defaultPrevented) {
           return;
@@ -8722,9 +7505,11 @@ System.register(["tslib", "../../core/AtomBinder", "../../core/AtomComponent", "
         }
         const originalTarget = e.target;
         let start = originalTarget;
+        if (originalTarget === html) {
+          return;
+        }
         let clickEvent;
-        const end = document.body;
-        while (start && start !== end) {
+        while (start && start !== body) {
           clickEvent || (clickEvent = start.getAttribute("data-click-event"));
           if (start.tagName === "A") {
             if (!clickEvent) {
@@ -8773,7 +7558,7 @@ System.register(["tslib", "../../core/AtomBinder", "../../core/AtomComponent", "
 });
 //# sourceMappingURL=AtomControl.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomControl");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/sleep");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -8810,12 +7595,12 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=sleep.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/sleep");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/PopupWindow");
 
-System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../../core/XNode", "../../core/sleep", "../../core/types", "../../style/styled", "../controls/AtomControl", "../core/AtomUI"], function (_export, _context) {
+System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../../core/XNode", "../../core/sleep", "../../core/types", "../controls/AtomControl", "../core/AtomUI", "./PopupWindow.global.less"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, Bind, BindableProperty, XNode, sleep, CancelToken, styled, AtomControl, ChildEnumerator, PopupWindow, ConfirmPopup, popupService, loadPopupService, focus;
+  var __awaiter, __decorate, __metadata, Bind, BindableProperty, XNode, sleep, CancelToken, AtomControl, ChildEnumerator, PopupWindow, ConfirmPopup, popupService, loadPopupService, focus;
   _export({
     default: void 0,
     ConfirmPopup: void 0
@@ -8835,13 +7620,11 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
       sleep = _coreSleep.default;
     }, function (_coreTypes) {
       CancelToken = _coreTypes.CancelToken;
-    }, function (_styleStyled) {
-      styled = _styleStyled.default;
     }, function (_controlsAtomControl) {
       AtomControl = _controlsAtomControl.AtomControl;
     }, function (_coreAtomUI) {
       ChildEnumerator = _coreAtomUI.ChildEnumerator;
-    }],
+    }, function (_PopupWindowGlobalLess) {}],
     execute: function () {
       loadPopupService = () => __awaiter(void 0, void 0, void 0, function* () {
         if (popupService) {
@@ -8869,145 +7652,16 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
         }
         (_c = (_b = anyAutofocus).focus) === null || _c === void 0 ? void 0 : _c.call(_b);
       };
-      styled.css`
-        position: absolute;
-        border: solid 1px lightgray;
-        border-radius: 5px;
-        background-color: canvas;
-        color: canvastext;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        box-shadow: 0 0 20px 1px rgba(0 0 0 / 75%);
-
-        display: grid;
-        align-items: stretch;
-        justify-items: stretch;
-        grid-template-rows: auto auto 1fr auto;
-        grid-template-columns: auto 1fr auto;
-        opacity: 0;
-        transition: opacity 0.3s cubic-bezier(0.55, 0.09, 0.97, 0.32) ;
-        overflow: hidden;
-
-        [data-window-modal-background=background] {
-            position: absolute;
-            top: 0;
-            left: 0;
-            bottom: 0;
-            right: 0;
-        }
-
-        &[data-no-width=true] {
-            max-width: 95%;
-            min-width: 300px;
-        }
-        &[data-no-height=true] {
-            max-height: 95%;
-            min-height: 100px;
-        }
-
-        &[data-maximize=true] {
-            width: 90%;
-            height: 90%;
-        }
-
-        &[data-ready=true] {
-            opacity: 1;
-        }
-        &[data-dragging=true] {
-            opacity: 0.5;
-        }
-        & > [data-window-element=icon] {
-            grid-row: 1;
-            grid-column: 1;
-            z-index: 2;
-        }
-        & > [data-window-element=title] {
-            grid-row: 1;
-            grid-column: 2;
-            font-size: medium;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            cursor: move;
-            padding: var(--spacing, 5px);
-            color: var(--accent-text-color, #424242);
-            z-index: 2;
-        }
-        & > [data-window-element=close] {
-            grid-row: 1;
-            grid-column: 3;
-            color: white;
-            background-color: red;
-            border-radius: 9999px;
-            border: none;
-            outline: none;
-            /* padding: 5px; */
-            font-family: monospace;
-            height: 20px;
-            width: 20px;
-            margin: 5px;
-            cursor: pointer;
-            text-transform: capitalize;
-            z-index: 2;
-        }
-        & > [data-window-element=action-bar] {
-            grid-row: 1;
-            grid-column: 1 / span 3;
-            align-self: stretch;
-            justify-self: stretch;
-            background-color: var(--accent-color, rgba(211, 211, 211, 0.2));
-            border-top-left-radius: 5px;
-            border-top-right-radius: 5px;
-            z-index: 1;
-        }
-        & > [data-window-element=header] {
-            margin-top: 5px;
-            grid-row: 2;
-            grid-column: 1 / span 3;
-        }
-        & > [data-window-element=content] {
-            margin-top: 5px;
-            grid-row: 3;
-            grid-column: 1 / span 3;
-            position: relative;
-            overflow: auto;
-            padding: var(--spacing-medium, 7px);
-            &[data-maximize=true] {
-                width: 90vw;
-                height: 90vh;
-            }
-        }
-        & > [data-window-element=footer] {
-            margin-top: 5px;
-            grid-row: 4;
-            grid-column: 1 / span 3;
-            padding-top: 5px;
-            padding-bottom: 5px;
-            background-color: var(--command-bar-color, #80808025);
-
-            & > button, & > * > button {
-                border-radius: 9999px;
-                padding: 5px;
-                padding-left: 20px;
-                padding-right: 20px;
-                border-width: 1px;
-                border-color: transparent;
-                margin: 5px;
-                margin-left: 10px;
-            }            
-        }
-
-    `.installGlobal("[data-popup-window=popup-window]");
       _export("default", PopupWindow = class PopupWindow extends AtomControl {
         constructor() {
           super(...arguments);
           this.initialized = false;
         }
         static showWindow(window, options) {
-          return __awaiter(this, arguments, void 0, function* () {
-            if (arguments.length <= 1) {
-              options = arguments[0];
+          var arguments_1 = arguments;
+          return __awaiter(this, void 0, void 0, function* () {
+            if (arguments_1.length <= 1) {
+              options = arguments_1[0];
               window = this;
             }
             yield sleep(1);
@@ -9016,10 +7670,11 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
           });
         }
         static showModal(window, options) {
-          var _a;
-          return __awaiter(this, arguments, void 0, function* () {
-            if (arguments.length <= 1) {
-              options = arguments[0];
+          var arguments_2 = arguments;
+          return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (arguments_2.length <= 1) {
+              options = arguments_2[0];
               window = this;
             }
             options !== null && options !== void 0 ? options : options = {};
@@ -9213,38 +7868,15 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
       __decorate([BindableProperty, __metadata("design:type", Function)], PopupWindow.prototype, "actionBarRenderer", void 0);
       __decorate([BindableProperty, __metadata("design:type", String)], PopupWindow.prototype, "closeWarning", void 0);
       delete PopupWindow.prototype.init;
-      styled.css`
-        & >[data-window-element=content] > [data-element=details] {
-            margin-top: 5px;
-            overflow: auto;
-            max-width: 80vw;
-            max-height: 50vh;
-        }
-        & > [data-window-element=footer] {
-
-            & > .yes {
-                background-color: #01af01;
-                color: white;
-            }
-            & > .no {
-                background-color: red;
-                color: white;
-            }
-            & > .cancel {
-                background-color: gray;
-                color: white;
-            }
-        }
-    `.installGlobal("[data-confirm-popup=confirm-popup]");
       _export("ConfirmPopup", ConfirmPopup = class ConfirmPopup extends PopupWindow {
-        static confirm({
-          message,
-          title = "Confirm",
-          yesLabel = "Yes",
-          noLabel = "No",
-          cancelLabel = null
-        }) {
-          return __awaiter(this, void 0, void 0, function* () {
+        static confirm(_a) {
+          return __awaiter(this, arguments, void 0, function* ({
+            message,
+            title = "Confirm",
+            yesLabel = "Yes",
+            noLabel = "No",
+            cancelLabel = null
+          }) {
             const PS = yield loadPopupService();
             return PS.confirm({
               title,
@@ -9292,12 +7924,12 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
 });
 //# sourceMappingURL=PopupWindow.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/PopupWindow");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/PopupService");
 
-System.register(["tslib", "../../core/AtomDisposableList", "../../core/InheritedProperty", "../../core/types", "../../core/XNode", "../../style/styled", "../controls/AtomControl", "./PopupWindow"], function (_export, _context) {
+System.register(["tslib", "../../core/AtomDisposableList", "../../core/InheritedProperty", "../../core/types", "../../core/XNode", "../controls/AtomControl", "./PopupService.global.less", "./PopupWindow"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __rest, AtomDisposableList, getOwnInheritedProperty, CancelToken, XNode, styled, AtomControl, PopupWindowA, ConfirmPopup, PopupControl, PopupService, PopupWindow, popupCss, disableContain, popupId, lastTarget;
+  var __awaiter, __rest, AtomDisposableList, getOwnInheritedProperty, CancelToken, XNode, AtomControl, PopupWindowA, ConfirmPopup, PopupControl, PopupService, PopupWindow, popupCss, disableContain, popupId, lastTarget;
   function findHostAndPosition(opener) {
     let root = opener;
     const body = document.body;
@@ -9426,11 +8058,9 @@ System.register(["tslib", "../../core/AtomDisposableList", "../../core/Inherited
       CancelToken = _coreTypes.CancelToken;
     }, function (_coreXNode) {
       XNode = _coreXNode.default;
-    }, function (_styleStyled) {
-      styled = _styleStyled.default;
     }, function (_controlsAtomControl) {
       AtomControl = _controlsAtomControl.AtomControl;
-    }, function (_PopupWindow) {
+    }, function (_PopupServiceGlobalLess) {}, function (_PopupWindow) {
       PopupWindowA = _PopupWindow.default;
       ConfirmPopup = _PopupWindow.ConfirmPopup;
     }],
@@ -9441,99 +8071,7 @@ System.register(["tslib", "../../core/AtomDisposableList", "../../core/Inherited
           PopupService.lastTarget = e.target;
         }
       });
-      styled.css`
-
-    [data-force-contain=none] {
-        contain: none !important; 
-    }
-
-    *[data-inline-popup=left] {
-        position: relative;
-        height: 0px;
-        width: 0px;
-        left: 0px; 
-        
-        & > * {
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            padding: 5px;
-            max-height: 300px;
-            overflow: auto;
-            border-radius: 5px;
-            background-color: #ffffff;
-            z-index: 200;
-            box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;
-            border: solid 1px rgba(0, 0, 0, 0.05); 
-        }
-    }
-
-    *[data-inline-popup=right] {
-        position: absolute;
-        height: 0px;
-        width: 0px;
-        right: 0px; 
-    
-    
-        & > * {
-            position: absolute;
-            right: 0px;
-            top: 0px;
-            padding: 5px;
-            max-height: 300px;
-            overflow: auto;
-            border-radius: 5px;
-            background-color: #ffffff;
-            z-index: 200;
-            box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;
-            border: solid 1px rgba(0, 0, 0, 0.05); 
-        }
-    }
-
-    *[data-inline-popup=inline-left] {
-        position: relative;
-        height: 0px;
-        width: 0px;
-        left: 0px; 
-
-        & > * {
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            padding: 5px;
-            max-height: 300px;
-            overflow: auto;
-            border-radius: 5px;
-            background-color: #ffffff;
-            z-index: 200;
-            box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;
-            border: solid 1px rgba(0, 0, 0, 0.05); 
-        }
-    }
-
-    *[data-center-popup] {
-        position: fixed;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        z-index: 10000;
-        padding: 5px;
-        background-color: #ffffff;
-        border: solid 1px lightgray;
-        border-radius: 5px;
-        box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;;
-        display: inline-block; 
-    }    
-
-`.withId("popup-service-styles").installGlobal();
-      popupCss = styled.css`
-    padding: 5px;
-    background-color: #ffffff;
-    border: solid 1px lightgray;
-    border-radius: 5px;
-    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;;
-    display: inline-block;
-`.installLocal();
+      popupCss = "web-atoms-popup-local";
       _export("PopupControl", PopupControl = class PopupControl extends AtomControl {
         static showControl(opener, _a = {}) {
           var {
@@ -9643,23 +8181,23 @@ System.register(["tslib", "../../core/AtomDisposableList", "../../core/Inherited
             x: rect.left + rect.width / 2,
             y: rect.top + rect.height / 2
           };
-        }
-        static alert({
-          message,
-          detail,
-          title = "Alert",
-          yesLabel = "Ok"
-        }) {
-          var _a, _b;
-          return __awaiter(this, void 0, void 0, function* () {
+        }
+        static alert(_a) {
+          return __awaiter(this, arguments, void 0, function* ({
+            message,
+            detail,
+            title = "Alert",
+            yesLabel = "Ok"
+          }) {
+            var _b, _c;
             try {
               const isMsgXNode = message instanceof XNode;
               const isDetailXNode = detail && detail instanceof XNode;
               if (isMsgXNode) {
-                ((_a = message.attributes) !== null && _a !== void 0 ? _a : message.attributes = {})["data-element"] = "message";
+                ((_b = message.attributes) !== null && _b !== void 0 ? _b : message.attributes = {})["data-element"] = "message";
               }
               if (isDetailXNode) {
-                ((_b = detail.attributes) !== null && _b !== void 0 ? _b : detail.attributes = {})["data-element"] = "details";
+                ((_c = detail.attributes) !== null && _c !== void 0 ? _c : detail.attributes = {})["data-element"] = "details";
               }
               const popup = class extends ConfirmPopup {
                 create() {
@@ -9690,14 +8228,14 @@ System.register(["tslib", "../../core/AtomDisposableList", "../../core/Inherited
             }
           });
         }
-        static confirm({
-          message,
-          title = "Confirm",
-          yesLabel = "Yes",
-          noLabel = "No",
-          cancelLabel = null
-        }) {
-          return __awaiter(this, void 0, void 0, function* () {
+        static confirm(_a) {
+          return __awaiter(this, arguments, void 0, function* ({
+            message,
+            title = "Confirm",
+            yesLabel = "Yes",
+            noLabel = "No",
+            cancelLabel = null
+          }) {
             try {
               const popup = class extends ConfirmPopup {
                 create() {
@@ -9970,158 +8508,9 @@ System.register(["tslib", "../../core/AtomDisposableList", "../../core/Inherited
 });
 //# sourceMappingURL=PopupService.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/PopupService");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      styled.css`
-
-    display: grid;
-    align-items: center;
-    grid-template-columns: auto 1fr auto auto;
-    grid-template-rows: auto auto auto;
-
-    & > [data-element=label] {
-        grid-row: 1;
-        grid-column: 1;
-    }
-
-    & > [data-element=content] {
-        grid-row-start: 2;
-        grid-column-start: 1;
-        grid-column-end: span 2;
-        margin-top: 5px;
-        margin-bottom: 5px; }
-
-    &[data-border=true] input {
-        border: none;
-        outline: none; }
-
-    &[data-border=true] textarea {
-        border: none;
-        outline: none; }
-
-    &[data-border=true] select {
-        border: none; }
-
-    & > i[data-border=border] {
-        grid-column-start: 1;
-        grid-column-end: span 3;
-        grid-row-start: 3;
-        align-self: flex-end;
-        border-bottom-style: solid;
-        border-bottom-width: 1px;
-        border-bottom-color: #d3d3d3;
-    }
-
-    &[data-focused=true] > i[data-border=border] {
-        border-bottom-color: #000000;
-    }
-
-    & > i[data-help=help] {
-        grid-row-start: 2;
-        grid-column-start: 3;
-        padding: 5px;
-        font-size: x-large;
-        cursor: pointer;
-        margin-left: auto;
-        color: #90ee90;
-    }
-
-    & > .field-error {
-        grid-row-start: 4;
-        grid-column-start: 1;
-        grid-column-end: span 3;
-        padding: 5px;
-        margin: 5px;
-        border-radius: 9999px;
-        background-color: #ff0000;
-        color: #ffffff;
-        font-size: smaller;
-    }
-
-    & > .field-error:empty {
-        display: none;
-    }
-
-    & > span[data-required=required] {
-        grid-column-start: 2;
-        grid-row: 1;
-        visibility: hidden;
-        color: #ff0000;
-        
-        &.true {
-            visibility: visible;
-        }
-    }
-
-    &[data-layout=horizontal] {
-
-        grid-template-columns: auto auto 1fr auto;
-        grid-template-rows: auto auto;
-
-        & > label.label {
-            grid-row-start: 2;
-            margin-right: 5px;
-            margin-bottom: 5px;
-        }
-
-        & > [data-content=content] {
-            grid-row-start: 2;
-            grid-column-start: 3;
-            margin-top: 0px;
-            margin-bottom: 5px;
-        }
-
-        & > i[data-help=help] {
-            grid-row-start: 2;
-            grid-column-start: 4;
-        }
-
-        & > .field-error {
-            grid-row-start: 4;
-            grid-column-start: 1;
-            grid-column-end: span 3;
-        }
-
-        & > span[data-required=required] {
-            grid-row-start: 2;
-            grid-column-start: 2;
-            margin-right: 5px;
-            display: none;
-            color: #ff0000;
-
-            &.true {
-                display: inline;
-            }
-        }
-    }
-
-`.installGlobal("[data-wa-form-field=wa-form-field]");
-      styled.css`
-        overflow: auto;
-        padding: 10px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: flex-start;
-        gap: 4px;
-    `.installGlobal("[data-form-field-help=help-window]");
-    }
-  };
-});
-//# sourceMappingURL=form-field-style.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/form-field-style");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/FormField");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/FormattedString", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/web/services/PopupService", "./styles/form-field-style"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/FormattedString", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/web/services/PopupService", "./styles/form-field.global.less"], function (_export, _context) {
   "use strict";
 
   var __rest, Bind, FormattedString, XNode, NavigationService, PopupWindow;
@@ -10281,7 +8670,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       NavigationService = _webAtomsCoreDistServicesNavigationService.NavigationService;
     }, function (_webAtomsCoreDistWebServicesPopupService) {
       PopupWindow = _webAtomsCoreDistWebServicesPopupService.PopupWindow;
-    }, function (_stylesFormFieldStyle) {}],
+    }, function (_stylesFormFieldGlobalLess) {}],
     execute: function () {
       document.body.addEventListener("click", e => {
         var _a;
@@ -10330,7 +8719,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
 });
 //# sourceMappingURL=FormField.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/FormField");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/Colors");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -10339,10 +8728,7 @@ System.register([], function (_export, _context) {
   function toFixedString(t) {
     return ("0" + t.toString(16)).slice(-2);
   }
-  _export({
-    ColorItem: void 0,
-    default: void 0
-  });
+  _export("ColorItem", void 0);
   return {
     setters: [],
     execute: function () {
@@ -10428,7 +8814,7 @@ System.register([], function (_export, _context) {
           return "#" + toFixedString(r) + toFixedString(g) + toFixedString(b);
         }
       });
-      _export("default", Colors = class Colors {
+      Colors = class Colors {
         static rgba(red, green, blue, alpha) {
           return new ColorItem(red, green, blue, alpha);
         }
@@ -10453,7 +8839,7 @@ System.register([], function (_export, _context) {
           }
           throw new Error("Invalid color format " + color);
         }
-      });
+      };
       Colors.black = new ColorItem("#000000", "black");
       Colors.silver = new ColorItem("#c0c0c0", "silver");
       Colors.gray = new ColorItem("#808080", "gray");
@@ -10603,12 +8989,13 @@ System.register([], function (_export, _context) {
       Colors.yellowGreen = new ColorItem("#9acd32", "yellowgreen");
       Colors.rebeccaPurple = new ColorItem("#663399", "rebeccapurple");
       Colors.transparent = new ColorItem("#00000000", "transparent");
+      _export("default", Colors);
     }
   };
 });
 //# sourceMappingURL=Colors.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/Colors");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/WatchProperty");
 
 System.register(["./AtomBinder", "./AtomWatcher"], function (_export, _context) {
   "use strict";
@@ -10645,35 +9032,9 @@ System.register(["./AtomBinder", "./AtomWatcher"], function (_export, _context)
 });
 //# sourceMappingURL=WatchProperty.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/WatchProperty");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      styled.css`
-    position: absolute;
-    border-radius: 5px;
-    padding: 5px;
-    box-shadow: rgba(50, 50, 105, 0.5) 0px 4px 6px 4px, rgba(0, 0, 0, 0.5) 0px 1px 1px 0px;
-    border: solid 1px rgba(0, 0, 0, 0.05);
-    z-index: 5000;
-    background-color: var(--popup-background-color, white);
-    color: var(--popup-text-color, rgba(0,0,0,0.8));
-    `.installGlobal("*[data-inline-popup=inline-popup]");
-    }
-  };
-});
-//# sourceMappingURL=inline-popup-style.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/inline-popup-style");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/InlinePopup");
 
-System.register(["tslib", "@web-atoms/core/dist/core/AtomDisposableList", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "./styles/inline-popup-style", "@web-atoms/core/dist/core/StringHelper"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/AtomDisposableList", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "./styles/inline-popup.global.less", "@web-atoms/core/dist/core/StringHelper"], function (_export, _context) {
   "use strict";
 
   var __awaiter, __rest, AtomDisposableList, sleep, XNode, AtomControl, ElementValueSetters, StringHelper, InlinePopup;
@@ -10806,14 +9167,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomDisposableList", "@web-
     }, function (_webAtomsCoreDistWebControlsAtomControl) {
       AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
       ElementValueSetters = _webAtomsCoreDistWebControlsAtomControl.ElementValueSetters;
-    }, function (_stylesInlinePopupStyle) {}, function (_webAtomsCoreDistCoreStringHelper) {
+    }, function (_stylesInlinePopupGlobalLess) {}, function (_webAtomsCoreDistCoreStringHelper) {
       StringHelper = _webAtomsCoreDistCoreStringHelper.StringHelper;
     }],
     execute: function () {
       _export("default", InlinePopup = class InlinePopup extends AtomControl {
-        static show(target, node, options = {}) {
-          var _a;
-          return __awaiter(this, void 0, void 0, function* () {
+        static show(target_1, node_1) {
+          return __awaiter(this, arguments, void 0, function* (target, node, options = {}) {
+            var _a;
             const targetElement = (_a = target.element) !== null && _a !== void 0 ? _a : target;
             const control = target.element ? target : AtomControl.from(target);
             const targetStyle = window.getComputedStyle(targetElement);
@@ -10971,8 +9332,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomDisposableList", "@web-
           });
         }
         const node = popupFactory(data);
+        const defaultOnClick = target.getAttribute("data-default-on-click");
         app.runAsync(() => InlinePopup.show(target, node, {
-          alignment
+          alignment,
+          defaultOnClick
         }));
       });
       ElementValueSetters["data-popup-class"] = (c, e, v) => {
@@ -10983,7 +9346,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomDisposableList", "@web-
 });
 //# sourceMappingURL=InlinePopup.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/InlinePopup");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/MergeNode");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -11068,7 +9431,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=MergeNode.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/MergeNode");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/ItemPath");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -11151,182 +9514,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=ItemPath.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/ItemPath");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      styled.css`
-        display: none;
-    `.installGlobal("[data-ui-display=none]");
-    }
-  };
-});
-//# sourceMappingURL=ui-display-none-style.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/ui-display-none-style");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled, repeaterPopupCss;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      _export("repeaterPopupCss", repeaterPopupCss = styled.css`
-    min-width: 200px;
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    gap: 4px;
-
-    & > .items {
-        flex: 1 1 100%;
-        overflow: auto;
-        & > .presenter {
-            & > * {
-                padding: 5px;
-            }
-            & > [data-item-index] {
-                cursor: pointer;
-                &:hover {
-                    color: blue;
-                    text-decoration: underline;
-                }
-            }
-            & > [data-selected-item=true] {
-                background-color: lightgreen;
-            }
-        }
-    }
-`.installLocal());
-    }
-  };
-});
-//# sourceMappingURL=popup-style.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/popup-style");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled, hasMoreHeight;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      hasMoreHeight = window.screen.availHeight / 2 > 250 ? `height: 250px;` : `max-height: 80px;`;
-      styled.css`
-    ${hasMoreHeight}
-    min-width: 80px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-around;
-    gap: 4px;
-
-    & > .items {
-        flex: 1 1 100%;
-        overflow: auto;
-        & > .presenter {
-            & > * {
-                padding: 5px;
-            }
-            & > [data-selected-item=true] {
-                background-color: lightgreen;
-            }
-        }
-    }
-    `.installGlobal("*[data-suggestion-popup=suggestion-popup]");
-    }
-  };
-});
-//# sourceMappingURL=suggestion-popup.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/suggestion-popup");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      styled.css`
-
-*[data-item-index] {
-    & i[data-click-event] {
-        padding: 5px;
-    }
-    & [data-no-wrap=true] {
-        white-space: nowrap;
-    }
-}
-
-*[data-item-index] {
-    & label[data-selector=check-box] {
-        padding: 5px;
-        width: 30px;
-        & > i {
-            padding: 0;
-        }
-    }
-    &:not([data-selected-item]) {
-        & [data-selector=check-box] {
-            & i[data-click-event=item-deselect] {
-                display: none;
-            }
-        }
-    }
-    &[data-selected-item=true] {
-        & [data-selector=check-box] {
-            & i[data-click-event=item-select] {
-                display: none;
-            }
-        }
-    }
-}
-
-*[data-select-all=select-all] {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    margin: 0;
-    & i[data-ui-type] {
-        padding: 5px;
-    }
-    & [data-no-wrap=true] {
-        white-space: nowrap;
-    }
-    &[data-is-selected=true] {
-        & i[data-ui-type=item-select] {
-            display: none;
-        }
-    }
-    &[data-is-selected=false] {
-        & i[data-ui-type=item-deselect] {
-            display: none;
-        }
-    }
-}
-`.withId("repeater-styles").installGlobal();
-    }
-  };
-});
-//# sourceMappingURL=repeater-style.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/repeater-style");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/DataAttributes");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -11361,19 +9549,19 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=DataAttributes.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/DataAttributes");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/AtomRepeater");
 
-System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/core/WatchProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "./InlinePopup", "./MergeNode", "./ItemPath", "./styles/ui-display-none-style", "./styles/popup-style", "./styles/suggestion-popup", "./styles/repeater-style", "@web-atoms/core/dist/web/core/AtomUI", "../DataAttributes"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/core/WatchProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "./InlinePopup", "./MergeNode", "./ItemPath", "./styles/popup.global.less", "./styles/suggestion-popup.global.less", "./styles/repeater.global.less", "@web-atoms/core/dist/web/core/AtomUI", "../DataAttributes"], function (_export, _context) {
   "use strict";
 
-  var __decorate, __metadata, __rest, AtomBinder, Bind, BindableProperty, Colors, StringHelper, WatchProperty, XNode, AtomControl, PopupWindow, InlinePopup, MergeNode, ItemPath, repeaterPopupCss, ChildEnumerator, DataAttributes, SelectAllControl, AtomRepeater, popupCSS, getParentRepeaterItem, MatchTrue, MatchFalse, ArrowToString, MatchCaseInsensitive, MatchAnyCaseInsensitive, SameObjectValue, getFirstChild, hoverItem, dragOver;
+  var __decorate, __metadata, __rest, AtomBinder, Bind, BindableProperty, Colors, StringHelper, WatchProperty, XNode, AtomControl, PopupWindow, InlinePopup, MergeNode, ItemPath, ChildEnumerator, DataAttributes, SelectAllControl, AtomRepeater, getParentRepeaterItem, MatchTrue, MatchFalse, ArrowToString, MatchCaseInsensitive, MatchAnyCaseInsensitive, SameObjectValue, getFirstChild, hoverItem, dragOver;
   function askSuggestion(items, itemRenderer, match, options) {
     class Suggestions extends PopupWindow {
       create() {
         var _a;
         this.title = (_a = options === null || options === void 0 ? void 0 : options.title) !== null && _a !== void 0 ? _a : "Select";
         this.render(XNode.create("div", {
-          class: popupCSS
+          "data-repeater-popup": "popup"
         }, XNode.create("input", {
           type: "search",
           value: Bind.twoWaysImmediate(() => this.search),
@@ -11405,8 +9593,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
     return Suggestions.showModal(options);
   }
   function askSuggestionPopup(opener, items, itemRenderer, match, selectedItem) {
-    const updateSearch = ("search" in opener);
-    const itemsInOpener = ("items" in opener);
+    const updateSearch = "search" in opener;
+    const itemsInOpener = "items" in opener;
     class Suggestions extends InlinePopup {
       get items() {
         return itemsInOpener ? this.opener.items : items;
@@ -11671,15 +9859,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
       MergeNode = _MergeNode.default;
     }, function (_ItemPath) {
       ItemPath = _ItemPath.default;
-    }, function (_stylesUiDisplayNoneStyle) {}, function (_stylesPopupStyle) {
-      repeaterPopupCss = _stylesPopupStyle.repeaterPopupCss;
-    }, function (_stylesSuggestionPopup) {}, function (_stylesRepeaterStyle) {}, function (_webAtomsCoreDistWebCoreAtomUI) {
+    }, function (_stylesPopupGlobalLess) {}, function (_stylesSuggestionPopupGlobalLess) {}, function (_stylesRepeaterGlobalLess) {}, function (_webAtomsCoreDistWebCoreAtomUI) {
       ChildEnumerator = _webAtomsCoreDistWebCoreAtomUI.ChildEnumerator;
     }, function (_DataAttributes) {
       DataAttributes = _DataAttributes.default;
     }],
     execute: function () {
-      popupCSS = repeaterPopupCss;
       _export("getParentRepeaterItem", getParentRepeaterItem = target => {
         let eventName;
         let repeater;
@@ -11739,7 +9924,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
       _export("SameObjectValue", SameObjectValue = item => item);
       SelectAllControl = class SelectAllControl extends AtomControl {
         preCreate() {
-          this.element.dataset.selectAll = "select-all";
+          this.element.setAttribute("data-select-all", "select-all");
           this.items = [];
           this.selectedItems = [];
           this.render(XNode.create(SelectAllControl, {
@@ -11978,7 +10163,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const items = this.items;
           let start = getFirstChild(container);
           while (start) {
-            const index = start.dataset.itemIndex;
+            const index = start.getAttribute("data-item-index");
             const item = items[~~index];
             action(item, start);
             start = start.nextElementSibling;
@@ -11990,7 +10175,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const items = this.items;
           let node = getFirstChild(container);
           while (node) {
-            const index = node.dataset.itemIndex;
+            const index = node.getAttribute("data-item-index");
             const item = items[~~index];
             let element = node;
             if (itemSelector) {
@@ -12016,7 +10201,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const items = this.items;
           let element = getFirstChild(container);
           while (element) {
-            const index = element.dataset.itemIndex;
+            const index = element.getAttribute("data-item-index");
             const item = items[~~index];
             yield {
               item,
@@ -12184,6 +10369,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
               start.removeAttribute("data-selected-item");
             }
             start = start.nextElementSibling;
+            if (start === null || start === void 0 ? void 0 : start.hasAttribute("data-footer")) {
+              break;
+            }
           }
         }
         updateItems(container, force) {
@@ -12269,7 +10457,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const vp = (_b = this.valuePath) !== null && _b !== void 0 ? _b : i => i;
           const si = ((_c = this.selectedItems) !== null && _c !== void 0 ? _c : []).map(vp);
           while (element) {
-            const index = ~~element.dataset.itemIndex;
+            const index = ~~element.getAttribute("data-item-index");
             const item = items[index];
             const v = vp(item);
             if (si.indexOf(v) !== -1) {
@@ -12287,7 +10475,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           let element = container.firstElementChild;
           const vf = (_b = this.visibilityFilter) !== null && _b !== void 0 ? _b : MatchTrue;
           while (element) {
-            const index = ~~element.dataset.itemIndex;
+            const index = ~~element.getAttribute("data-item-index");
             const item = items[index];
             if (vf(item)) {
               element.removeAttribute("data-ui-display");
@@ -12574,36 +10762,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
 });
 //# sourceMappingURL=AtomRepeater.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/AtomRepeater");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      styled.css`
-        display: inline-flex;
-        flex-direction: row;
-        gap: 4px;
-        align-items: center;
-        justify-content: stretch;
-
-        & [data-white-space=nowrap] {
-            white-space: nowrap;
-        }
-    `.installGlobal("div[data-drop-down=drop-down]");
-    }
-  };
-});
-//# sourceMappingURL=drop-down-style.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/drop-down-style");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/DropDown");
 
-System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "./AtomRepeater", "./styles/drop-down-style"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "./AtomRepeater", "./styles/drop-down.global.less"], function (_export, _context) {
   "use strict";
 
   var __awaiter, __decorate, __metadata, BindableProperty, XNode, AtomRepeater, askSuggestion, askSuggestionPopup, disposeChildren, MatchAnyCaseInsensitive, DropDown;
@@ -12623,7 +10784,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-at
       askSuggestionPopup = _AtomRepeater.askSuggestionPopup;
       disposeChildren = _AtomRepeater.disposeChildren;
       MatchAnyCaseInsensitive = _AtomRepeater.MatchAnyCaseInsensitive;
-    }, function (_stylesDropDownStyle) {}],
+    }, function (_stylesDropDownGlobalLess) {}],
     execute: function () {
       _export("default", DropDown = class DropDown extends AtomRepeater {
         constructor() {
@@ -12670,8 +10831,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-at
           })));
         }
         openPopup(e) {
-          var _a, _b, _c, _d, _e;
           return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e;
             if (this.isPopupOpen) {
               return;
             }
@@ -12738,70 +10899,30 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-at
 });
 //# sourceMappingURL=DropDown.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/DropDown");
+    AmdLoader.instance.setup("@web-atoms/core/dist/services/FetchBuilder");
 
-System.register([], function (_export, _context) {
+System.register(["tslib"], function (_export, _context) {
   "use strict";
 
-  var JsonError;
+  var __awaiter, FetchBuilder, JsonError;
   _export("default", void 0);
-  return {
-    setters: [],
-    execute: function () {
-      _export("default", JsonError = class JsonError extends Error {
-        constructor(message, json) {
-          super(message);
-          this.json = json;
-        }
-        get errors() {
-          var _a;
-          return (_a = this.json.paramErrors) !== null && _a !== void 0 ? _a : [];
-        }
-        get details() {
-          var _a;
-          const {
-            errors
-          } = this;
-          if (errors.length) {
-            return errors.map(x => `${x.name}: ${x.reason}`).join("\n");
-          }
-          return (_a = this.json) === null || _a === void 0 ? void 0 : _a.details;
-        }
-      });
-    }
-  };
-});
-//# sourceMappingURL=JsonError.js.map
-
-    AmdLoader.instance.setup("@web-atoms/core/dist/services/http/JsonError");
-
-System.register(["tslib", "./http/JsonError"], function (_export, _context) {
-  "use strict";
-
-  var __awaiter, JsonError, FetchBuilder;
-  function buildUrl(strings, ...p) {
-    let r = "";
-    for (let index = 0; index < strings.length; index++) {
-      const element = strings[index];
-      r += element;
-      if (index < p.length) {
-        r += encodeURIComponent(p[index]);
-      }
-    }
-    return r;
-  }
-  _export({
-    buildUrl: buildUrl,
-    default: void 0
-  });
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
-    }, function (_httpJsonError) {
-      JsonError = _httpJsonError.default;
     }],
     execute: function () {
       _export("default", FetchBuilder = class FetchBuilder {
+        static buildUrl(strings, ...p) {
+          let r = "";
+          for (let index = 0; index < strings.length; index++) {
+            const element = strings[index];
+            r += element;
+            if (index < p.length) {
+              r += encodeURIComponent(p[index]);
+            }
+          }
+          return r;
+        }
         static get(url) {
           return this.method(url, "GET");
         }
@@ -12814,6 +10935,18 @@ System.register(["tslib", "./http/JsonError"], function (_export, _context) {
         static delete(url) {
           return this.method(url, "DELETE");
         }
+        static url(url) {
+          return this.method(url, "GET");
+        }
+        static header(name, value) {
+          return new FetchBuilder({
+            headers: {
+              url: "",
+              method: "POST",
+              [name]: value
+            }
+          });
+        }
         static method(url, method) {
           return new FetchBuilder({
             url,
@@ -12823,16 +10956,51 @@ System.register(["tslib", "./http/JsonError"], function (_export, _context) {
         constructor(request) {
           this.request = request;
         }
-        cancelToken(cancelToken) {
-          const ac = new AbortController();
-          cancelToken.registerForCancel(() => ac.abort());
-          return this.signal(ac.signal);
+        log(logger) {
+          return this.append({
+            log: logger
+          });
+        }
+        logWhenFailed(logger) {
+          return this.append({
+            logError: logger
+          });
+        }
+        get(url) {
+          return this.method(url, "GET");
+        }
+        put(url) {
+          return this.method(url, "PUT");
+        }
+        post(url) {
+          return this.method(url, "POST");
+        }
+        delete(url) {
+          return this.method(url, "DELETE");
+        }
+        method(url, method) {
+          return this.append({
+            url,
+            method
+          });
         }
         signal(signal) {
+          if (!signal) {
+            return this;
+          }
           return this.append({
             signal
           });
         }
+        cancelToken(ct) {
+          if (!ct) {
+            return this;
+          }
+          const ac = new AbortController();
+          const signal = ac.signal;
+          ct.registerForCancel(() => ac.abort());
+          return this.signal(signal);
+        }
         form(name, value, fileName) {
           var _a;
           if (value === void 0) {
@@ -12899,61 +11067,168 @@ System.register(["tslib", "./http/JsonError"], function (_export, _context) {
             url
           });
         }
-        responseAsText(ensureSuccess = true) {
-          return __awaiter(this, void 0, void 0, function* () {
-            const r = yield this.response();
-            if (ensureSuccess) {
-              yield this.ensureSuccess(r);
-            }
-            return yield r.text();
+        asText() {
+          return __awaiter(this, arguments, void 0, function* (ensureSuccess = true) {
+            const {
+              result
+            } = yield this.asTextResponse(ensureSuccess);
+            return result;
           });
         }
-        responseAsBlob(ensureSuccess = true) {
-          return __awaiter(this, void 0, void 0, function* () {
-            const r = yield this.response();
-            if (ensureSuccess) {
-              yield this.ensureSuccess(r);
-            }
-            return yield r.blob();
+        asBlob() {
+          return __awaiter(this, arguments, void 0, function* (ensureSuccess = true) {
+            const {
+              result
+            } = yield this.asBlobResponse(ensureSuccess);
+            return result;
           });
         }
-        responseAsJson(ensureSuccess = true) {
-          return __awaiter(this, void 0, void 0, function* () {
-            const r = yield this.response();
-            if (ensureSuccess) {
-              yield this.ensureSuccess(r);
-            }
-            return yield r.json();
+        asJson() {
+          return __awaiter(this, arguments, void 0, function* (ensureSuccess = true) {
+            const {
+              result
+            } = yield this.asJsonResponse(ensureSuccess);
+            return result;
+          });
+        }
+        jsonPostProcessor(jsonPostProcessor) {
+          return this.append({
+            jsonPostProcessor
           });
         }
-        response() {
-          return fetch(this.request.url, this.request);
+        asJsonResponse() {
+          return __awaiter(this, arguments, void 0, function* (ensureSuccess = true) {
+            return this.execute(ensureSuccess, (x, jsonPostProcessor) => __awaiter(this, void 0, void 0, function* () {
+              if (!/json/i.test(x.headers.get("content-type"))) {
+                throw new Error(`Failed to parse json from ${this.request.url}\n${yield x.text()}`);
+              }
+              if (jsonPostProcessor) {
+                return x.json().then(jsonPostProcessor);
+              }
+              return x.json();
+            }));
+          });
         }
-        ensureSuccess(r) {
-          var _a, _b, _c, _d;
-          return __awaiter(this, void 0, void 0, function* () {
-            if (r.status <= 300) {
-              return;
-            }
-            const type = r.headers.get("content-type");
-            if (/\/json/i.test(type)) {
-              const json = yield r.json();
-              throw new JsonError((_d = (_c = (_b = (_a = json.title) !== null && _a !== void 0 ? _a : json.detail) !== null && _b !== void 0 ? _b : json.message) !== null && _c !== void 0 ? _c : json.exceptionMessage) !== null && _d !== void 0 ? _d : "Json Server Error", json);
+        asTextResponse() {
+          return __awaiter(this, arguments, void 0, function* (ensureSuccess = true) {
+            return this.execute(ensureSuccess, x => x.text());
+          });
+        }
+        asBlobResponse(ensureSuccess = true) {
+          return this.execute(ensureSuccess, x => x.blob());
+        }
+        dispatcher(dispatcher) {
+          return this.append({
+            dispatcher
+          });
+        }
+        withFetchProxy(fetchProxy) {
+          return this.append({
+            fetchProxy
+          });
+        }
+        execute() {
+          return __awaiter(this, arguments, void 0, function* (ensureSuccess = true, postProcessor) {
+            var _a, _b, _c, _d, _e, _f;
+            let {
+              log,
+              logError
+            } = this.request;
+            try {
+              const {
+                headers,
+                fetchProxy,
+                jsonPostProcessor
+              } = this.request;
+              const r = yield (fetchProxy !== null && fetchProxy !== void 0 ? fetchProxy : fetch)(this.request.url, this.request);
+              if (ensureSuccess) {
+                if (r.status > 300) {
+                  log = logError;
+                  log === null || log === void 0 ? void 0 : log(`fetch: ${(_a = this.request.method) !== null && _a !== void 0 ? _a : "GET"} ${this.request.url}`);
+                  if (log && headers) {
+                    for (const key in headers) {
+                      if (headers.hasOwnProperty(key)) {
+                        log === null || log === void 0 ? void 0 : log(`${key}: ${headers[key]}`);
+                      }
+                    }
+                  }
+                  log === null || log === void 0 ? void 0 : log(`${r.status} ${r.statusText || "Http Error"}`);
+                  const type = r.headers.get("content-type");
+                  if (/\/json/i.test(type)) {
+                    const json = yield r.json();
+                    log === null || log === void 0 ? void 0 : log(json);
+                    const message = (_e = (_d = (_c = (_b = json.title) !== null && _b !== void 0 ? _b : json.detail) !== null && _c !== void 0 ? _c : json.message) !== null && _d !== void 0 ? _d : json.exceptionMessage) !== null && _e !== void 0 ? _e : "Json Server Error";
+                    log = null;
+                    logError = null;
+                    throw new JsonError(message, json);
+                  }
+                  const text = yield r.text();
+                  log === null || log === void 0 ? void 0 : log(text);
+                  log = null;
+                  logError = null;
+                  throw new Error(`Fetch failed with error ${r.status} for ${this.request.url}\n${text}`);
+                }
+              }
+              log === null || log === void 0 ? void 0 : log(`${(_f = this.request.method) !== null && _f !== void 0 ? _f : "GET"} ${this.request.url}`);
+              if (log && headers) {
+                for (const key in headers) {
+                  if (headers.hasOwnProperty(key)) {
+                    log === null || log === void 0 ? void 0 : log(`${key}: ${headers[key]}`);
+                  }
+                }
+              }
+              const result = yield postProcessor(r, jsonPostProcessor);
+              if (log) {
+                log(`${r.status} ${r.statusText || "OK"}`);
+                log(result);
+              }
+              return {
+                result,
+                headers: r.headers,
+                status: r.status
+              };
+            } catch (error) {
+              log === null || log === void 0 ? void 0 : log(error);
+              throw error;
             }
-            const text = yield r.text();
-            throw new Error(`Failed for ${this.request.url}\n${text}`);
           });
         }
         append(r) {
-          return new FetchBuilder(Object.assign(Object.assign({}, this.request), r));
+          let {
+            url
+          } = this.request;
+          const {
+            url: newUrl
+          } = r;
+          if (newUrl) {
+            if (!url) {
+              url = newUrl;
+            } else {
+              if (/^https?\:\/\//i.test(newUrl)) {
+                url = newUrl;
+              } else {
+                url = new URL(newUrl, url).toString();
+              }
+            }
+          }
+          return new FetchBuilder(Object.assign(Object.assign(Object.assign({}, this.request), r), {
+            url
+          }));
         }
       });
+      JsonError = class JsonError extends Error {
+        constructor(message, json) {
+          super(message);
+          this.json = json;
+        }
+      };
+      FetchBuilder.JsonError = JsonError;
     }
   };
 });
 //# sourceMappingURL=FetchBuilder.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/services/FetchBuilder");
+    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/controls/countries/CountrySelect");
 
 System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/DropDown", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/core/types"], function (_export, _context) {
   "use strict";
@@ -12975,7 +11250,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
     }],
     execute: function () {
       ;
-      loadCountries = () => countriesPromise !== null && countriesPromise !== void 0 ? countriesPromise : countriesPromise = FetchBuilder.get(UMD.resolvePath("@social-mail/social-mail-hosted-web/content/json/countries.json")).responseAsJson();
+      loadCountries = () => countriesPromise !== null && countriesPromise !== void 0 ? countriesPromise : countriesPromise = FetchBuilder.get(UMD.resolvePath("@social-mail/social-mail-hosted-web/content/json/countries.json")).asJson();
       _export("CountrySelect", CountrySelect = a => XNode.create(DropDown, Object.assign({
         labelPath: item => {
           var _a;
@@ -13005,31 +11280,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
 });
 //# sourceMappingURL=CountrySelect.js.map
 
-    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/controls/countries/CountrySelect");
-
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-
-  var styled;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
-    execute: function () {
-      styled.css`
-        position: relative;
-        padding-left: 2px;
-        padding-top: 1px;
-        font-family: monospace;
-    `.installGlobal("input[data-mask]");
-    }
-  };
-});
-//# sourceMappingURL=masked-input-style.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/masked-input-style");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/MaskedInput");
 
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/masked-input-style"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/masked-input.global.less"], function (_export, _context) {
   "use strict";
 
   var __rest, XNode, updateMask;
@@ -13051,7 +11304,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/masked-in
       __rest = _tslib.__rest;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_stylesMaskedInputStyle) {}],
+    }, function (_stylesMaskedInputGlobalLess) {}],
     execute: function () {
       updateMask = e => {
         const target = e.target;
@@ -13085,7 +11338,42 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/masked-in
 });
 //# sourceMappingURL=MaskedInput.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/MaskedInput");
+    AmdLoader.instance.setup("@web-atoms/core/dist/services/http/JsonError");
+
+System.register([], function (_export, _context) {
+  "use strict";
+
+  var JsonError;
+  _export("default", void 0);
+  return {
+    setters: [],
+    execute: function () {
+      _export("default", JsonError = class JsonError extends Error {
+        constructor(message, json) {
+          super(message);
+          this.json = json;
+        }
+        get errors() {
+          var _a;
+          return (_a = this.json.paramErrors) !== null && _a !== void 0 ? _a : [];
+        }
+        get details() {
+          var _a;
+          const {
+            errors
+          } = this;
+          if (errors.length) {
+            return errors.map(x => `${x.name}: ${x.reason}`).join("\n");
+          }
+          return (_a = this.json) === null || _a === void 0 ? void 0 : _a.details;
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=JsonError.js.map
+
+    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/Action");
 
 System.register(["tslib", "../App", "../core/Command", "../core/EventScope", "../core/StringHelper", "../core/types", "../services/http/JsonError", "../services/NavigationService", "../web/services/PopupService"], function (_export, _context) {
   "use strict";
@@ -13163,8 +11451,8 @@ System.register(["tslib", "../App", "../core/Command", "../core/EventScope", "..
           const vm = this;
           const oldMethod = value;
           const fx = function (...a) {
-            var _a, _b;
             return __awaiter(this, void 0, void 0, function* () {
+              var _a, _b;
               const vm = this;
               if (defer) {
                 const previous = vm[deferSymbol];
@@ -13374,7 +11662,7 @@ System.register(["tslib", "../App", "../core/Command", "../core/EventScope", "..
 });
 //# sourceMappingURL=Action.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/Action");
+    AmdLoader.instance.setup("@web-atoms/core/dist/Pack");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -13388,7 +11676,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=Pack.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/Pack");
+    AmdLoader.instance.setup("@web-atoms/core/dist/services/JsonService");
 
 System.register(["tslib", "../core/StringHelper", "../di/RegisterSingleton", "@web-atoms/date-time/dist/DateTime"], function (_export, _context) {
   "use strict";
@@ -13531,7 +11819,7 @@ System.register(["tslib", "../core/StringHelper", "../di/RegisterSingleton", "@w
 });
 //# sourceMappingURL=JsonService.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/services/JsonService");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomLoader");
 
 System.register(["tslib", "../services/JsonService", "../services/ReferenceService", "./AtomUri", "./Command", "./InheritedProperty", "./types"], function (_export, _context) {
   "use strict";
@@ -13673,16 +11961,16 @@ System.register(["tslib", "../services/JsonService", "../services/ReferenceServi
             }
           });
         }
-        static loadClass(url, _a = {}, app) {
-          var _b, _c, _d, _e;
-          var _f;
-          var {
-              title
-            } = _a,
-            _g = displayRouteSymbol,
-            route = _a[_g],
-            parameters = __rest(_a, ["title", typeof _g === "symbol" ? _g : _g + ""]);
-          return __awaiter(this, void 0, void 0, function* () {
+        static loadClass(url_1) {
+          return __awaiter(this, arguments, void 0, function* (url, _a = {}, app) {
+            var _b, _c, _d, _e;
+            var _f;
+            var {
+                title
+              } = _a,
+              _g = displayRouteSymbol,
+              route = _a[_g],
+              parameters = __rest(_a, ["title", typeof _g === "symbol" ? _g : _g + ""]);
             const busyIndicator = app.createBusyIndicator({
               title: url === null || url === void 0 ? void 0 : url.toString(),
               description: `Loading View ${url}`
@@ -13734,9 +12022,9 @@ System.register(["tslib", "../services/JsonService", "../services/ReferenceServi
           });
         }
         static loadControl(url, app) {
-          var _a, _b, _c, _d;
-          var _e;
           return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            var _e;
             const busyIndicator = app.createBusyIndicator({
               title: url === null || url === void 0 ? void 0 : url.toString(),
               description: `Loading View ${url}`
@@ -13810,7 +12098,7 @@ System.register(["tslib", "../services/JsonService", "../services/ReferenceServi
 });
 //# sourceMappingURL=AtomLoader.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomLoader");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/PageNavigator");
 
 System.register(["tslib", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/core/Command"], function (_export, _context) {
   "use strict";
@@ -13841,8 +12129,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/types", "@web-atoms/core/di
             }
           });
         }
-        static pushPageForResult(page, parameters = {}, clearHistory = false) {
-          return __awaiter(this, void 0, void 0, function* () {
+        static pushPageForResult(page_1) {
+          return __awaiter(this, arguments, void 0, function* (page, parameters = {}, clearHistory = false) {
             return null;
           });
         }
@@ -13866,12 +12154,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/types", "@web-atoms/core/di
 });
 //# sourceMappingURL=PageNavigator.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/PageNavigator");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/mobile-app/MobileApp");
 
-System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "../PageNavigator", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/AtomDisposableList", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/web/core/AtomUI", "@web-atoms/core/dist/core/Command", "@web-atoms/core/dist/core/Route"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "../PageNavigator", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/AtomDisposableList", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/web/core/AtomUI", "@web-atoms/core/dist/core/Command", "@web-atoms/core/dist/core/Route", "../styles/mobile-app.global.less"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, AtomLoader, sleep, XNode, NavigationService, AtomControl, PopupService, PopupWindow, PageNavigator, StringHelper, styled, BindableProperty, AtomDisposableList, Bind, CancelToken, ChildEnumerator, displayRouteSymbol, Route, Drawer, BasePage, ContentPage, TabbedPage, MobileApp, PopupWindowEx, PopupWindowPage, _a, historyBackCalled, isMobileView, isPopupPage, root;
+  var __awaiter, __decorate, __metadata, AtomLoader, sleep, XNode, NavigationService, AtomControl, PopupService, PopupWindow, PageNavigator, StringHelper, BindableProperty, AtomDisposableList, Bind, CancelToken, ChildEnumerator, displayRouteSymbol, Route, Drawer, BasePage, ContentPage, TabbedPage, MobileApp, PopupWindowEx, PopupWindowPage, _a, historyBackCalled, isMobileView, isPopupPage, root;
   function PullToRefresh() {
     return XNode.create("div", null, XNode.create("i", {
       class: "pull-icon fa-solid fa-down"
@@ -13891,7 +12179,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
     BasePage: void 0,
     ContentPage: void 0,
     TabbedPage: void 0,
-    default: void 0,
     PopupWindowPage: void 0
   });
   return {
@@ -13916,8 +12203,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
       PageNavigator = _PageNavigator.default;
     }, function (_webAtomsCoreDistCoreStringHelper) {
       StringHelper = _webAtomsCoreDistCoreStringHelper.StringHelper;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_webAtomsCoreDistCoreBindableProperty) {
       BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
     }, function (_webAtomsCoreDistCoreAtomDisposableList) {
@@ -13932,248 +12217,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
       displayRouteSymbol = _webAtomsCoreDistCoreCommand.displayRouteSymbol;
     }, function (_webAtomsCoreDistCoreRoute) {
       Route = _webAtomsCoreDistCoreRoute.default;
-    }],
+    }, function (_stylesMobileAppGlobalLess) {}],
     execute: function () {
-      styled.css`
-
-    top: 0px;
-    left: 0px;
-    right: 0px;
-    bottom: 0px;
-    padding: 5px;
-
-    & > [data-container] {
-        top: 0px;
-        left: 0px;
-        width: 100%;
-        bottom: 0px;
-        transition: left 0.3s ease-out;
-    }
-
-    @media screen {
-        & {
-            position: absolute;
-            overflow: hidden;        
-        
-            & > [data-container] {
-                position: absolute;
-                overflow: hidden;
-            }
-        }
-    }
-    
-    &[data-drawer=visible] {
-
-        & > [data-container] {
-            left: 80%;
-        }
-
-        & > [data-drawer-page] {
-            left: 0px;
-        }
-    }
-    
-    & div[data-drawer-page=drawer-page] {
-        position: absolute;
-        top: 0px;
-        left: -80%;
-        width: 80%;
-        height: 100%;
-        overflow: hidden;
-        transition: left 0.3s ease-out;
-    }
-
-    `.installGlobal("[data-page-app=page-app]");
-      styled.css`
-
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    contain: content;
-    transition: transform 0.3s ease-out;
-    display: grid;
-    grid-template-rows: auto auto 1fr auto;
-    grid-template-columns: auto 1fr auto;
-    transform: translate(100%,0);
-
-    @media screen {
-        & {
-            position: absolute;
-            overflow: hidden;
-        }   
-    }
-
-    & > [data-icon-button=icon-button] {
-        padding: 5px;
-    }
-    
-    & > [data-page-element=action-bar] {
-        z-index: 11;
-        grid-row-start: 1;
-        grid-column-start: 1;
-        grid-column-end: span 3;
-        background-color: var(--accent-color, lightgray); 
-    }
-    
-    & > [data-page-element=icon] {
-        font-size: 20px;
-        z-index: 14;
-        padding: 10px;
-        text-align: center;
-        align-self: center;
-        justify-self: center;
-        grid-row-start: 1;
-        grid-column-start: 1;
-        color: var(--accent-text-color, black); 
-    }
-    
-    & > [data-page-element=title] {
-        font-size: 20px;
-        z-index: 14;
-        padding: 5px;
-        align-self: center;
-        justify-self: stretch;
-        grid-row-start: 1;
-        grid-column-start: 2;
-        color: var(--accent-text-color, black); 
-    }
-    
-    & > [data-page-element=action] {
-        font-size: 20px;
-        z-index: 14;
-        padding: 10px;
-        grid-row-start: 1;
-        grid-column-start: 3;
-        color: var(--accent-text-color, black); 
-
-        & button {
-            width: 30px;
-            border: none;
-            outline: none;
-            background: transparent;
-            font-size: inherit; 
-        }
-    }
-    
-    & > button[data-page-element=action] {
-        min-width: 40px;
-        border: none;
-        outline: none;
-        background: transparent; 
-    }
-    
-    & > [data-page-element=header] {
-        z-index: 12;
-        padding: 5px;
-        grid-row-start: 2;
-        grid-column-start: 1;
-        grid-column-end: span 3;
-        background-color: #c0c0c0; 
-    }
-    
-    & > [data-page-element=pull-to-refresh] {
-        grid-row-start: 3;
-        grid-column-start: 1;
-        grid-column-end: span 3;
-        padding: 5px;
-        margin: 10px;
-        z-index: 9;
-        align-self: start;
-        justify-self: center; 
-
-        & .pull-icon {
-            transition: all 0.3s ease-out; 
-        }
-        
-        &[data-mode=up] .pull-icon {
-            transform: rotate(180deg); 
-        }
-        
-        &[data-mode=loading] .pull-icon {
-            display: none; 
-        }
-        
-        &:not([data-mode=down]) .down {
-            display: none; 
-        }
-        
-        &:not([data-mode=up]) .up {
-            display: none; 
-        }
-        
-        &:not([data-mode=loading]) .loading {
-            display: none; 
-        }
-    }
-        
-    & > [data-page-element=content] {
-        grid-row-start: 3;
-        grid-column-start: 1;
-        grid-column-end: span 3;
-        padding: 5px;
-        position: relative;
-        overflow-x: hidden;
-        overflow-y: auto;
-        z-index: 10;
-        scrollbar-width: 5px;
-        scrollbar-color: #ffa500 white; 
-
-        &::-webkit-scrollbar {
-            width: 5px; 
-        }
-        
-        &::-webkit-scrollbar-thumb {
-            background-color: white;
-            border-radius: 20px;
-            border: 3px solid #ffa500; 
-        }
-        
-    }
-        
-    & > [data-page-element=footer] {
-        grid-row-start: 4;
-        grid-column-start: 1;
-        grid-column-end: span 3;
-        z-index: 11;
-        padding: 5px; 
-    }
-    
-    &[data-page-state=ready] {
-        transform: translate(0,0); 
-    }
-    
-    &[data-page-state=hidden] {
-        transform: translate(-100%,0); 
-    }
-
-    &[data-hide-toolbar=true] {
-
-        & > [data-page-element=icon] {
-            display: none; 
-        }
-        
-        & > [data-page-element=title] {
-            display: none; 
-        }
-        
-        & > [data-page-element=action-bar] {
-            display: none; 
-        }
-        
-        & > [data-page-element=action] {
-            display: none;    
-        }
-    }
-    
-`.installGlobal("[data-base-page=base-page]");
-      styled.css`
-        @media screen {
-            body {
-            overflow: hidden;
-        }        
-    }
-`.installGlobal();
       _export("Drawer", Drawer = class Drawer extends AtomControl {
         init() {}
         preCreate() {
@@ -14196,6 +12241,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
       _export("BasePage", BasePage = class BasePage extends AtomControl {
         constructor() {
           super(...arguments);
+          this.keep = false;
           this.disableAutoFocus = false;
         }
         get route() {
@@ -14214,7 +12260,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
             return;
           }
           this.routeUrl = url;
-          (_c = this.reouteDisposable) === null || _c === void 0 ? void 0 : _c.dispose();
+          (_c = this.routeDisposable) === null || _c === void 0 ? void 0 : _c.dispose();
           let last = void 0;
           setTimeout(() => last = url, 100);
           const state = {
@@ -14242,7 +12288,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
               }
             }
           };
-          this.reouteDisposable = this.registerDisposable(d);
+          this.routeDisposable = this.registerDisposable(d);
         }
         get hideToolbar() {
           var _b, _c;
@@ -14407,7 +12453,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
             viewModelTitle: Bind.oneWay(() => this.viewModel.title)
           }, extracted), node), e, creator);
           this.contentElement = this.element.querySelector("[data-page-element='content']");
-          setTimeout(() => this.contentElement.scrollTo(0, 0), 100);
+          setTimeout(() => {
+            this.contentElement.scrollTop = 0;
+            this.contentElement.scrollLeft = 0;
+          }, 100);
         }
         enablePullToRefreshEvents() {
           var _b;
@@ -14526,7 +12575,11 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
           if (!element) {
             return;
           }
-          element.dataset.pageState = "hidden";
+          element.setAttribute("data-page-state", "hidden");
+          if (this.keep) {
+            setTimeout(() => element.setAttribute("data-page-removed", "true"), 400);
+            return;
+          }
           element._logicalParent = element.parentElement;
           this.scrollTop = (_b = this.contentElement) === null || _b === void 0 ? void 0 : _b.scrollTop;
           setTimeout(() => {
@@ -14534,12 +12587,16 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
           }, 400);
         }
         show() {
-          this.element._logicalParent.appendChild(this.element);
+          if (this.keep) {
+            this.element.removeAttribute("data-page-removed");
+          } else {
+            this.element._logicalParent.appendChild(this.element);
+          }
           setTimeout(() => {
             if (this.scrollTop) {
               this.contentElement.scrollTop = this.scrollTop;
             }
-            this.element.dataset.pageState = "ready";
+            this.element.setAttribute("data-page-state", "ready");
           }, 1);
         }
       });
@@ -14555,9 +12612,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
       delete BasePage.prototype.init;
       _export("ContentPage", ContentPage = class ContentPage extends BasePage {});
       _export("TabbedPage", TabbedPage = class TabbedPage extends BasePage {});
-      _export("default", MobileApp = class MobileApp extends AtomControl {
-        static pushPage(pageUri, parameters = {}, clearHistory = false) {
-          return __awaiter(this, void 0, void 0, function* () {
+      MobileApp = class MobileApp extends AtomControl {
+        static pushPage(pageUri_1) {
+          return __awaiter(this, arguments, void 0, function* (pageUri, parameters = {}, clearHistory = false) {
             const mobileApp = this.current;
             const page = yield AtomLoader.loadClass(pageUri, parameters !== null && parameters !== void 0 ? parameters : {}, mobileApp.app);
             const result = yield mobileApp.loadPage(page, clearHistory);
@@ -14665,8 +12722,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
           this.runAfterInit(() => this.app.runAsync(() => this.init()));
         }
         loadPageForReturn(url, clearHistory) {
-          var _b;
           return __awaiter(this, void 0, void 0, function* () {
+            var _b;
             (_b = this.defaultPage) !== null && _b !== void 0 ? _b : this.defaultPage = url;
             const page = yield AtomLoader.loadControl(url, this.app);
             if (url.query && url.query.title) {
@@ -14746,8 +12803,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
             });
           });
         }
-      });
+      };
       MobileApp.drawer = XNode.prepare("drawer", true, true);
+      _export("default", MobileApp);
       _export("isMobileView", isMobileView = /Android|iPhone/i.test(navigator.userAgent) || window.visualViewport.width < 500 || window.forceMobileLayout);
       isPopupPage = Symbol("isPopupPage");
       PopupWindowEx = class PopupWindowEx extends PopupWindow {};
@@ -14777,16 +12835,16 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
 });
 //# sourceMappingURL=MobileApp.js.map
 
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/mobile-app/MobileApp");
+    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/pages/terms/Terms");
 
-System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "./Terms.local.less"], function (_export, _context) {
   "use strict";
 
-  var XNode, styled, css;
+  var XNode, css;
   function Terms() {
     return XNode.create("div", {
       class: css
-    }, XNode.create("pre", null, XNode.create("h4", null, "YOUR CONTENT"), XNode.create("p", null, "Allthough, your emails are private to you and from our perspective, since you are hosting your private information on our server (servers that are part of Social Mail Network). These terms are applicable to the user as we are liable for the content hosted on our network. These terms are not applicable for self hosted servers, you can purchase Social Mail License and everything is private within your control."), XNode.create("h4", null, "ACCESSING SITE"), XNode.create("p", null, "Some information on the Site can be viewed by all visitors to our Site, without registration. If you wish to access specific Services, you must register and set up a profile."), XNode.create("h4", null, "ACCOUNT INTERGRITY AND AUTHENTIC IDENTITY"), XNode.create("p", null, "We may seek further information about an account in certain circumstances, as outlined below, before taking actions ranging from temporarily restricting accounts to permanently disabling them.", XNode.create("ol", {
+    }, XNode.create("pre", null, XNode.create("h4", null, "YOUR CONTENT"), XNode.create("p", null, "All though, your emails are private to you and from our perspective, since you are hosting your private information on our server (servers that are part of Social Mail Network). These terms are applicable to the user as we are liable for the content hosted on our network. These terms are not applicable for self hosted servers, you can purchase Social Mail License and everything is private within your control."), XNode.create("h4", null, "ACCESSING SITE"), XNode.create("p", null, "Some information on the Site can be viewed by all visitors to our Site, without registration. If you wish to access specific Services, you must register and set up a profile."), XNode.create("h4", null, "ACCOUNT INTEGRITY AND AUTHENTIC IDENTITY"), XNode.create("p", null, "We may seek further information about an account in certain circumstances, as outlined below, before taking actions ranging from temporarily restricting accounts to permanently disabling them.", XNode.create("ol", {
       type: "a"
     }, XNode.create("li", null, "The accounts misrepresented their identity in the following ways:"), XNode.create("ul", null, XNode.create("li", null, "Using a name other than your real name in public;"), XNode.create("li", null, "Falsifying date of birth;"), XNode.create("li", null, "Creating a single account that represents or is used by more than one individual;"), XNode.create("li", null, "Creating multiple accounts as a single user.")), XNode.create("li", null, "Accounts that are compromised."), XNode.create("li", null, "Accounts that are inactive for a prolonged period of time."))), XNode.create("h4", null, "ELIGIBILITY"), XNode.create("p", null, "The minimum age to access our site or to become a member is Eighteen. Candidates under Eighteen are not permitted to register or subscribe. However, the parent or guardian of a candidate under the age of eighteen may use the Site and Services on behalf of that candidate. Such permission is provided in writing or it is confirmed electronically."), XNode.create("h4", null, "MEMBERSHIP"), XNode.create("p", null, "Your membership will last for the length of the term for which you choose to subscribe, and will entitle you to access all features of the site during that period. SocialMail.me.com reserves the right to terminate your membership early if you violate these Terms in any fashion."), XNode.create("h4", null, "FREE MEMBERSHIP"), XNode.create("p", null, "Applying for jobs is free and will always remain free. You do not need any paid subscription to apply for job. You can even upload your video auditions for free. Free membership is subjected to fair usage, multiple accounts for same person will result in termination of free membership. Promoting copyrighted materials in free membership will also result in termination of free membership."), XNode.create("h4", null, "REFUND / CHARGES FOR SUBSCRIPTION SERVICES"), XNode.create("p", null, XNode.create("i", {
       "data-color": "blue"
@@ -14829,29 +12887,15 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
   return {
     setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
+    }, function (_TermsLocalLess) {}],
     execute: function () {
-      css = styled.css`
-    white-space: break-spaces;
-    overflow-x: hidden;
-    background-color: white;
-    color: black;
-    padding: 10px;
-    border-radius: 10px;
-    opacity: 0.75;
-    & pre {
-        overflow-x: hidden;
-        white-space: break-spaces;
-    }
-`.installLocal();
+      css = "social-mail-site-terms";
     }
   };
 });
 //# sourceMappingURL=Terms.js.map
 
-    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/pages/terms/Terms");
+    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/pages/terms/TermsPage");
 
 System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "./Terms"], function (_export, _context) {
   "use strict";
@@ -14888,12 +12932,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
 });
 //# sourceMappingURL=TermsPage.js.map
 
-    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/pages/terms/TermsPage");
+    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/pages/users/signup/SignupPage");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "../../../controls/countries/CountrySelect", "@web-atoms/web-controls/dist/basic/MaskedInput", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/Pack", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/web-controls/dist/PageNavigator", "../../terms/TermsPage"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "../../../controls/countries/CountrySelect", "@web-atoms/web-controls/dist/basic/MaskedInput", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/Pack", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/web-controls/dist/PageNavigator", "../../terms/TermsPage", "./SignupPage.local.less"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, Bind, XNode, Form, FormField, CountrySelect, formatForCountry, isdForCountry, MaskedInput, FetchBuilder, Action, styled, Pack, ContentPage, PageNavigator, TermsPage, css, SignupPage;
+  var __awaiter, __decorate, __metadata, Bind, XNode, Form, FormField, CountrySelect, formatForCountry, isdForCountry, MaskedInput, FetchBuilder, Action, Pack, ContentPage, PageNavigator, TermsPage, css, SignupPage;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -14917,8 +12961,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
     }, function (_webAtomsCoreDistViewModelAction) {
       Action = _webAtomsCoreDistViewModelAction.default;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_webAtomsCoreDistPack) {
       Pack = _webAtomsCoreDistPack.default;
     }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
@@ -14927,38 +12969,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
     }, function (_termsTermsPage) {
       TermsPage = _termsTermsPage.default;
-    }],
+    }, function (_SignupPageLocalLess) {}],
     execute: function () {
-      css = styled.css`
-    & [data-page-element=content] {
-        & > * {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            justify-items: center;
-            & > * {
-                padding: 10px;
-                border-radius: 10px;
-                border: solid 1px white;
-                background: #00000050;
-                & input {
-                    background: transparent;
-                    border: none;
-                    outline: none;
-                    border-bottom: solid 1px white;
-                    &:focus {
-                        border-bottom: solid 1px white;
-                    }
-                }
-                & [data-suggestion-popup=suggestion-popup] {
-                    & input {
-                        color: black;
-                    }
-                }
-            }
-        }
-    }
-`.installLocal();
+      css = "social-mail-site-sign-up-page";
       SignupPage = class SignupPage extends ContentPage {
         constructor() {
           super(...arguments);
@@ -14986,7 +12999,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             this.title = "Social Mail Signup";
             const {
               id
-            } = yield FetchBuilder.put("/api/users/captcha").responseAsJson();
+            } = yield FetchBuilder.put("/api/users/captcha").asJson();
             this.model.captcha.id = id;
             this.renderer = XNode.create("div", null, XNode.create("div", null, XNode.create("div", {
               "data-max-width": "size-large"
@@ -15068,7 +13081,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               userID,
               phone = {},
               captcha = {}
-            } = yield FetchBuilder.post("/api/users/signup").jsonBody(model).responseAsJson();
+            } = yield FetchBuilder.post("/api/users/signup").jsonBody(model).asJson();
             if (userID) {
               location.href = "/";
               return;
@@ -15112,7 +13125,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
 });
 //# sourceMappingURL=SignupPage.js.map
 
-    AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/pages/users/signup/SignupPage");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomOnce");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -15151,7 +13164,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=AtomOnce.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/AtomOnce");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/StyleBuilder");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -15250,7 +13263,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=StyleBuilder.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/StyleBuilder");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/WebBusyIndicatorService");
 
 System.register(["tslib", "../../App", "../../di/Inject", "../../di/RegisterSingleton", "../../services/BusyIndicatorService", "../../services/NavigationService", "../controls/AtomControl", "../styles/StyleBuilder"], function (_export, _context) {
   "use strict";
@@ -15331,7 +13344,7 @@ System.register(["tslib", "../../App", "../../di/Inject", "../../di/RegisterSing
 });
 //# sourceMappingURL=WebBusyIndicatorService.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/WebBusyIndicatorService");
+    AmdLoader.instance.setup("@web-atoms/core/dist/Atom");
 
 System.register(["tslib"], function (_export, _context) {
   "use strict";
@@ -15449,7 +13462,7 @@ System.register(["tslib"], function (_export, _context) {
 });
 //# sourceMappingURL=Atom.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/Atom");
+    AmdLoader.instance.setup("@web-atoms/core/dist/core/FormattedError");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -15472,7 +13485,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=FormattedError.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/core/FormattedError");
+    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/baseTypes");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -15490,7 +13503,7 @@ System.register([], function (_export, _context) {
 });
 //# sourceMappingURL=baseTypes.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/baseTypes");
+    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/AtomViewModel");
 
 System.register(["tslib", "../App", "../Atom", "../core/AtomBinder", "../core/AtomDisposableList", "../core/AtomWatcher", "../core/BindableProperty", "../di/Inject", "./baseTypes"], function (_export, _context) {
   "use strict";
@@ -15814,7 +13827,7 @@ System.register(["tslib", "../App", "../Atom", "../core/AtomBinder", "../core/At
 });
 //# sourceMappingURL=AtomViewModel.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/AtomViewModel");
+    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/AtomWindowViewModel");
 
 System.register(["tslib", "../services/NavigationService", "./AtomViewModel"], function (_export, _context) {
   "use strict";
@@ -15852,7 +13865,7 @@ System.register(["tslib", "../services/NavigationService", "./AtomViewModel"], f
 });
 //# sourceMappingURL=AtomWindowViewModel.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/view-model/AtomWindowViewModel");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomWindowStyle");
 
 System.register(["@web-atoms/core/src/web/images/close-button-hover.svg", "../styles/AtomStyle"], function (_export, _context) {
   "use strict";
@@ -15986,7 +13999,7 @@ System.register(["@web-atoms/core/src/web/images/close-button-hover.svg", "../st
 });
 //# sourceMappingURL=AtomWindowStyle.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomWindowStyle");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomAlertWindowStyle");
 
 System.register(["../../core/Colors", "./AtomWindowStyle"], function (_export, _context) {
   "use strict";
@@ -16042,7 +14055,7 @@ System.register(["../../core/Colors", "./AtomWindowStyle"], function (_export, _
 });
 //# sourceMappingURL=AtomAlertWindowStyle.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomAlertWindowStyle");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomTemplate");
 
 System.register(["./AtomControl"], function (_export, _context) {
   "use strict";
@@ -16060,7 +14073,7 @@ System.register(["./AtomControl"], function (_export, _context) {
 });
 //# sourceMappingURL=AtomTemplate.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomTemplate");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomWindow");
 
 System.register(["../../App", "../../core/Bind", "../../core/XNode", "../styles/AtomWindowStyle", "./AtomControl", "./AtomTemplate"], function (_export, _context) {
   "use strict";
@@ -16311,7 +14324,7 @@ System.register(["../../App", "../../core/Bind", "../../core/XNode", "../styles/
 });
 //# sourceMappingURL=AtomWindow.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomWindow");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomAlertWindow");
 
 System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../../core/XNode", "../../view-model/AtomWindowViewModel", "../styles/AtomAlertWindowStyle", "./AtomWindow"], function (_export, _context) {
   "use strict";
@@ -16375,7 +14388,7 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
 });
 //# sourceMappingURL=AtomAlertWindow.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomAlertWindow");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomNotificationStyle");
 
 System.register(["../../core/Colors", "./AtomStyle"], function (_export, _context) {
   "use strict";
@@ -16414,7 +14427,7 @@ System.register(["../../core/Colors", "./AtomStyle"], function (_export, _contex
 });
 //# sourceMappingURL=AtomNotificationStyle.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomNotificationStyle");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomNotification");
 
 System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../../core/XNode", "../styles/AtomNotificationStyle", "./AtomControl"], function (_export, _context) {
   "use strict";
@@ -16479,7 +14492,7 @@ System.register(["tslib", "../../core/Bind", "../../core/BindableProperty", "../
 });
 //# sourceMappingURL=AtomNotification.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/controls/AtomNotification");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomPopupStyle");
 
 System.register(["../styles/AtomStyle"], function (_export, _context) {
   "use strict";
@@ -16506,12 +14519,12 @@ System.register(["../styles/AtomStyle"], function (_export, _context) {
 });
 //# sourceMappingURL=AtomPopupStyle.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomPopupStyle");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/NotificationPopup");
 
-System.register(["../../core/XNode", "../../style/styled", "./PopupService"], function (_export, _context) {
+System.register(["../../core/XNode", "./PopupService", "./NotifcationPopup.global.less"], function (_export, _context) {
   "use strict";
 
-  var XNode, styled, PopupWindow, css;
+  var XNode, PopupWindow, css;
   function NotificationPopup({
     message,
     type
@@ -16543,29 +14556,17 @@ System.register(["../../core/XNode", "../../style/styled", "./PopupService"], fu
   return {
     setters: [function (_coreXNode) {
       XNode = _coreXNode.default;
-    }, function (_styleStyled) {
-      styled = _styleStyled.default;
     }, function (_PopupService) {
       PopupWindow = _PopupService.PopupWindow;
-    }],
+    }, function (_NotifcationPopupGlobalLess) {}],
     execute: function () {
-      css = styled.css`
-    padding: 5px;
-    font-size: larger;
-    & .error {
-        color: red;
-        border-color: red;
-    }
-    & .warning {
-        background-color: lightyellow;
-    }
-`.installLocal();
+      css = "web-atoms-notification-popup";
     }
   };
 });
 //# sourceMappingURL=NotificationPopup.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/NotificationPopup");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/WindowService");
 
 System.register(["tslib", "../../App", "../../Atom", "../../core/AtomLoader", "../../core/AtomUri", "../../core/FormattedError", "../../core/FormattedString", "../../core/types", "../../di/Inject", "../../di/RegisterSingleton", "../../di/ServiceCollection", "../../services/JsonService", "../../services/NavigationService", "../../view-model/AtomWindowViewModel", "../../web/core/AtomUI", "../controls/AtomAlertWindow", "../controls/AtomNotification", "../controls/AtomWindow", "../styles/AtomPopupStyle", "../styles/AtomStyleSheet", "../styles/StyleBuilder", "./NotificationPopup", "./PopupService"], function (_export, _context) {
   "use strict";
@@ -16909,7 +14910,7 @@ System.register(["tslib", "../../App", "../../Atom", "../../core/AtomLoader", ".
 });
 //# sourceMappingURL=WindowService.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/services/WindowService");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomTheme");
 
 System.register(["tslib", "../../App", "../../core/Colors", "../../di/Inject", "../../di/RegisterSingleton", "../../services/NavigationService", "../styles/AtomStyleSheet"], function (_export, _context) {
   "use strict";
@@ -16965,7 +14966,7 @@ System.register(["tslib", "../../App", "../../core/Colors", "../../di/Inject", "
 });
 //# sourceMappingURL=AtomTheme.js.map
 
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/styles/AtomTheme");
+    AmdLoader.instance.setup("@web-atoms/core/dist/web/WebApp");
 
 System.register(["../App", "../core/AtomOnce", "../core/AtomUri", "../di/ServiceCollection", "../services/BusyIndicatorService", "../services/NavigationService", "./services/WebBusyIndicatorService", "./services/WindowService", "./styles/AtomStyleSheet", "./styles/AtomTheme"], function (_export, _context) {
   "use strict";
@@ -17136,8 +15137,7 @@ System.register(["../App", "../core/AtomOnce", "../core/AtomUri", "../di/Service
   };
 });
 //# sourceMappingURL=WebApp.js.map
-
-    AmdLoader.instance.setup("@web-atoms/core/dist/web/WebApp");
-
+window.installStyleSheet( new URL("./SignupPage.pack.global.less.css", document.currentScript.src).toString());
+window.installStyleSheet( new URL("./SignupPage.pack.local.less.css", document.currentScript.src).toString());
         //# sourceMappingURL=SignupPage.pack.js.map