@web-atoms/core 2.1.357 → 2.1.369

package/dist/web/WebApp.sys.js

@@ -0,0 +1,269 @@
+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";
+
+  var App, AtomOnce, AtomUri, ServiceCollection, BusyIndicatorService, NavigationService, WebBusyIndicatorService, WindowService, AtomStyleSheet, AtomTheme, WebApp;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_App) {
+      App = _App.App;
+    }, function (_coreAtomOnce) {
+      AtomOnce = _coreAtomOnce.AtomOnce;
+    }, function (_coreAtomUri) {
+      AtomUri = _coreAtomUri.AtomUri;
+    }, function (_diServiceCollection) {
+      ServiceCollection = _diServiceCollection.ServiceCollection;
+    }, function (_servicesBusyIndicatorService) {
+      BusyIndicatorService = _servicesBusyIndicatorService.BusyIndicatorService;
+    }, function (_servicesNavigationService) {
+      NavigationService = _servicesNavigationService.NavigationService;
+    }, function (_servicesWebBusyIndicatorService) {
+      WebBusyIndicatorService = _servicesWebBusyIndicatorService.WebBusyIndicatorService;
+    }, function (_servicesWindowService) {
+      WindowService = _servicesWindowService.WindowService;
+    }, function (_stylesAtomStyleSheet) {
+      AtomStyleSheet = _stylesAtomStyleSheet.AtomStyleSheet;
+    }, function (_stylesAtomTheme) {
+      AtomTheme = _stylesAtomTheme.AtomTheme;
+    }],
+    execute: function () {
+      _export("default", WebApp = class WebApp extends App {
+        constructor() {
+          super();
+          this.mContextId = 1;
+          this.hashUpdater = new AtomOnce();
+          this.url = new AtomUri(location.href);
+          this.put(NavigationService, this.resolve(WindowService));
+          this.put(WebApp, this);
+          this.put(BusyIndicatorService, this.resolve(WebBusyIndicatorService));
+          ServiceCollection.instance.registerSingleton(AtomStyleSheet, sp => sp.resolve(AtomTheme));
+          this.mContextId = parseInt((this.url.hash.contextId || "0").toString(), 10);
+
+          if (!this.mContextId) {
+            for (let index = 0; index < 100; index++) {
+              const cid = `contextId${index}`;
+              const cidData = sessionStorage.getItem(`contextId${index}`);
+
+              if (!cidData) {
+                this.mContextId = index;
+                sessionStorage.setItem(cid, cid);
+                this.url.hash.contextId = index;
+                this.syncUrl();
+                break;
+              }
+            }
+          }
+
+          window.addEventListener("hashchange", () => {
+            this.hashUpdater.run(() => {
+              this.url = new AtomUri(location.href);
+            });
+          });
+        }
+
+        get parentElement() {
+          return document.body;
+        }
+
+        get root() {
+          return this.mRoot;
+        }
+
+        set root(v) {
+          const old = this.mRoot;
+
+          if (old) {
+            old.dispose();
+          }
+
+          this.mRoot = v;
+
+          if (!v) {
+            return;
+          }
+
+          const pe = this.parentElement;
+          const de = Array.from(pe.children);
+
+          for (const iterator of de) {
+            iterator.remove();
+          }
+
+          pe.appendChild(v.element);
+        }
+
+        get theme() {
+          return this.get(AtomStyleSheet);
+        }
+
+        set theme(v) {
+          this.put(AtomTheme, v);
+          this.put(AtomStyleSheet, v);
+        }
+
+        get contextId() {
+          return `contextId_${this.mContextId}`;
+        }
+
+        installStyleSheet(ssConfig) {
+          if (typeof ssConfig !== "object") {
+            ssConfig = {
+              href: ssConfig
+            };
+          }
+
+          ssConfig.href = UMD.resolvePath(ssConfig.href);
+          const links = document.getElementsByTagName("link");
+
+          for (let index = 0; index < links.length; index++) {
+            const element = links[index];
+            const href = element.getAttribute("href");
+
+            if (href === ssConfig.href) {
+              return;
+            }
+          }
+
+          const ss = document.createElement("link");
+          ss.rel = "stylesheet";
+          ss.href = ssConfig.href;
+
+          if (ssConfig.crossOrigin) {
+            ss.crossOrigin = ssConfig.crossOrigin;
+          }
+
+          if (ssConfig.integrity) {
+            ss.integrity = ssConfig.integrity;
+          }
+
+          document.head.appendChild(ss);
+        }
+
+        installScript(location) {
+          location = UMD.resolvePath(location);
+          const links = document.getElementsByTagName("script");
+
+          for (let index = 0; index < links.length; index++) {
+            const element = links[index];
+            const href = element.getAttribute("src");
+
+            if (href === location) {
+              return element.loaderPromise;
+            }
+          }
+
+          const script = document.createElement("script");
+          const p = new Promise((resolve, reject) => {
+            script.type = "text/javascript";
+            script.src = location;
+            const s = script;
+
+            script.onload = s.onreadystatechange = () => {
+              if (s.readyState && s.readyState !== "complete" && s.readyState !== "loaded") {
+                return;
+              }
+
+              script.onload = s.onreadystatechange = null;
+              resolve();
+            };
+
+            document.body.appendChild(script);
+          });
+          script.loaderPromise = p;
+          return p;
+        }
+
+        updateDefaultStyle(textContent) {
+          if (this.styleElement) {
+            if (this.styleElement.textContent === textContent) {
+              return;
+            }
+          }
+
+          const ss = document.createElement("style");
+          ss.textContent = textContent;
+
+          if (this.styleElement) {
+            this.styleElement.remove();
+          }
+
+          document.head.appendChild(ss);
+          this.styleElement = ss;
+        }
+
+        syncUrl() {
+          this.hashUpdater.run(() => {
+            const currentUrl = new AtomUri(location.href);
+            const sourceHash = this.url.hash;
+            const keyValues = [];
+            let modified = false;
+
+            for (const key in sourceHash) {
+              if (/^\_\$\_/.test(key)) {
+                continue;
+              }
+
+              if (sourceHash.hasOwnProperty(key)) {
+                const element = sourceHash[key];
+                const cv = currentUrl.hash[key];
+
+                if (element !== undefined) {
+                  keyValues.push({
+                    key,
+                    value: element
+                  });
+                }
+
+                if (cv === element) {
+                  continue;
+                }
+
+                modified = true;
+              }
+            }
+
+            if (!modified) {
+              return;
+            }
+
+            const hash = keyValues.map(s => `${s.key}=${encodeURIComponent(s.value)}`).join("&");
+            location.hash = hash;
+          });
+        }
+
+        invokeReady() {
+          if (document.readyState === "complete") {
+            super.invokeReady();
+            return;
+          }
+
+          document.addEventListener("readystatechange", e => {
+            super.invokeReady();
+          });
+        }
+
+      });
+
+      (function () {
+        if (typeof window.CustomEvent === "function") {
+          return false;
+        }
+
+        function CustomEvent(event, params) {
+          params = params || {
+            bubbles: false,
+            cancelable: false,
+            detail: null
+          };
+          const evt = document.createEvent("CustomEvent");
+          evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+          return evt;
+        }
+
+        window.CustomEvent = CustomEvent;
+      })();
+    }
+  };
+});
+//# sourceMappingURL=WebApp.sys.js.map

package/dist/web/WebApp.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["WebApp","App","AtomOnce","AtomUri","ServiceCollection","BusyIndicatorService","NavigationService","WebBusyIndicatorService","WindowService","AtomStyleSheet","AtomTheme","constructor","url","location","href","put","resolve","instance","registerSingleton","sp","mContextId","parseInt","hash","contextId","toString","index","cid","cidData","sessionStorage","getItem","setItem","syncUrl","window","addEventListener","hashUpdater","run","parentElement","document","body","root","mRoot","v","old","dispose","pe","de","Array","from","children","iterator","remove","appendChild","element","theme","get","installStyleSheet","ssConfig","UMD","resolvePath","links","getElementsByTagName","length","getAttribute","ss","createElement","rel","crossOrigin","integrity","head","installScript","loaderPromise","script","p","Promise","reject","type","src","s","onload","onreadystatechange","readyState","updateDefaultStyle","textContent","styleElement","currentUrl","sourceHash","keyValues","modified","key","test","hasOwnProperty","cv","undefined","push","value","map","encodeURIComponent","join","invokeReady","e","CustomEvent","event","params","bubbles","cancelable","detail","evt","createEvent","initCustomEvent"],"sourceRoot":"","sources":["../../src/web/WebApp.ts"],"sourcesContent":[null]}

package/dist/web/controls/AtomAlertWindow.sys.js

@@ -0,0 +1,80 @@
+System.register(["../../core/Bind", "../../core/BindableProperty", "../../core/XNode", "../../view-model/AtomWindowViewModel", "../styles/AtomAlertWindowStyle", "./AtomWindow"], function (_export, _context) {
+  "use strict";
+
+  var Bind, BindableProperty, XNode, AtomWindowViewModel, AtomAlertWindowStyle, AtomWindow, AtomAlertWindow, AtomAlertViewModel, __decorate, __metadata;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_coreBind) {
+      Bind = _coreBind.default;
+    }, function (_coreBindableProperty) {
+      BindableProperty = _coreBindableProperty.BindableProperty;
+    }, function (_coreXNode) {
+      XNode = _coreXNode.default;
+    }, function (_viewModelAtomWindowViewModel) {
+      AtomWindowViewModel = _viewModelAtomWindowViewModel.AtomWindowViewModel;
+    }, function (_stylesAtomAlertWindowStyle) {
+      AtomAlertWindowStyle = _stylesAtomAlertWindowStyle.default;
+    }, function (_AtomWindow) {
+      AtomWindow = _AtomWindow.AtomWindow;
+    }],
+    execute: function () {
+      __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+        var c = arguments.length,
+            r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+            d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      };
+
+      __metadata = void 0 && (void 0).__metadata || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+      };
+
+      _export("default", AtomAlertWindow = class AtomAlertWindow extends AtomWindow {
+        create() {
+          this.defaultControlStyle = AtomAlertWindowStyle;
+          this.viewModel = this.resolve(AtomAlertViewModel);
+          this.render(XNode.create(AtomWindow, {
+            title: Bind.oneWay(() => this.viewModel.title)
+          }, XNode.create(AtomWindow.windowTemplate, null, XNode.create("div", {
+            formattedText: Bind.oneWay(() => this.viewModel.message)
+          })), XNode.create(AtomWindow.commandTemplate, null, XNode.create("div", null, XNode.create("button", {
+            class: "yes-button",
+            styleDisplay: Bind.oneWay(() => this.viewModel.okTitle ? "" : "none"),
+            text: Bind.oneWay(() => this.viewModel.okTitle),
+            eventClick: () => this.viewModel.onOkClicked()
+          }), XNode.create("button", {
+            class: "no-button",
+            styleMarginBottom: Bind.oneWay(() => this.viewModel.cancelTitle ? "0" : "10px"),
+            styleDisplay: Bind.oneWay(() => this.viewModel.cancelTitle ? "" : "none"),
+            text: Bind.oneWay(() => this.viewModel.cancelTitle),
+            eventClick: () => this.viewModel.onCancelClicked()
+          })))));
+        }
+
+      });
+
+      AtomAlertViewModel = class AtomAlertViewModel extends AtomWindowViewModel {
+        onOkClicked() {
+          this.close(true);
+        }
+
+        onCancelClicked() {
+          this.cancel();
+        }
+
+      };
+
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomAlertViewModel.prototype, "title", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomAlertViewModel.prototype, "message", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomAlertViewModel.prototype, "okTitle", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomAlertViewModel.prototype, "cancelTitle", void 0);
+    }
+  };
+});
+//# sourceMappingURL=AtomAlertWindow.sys.js.map

package/dist/web/controls/AtomAlertWindow.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;4FAYqBA,e,EA6EfC,kB;;;;;;MAxFCC,I;;MACEC,gB,yBAAAA,gB;;MAEFC,K;;MAEEC,mB,iCAAAA,mB;;MAEFC,oB;;MAEEC,U,eAAAA,U;;;;;;;;;;;;;;;yBAEYP,e,GAAP,MAAOA,eAAP,SAA+BO,UAA/B,CAAyC;QAIzCC,MAAM;UACZ,KAAKC,mBAAL,GAA4BH,oBAA5B;UACA,KAAKI,SAAL,GAAiB,KAAKC,OAAL,CAAaV,kBAAb,CAAjB;UAMA,KAAKW,MAAL,CAAYR,aAACG,UAAD,EAAW;YACnBM,KAAK,EAAEX,IAAI,CAACY,MAAL,CAAY,MAAM,KAAKJ,SAAL,CAAeG,KAAjC;UADY,CAAX,EAERT,aAACG,UAAU,CAACQ,cAAZ,EAA0B,IAA1B,EACIX;YAAKY,aAAa,EAAEd,IAAI,CAACY,MAAL,CAAY,MAAM,KAAKJ,SAAL,CAAeO,OAAjC;UAApB,EADJ,CAFQ,EAKRb,aAACG,UAAU,CAACW,eAAZ,EAA2B,IAA3B,EACId,0BACIA;YACIe,KAAK,EAAC,YADV;YAEIC,YAAY,EAAElB,IAAI,CAACY,MAAL,CAAY,MAAM,KAAKJ,SAAL,CAAeW,OAAf,GAAyB,EAAzB,GAA8B,MAAhD,CAFlB;YAGIC,IAAI,EAAEpB,IAAI,CAACY,MAAL,CAAY,MAAM,KAAKJ,SAAL,CAAeW,OAAjC,CAHV;YAIIE,UAAU,EAAE,MAAM,KAAKb,SAAL,CAAec,WAAf;UAJtB,EADJ,EAMIpB;YACIe,KAAK,EAAC,WADV;YAEIM,iBAAiB,EAAEvB,IAAI,CAACY,MAAL,CAAY,MAAM,KAAKJ,SAAL,CAAegB,WAAf,GAA6B,GAA7B,GAAmC,MAArD,CAFvB;YAGIN,YAAY,EAAElB,IAAI,CAACY,MAAL,CAAY,MAAM,KAAKJ,SAAL,CAAegB,WAAf,GAA6B,EAA7B,GAAkC,MAApD,CAHlB;YAIIJ,IAAI,EAAEpB,IAAI,CAACY,MAAL,CAAY,MAAM,KAAKJ,SAAL,CAAegB,WAAjC,CAJV;YAKIH,UAAU,EAAE,MAAM,KAAKb,SAAL,CAAeiB,eAAf;UALtB,EANJ,CADJ,CALQ,CAAZ;QAqBH;;MAjCkD,C;;MA6EjD1B,kB,GAAN,MAAMA,kBAAN,SAAiCI,mBAAjC,CAAoD;QAczCmB,WAAW;UACd,KAAKI,KAAL,CAAW,IAAX;QACH;;QAEMD,eAAe;UAClB,KAAKE,MAAL;QACH;;MApB+C,C;;MAGhDC,YADC3B,gBACD;;MAGA2B,YADC3B,gBACD;;MAGA2B,YADC3B,gBACD;;MAGA2B,YADC3B,gBACD","names":["AtomAlertWindow","AtomAlertViewModel","Bind","BindableProperty","XNode","AtomWindowViewModel","AtomAlertWindowStyle","AtomWindow","create","defaultControlStyle","viewModel","resolve","render","title","oneWay","windowTemplate","formattedText","message","commandTemplate","class","styleDisplay","okTitle","text","eventClick","onOkClicked","styleMarginBottom","cancelTitle","onCancelClicked","close","cancel","__decorate"],"sourceRoot":"","sources":["../../../src/web/controls/AtomAlertWindow.tsx"],"sourcesContent":[null]}

package/dist/web/controls/AtomComboBox.sys.js

@@ -0,0 +1,115 @@
+System.register(["../../App", "../../di/Inject", "./AtomControl", "./AtomItemsControl"], function (_export, _context) {
+  "use strict";
+
+  var App, Inject, AtomControl, AtomItemsControl, AtomComboBoxItemTemplate, __decorate, __metadata, __param, AtomComboBox;
+
+  return {
+    setters: [function (_App) {
+      App = _App.App;
+    }, function (_diInject) {
+      Inject = _diInject.Inject;
+    }, function (_AtomControl) {
+      AtomControl = _AtomControl.AtomControl;
+    }, function (_AtomItemsControl) {
+      AtomItemsControl = _AtomItemsControl.AtomItemsControl;
+    }],
+    execute: function () {
+      __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+        var c = arguments.length,
+            r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+            d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      };
+
+      __metadata = void 0 && (void 0).__metadata || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+      };
+
+      __param = void 0 && (void 0).__param || function (paramIndex, decorator) {
+        return function (target, key) {
+          decorator(target, key, paramIndex);
+        };
+      };
+
+      _export("AtomComboBox", AtomComboBox = class AtomComboBox extends AtomItemsControl {
+        constructor(app, e) {
+          super(app, e || document.createElement("select"));
+          this.allowMultipleSelection = false;
+        }
+
+        onCollectionChanged(key, index, item) {
+          super.onCollectionChanged(key, index, item);
+
+          try {
+            this.isChanging = true;
+            const se = this.element;
+            se.selectedIndex = this.selectedIndex;
+          } finally {
+            this.isChanging = false;
+          }
+        }
+
+        updateSelectionBindings() {
+          super.updateSelectionBindings();
+
+          try {
+            if (this.isChanging) {
+              return;
+            }
+
+            this.isChanging = true;
+            const se = this.element;
+            se.selectedIndex = this.selectedIndex;
+          } finally {
+            this.isChanging = false;
+          }
+        }
+
+        preCreate() {
+          super.preCreate();
+          this.itemTemplate = AtomComboBoxItemTemplate;
+          this.runAfterInit(() => {
+            this.bindEvent(this.element, "change", s => {
+              if (this.isChanging) {
+                return;
+              }
+
+              try {
+                this.isChanging = true;
+                const index = this.element.selectedIndex;
+
+                if (index === -1) {
+                  this.selectedItems.clear();
+                  return;
+                }
+
+                this.selectedItem = this.items[index];
+              } finally {
+                this.isChanging = false;
+              }
+            });
+          });
+        }
+
+      });
+
+      _export("AtomComboBox", AtomComboBox = __decorate([__param(0, Inject), __metadata("design:paramtypes", [App, HTMLElement])], AtomComboBox));
+
+      AtomComboBoxItemTemplate = class AtomComboBoxItemTemplate extends AtomControl {
+        constructor(app, e) {
+          super(app, e || document.createElement("option"));
+        }
+
+        create() {
+          this.bind(this.element, "text", [["data"]], false, v => {
+            const ip = this.element._templateParent;
+            return v[ip.labelPath];
+          });
+        }
+
+      };
+    }
+  };
+});
+//# sourceMappingURL=AtomComboBox.sys.js.map

package/dist/web/controls/AtomComboBox.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;kDAkEMA,wB;;;;MAlEGC,G,QAAAA,G;;MACAC,M,aAAAA,M;;MACAC,W,gBAAAA,W;;MACAC,gB,qBAAAA,gB;;;;;;;;;;;;;;;;;;;;;8BAEIC,Y,GAAb,MAAaA,YAAb,SAAkCD,gBAAlC,CAAkD;QAI9CE,YAAoBC,GAApB,EAA8BC,CAA9B,EAA6C;UACzC,MAAMD,GAAN,EAAWC,CAAC,IAAIC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAhB;UACA,KAAKC,sBAAL,GAA8B,KAA9B;QACH;;QAEMC,mBAAmB,CAACC,GAAD,EAAcC,KAAd,EAA6BC,IAA7B,EAAsC;UAC5D,MAAMH,mBAAN,CAA0BC,GAA1B,EAA+BC,KAA/B,EAAsCC,IAAtC;;UACA,IAAI;YACA,KAAKC,UAAL,GAAkB,IAAlB;YACA,MAAMC,EAAE,GAAG,KAAKC,OAAhB;YACAD,EAAE,CAACE,aAAH,GAAmB,KAAKA,aAAxB;UACH,CAJD,SAIU;YACN,KAAKH,UAAL,GAAkB,KAAlB;UACH;QACJ;;QAEMI,uBAAuB;UAC1B,MAAMA,uBAAN;;UAEA,IAAI;YACA,IAAI,KAAKJ,UAAT,EAAqB;cACjB;YACH;;YACD,KAAKA,UAAL,GAAkB,IAAlB;YACA,MAAMC,EAAE,GAAG,KAAKC,OAAhB;YACAD,EAAE,CAACE,aAAH,GAAmB,KAAKA,aAAxB;UACH,CAPD,SAOU;YACN,KAAKH,UAAL,GAAkB,KAAlB;UACH;QACJ;;QAESK,SAAS;UACf,MAAMA,SAAN;UACA,KAAKC,YAAL,GAAoBtB,wBAApB;UACA,KAAKuB,YAAL,CAAkB,MAAK;YACnB,KAAKC,SAAL,CAAe,KAAKN,OAApB,EAA6B,QAA7B,EAAwCO,CAAD,IAAM;cACzC,IAAI,KAAKT,UAAT,EAAqB;gBACjB;cACH;;cACD,IAAI;gBACA,KAAKA,UAAL,GAAkB,IAAlB;gBACA,MAAMF,KAAK,GAAI,KAAKI,OAAL,CAAmCC,aAAlD;;gBACA,IAAIL,KAAK,KAAK,CAAC,CAAf,EAAkB;kBACd,KAAKY,aAAL,CAAmBC,KAAnB;kBACA;gBACH;;gBACD,KAAKC,YAAL,GAAoB,KAAKC,KAAL,CAAWf,KAAX,CAApB;cAEH,CATD,SASU;gBACN,KAAKE,UAAL,GAAkB,KAAlB;cACH;YACJ,CAhBD;UAiBH,CAlBD;QAoBH;;MA1D6C,C;;MAArC,oCAAY,eAIRc,kBAJQ,mCAII7B,KAAS8B,aAJb,GAAZ1B,YAAY,CAAZ;;MA6DPL,wB,GAAN,MAAMA,wBAAN,SAAuCG,WAAvC,CAAkD;QAE9CG,YAAYC,GAAZ,EAAsBC,CAAtB,EAAqC;UACjC,MAAMD,GAAN,EAAWC,CAAC,IAAIC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAhB;QACH;;QAESsB,MAAM;UACZ,KAAKC,IAAL,CAAU,KAAKf,OAAf,EAAwB,MAAxB,EAAgC,CAAC,CAAC,MAAD,CAAD,CAAhC,EAA4C,KAA5C,EACCgB,CAAD,IAAM;YACF,MAAMC,EAAE,GAAG,KAAKjB,OAAL,CAAakB,eAAxB;YACA,OAAOF,CAAC,CAACC,EAAE,CAACE,SAAJ,CAAR;UACH,CAJD;QAKH;;MAZ6C,C","names":["AtomComboBoxItemTemplate","App","Inject","AtomControl","AtomItemsControl","AtomComboBox","constructor","app","e","document","createElement","allowMultipleSelection","onCollectionChanged","key","index","item","isChanging","se","element","selectedIndex","updateSelectionBindings","preCreate","itemTemplate","runAfterInit","bindEvent","s","selectedItems","clear","selectedItem","items","__param","HTMLElement","create","bind","v","ip","_templateParent","labelPath"],"sourceRoot":"","sources":["../../../src/web/controls/AtomComboBox.ts"],"sourcesContent":[null]}

package/dist/web/controls/AtomContentControl.sys.js

@@ -0,0 +1,72 @@
+System.register(["../../core/AtomBinder", "../styles/AtomStyle", "./AtomControl"], function (_export, _context) {
+  "use strict";
+
+  var AtomBinder, AtomStyle, AtomControl, AtomContentControl, AtomContentStyle;
+
+  _export({
+    AtomContentControl: void 0,
+    AtomContentStyle: void 0
+  });
+
+  return {
+    setters: [function (_coreAtomBinder) {
+      AtomBinder = _coreAtomBinder.AtomBinder;
+    }, function (_stylesAtomStyle) {
+      AtomStyle = _stylesAtomStyle.AtomStyle;
+    }, function (_AtomControl) {
+      AtomControl = _AtomControl.AtomControl;
+    }],
+    execute: function () {
+      _export("AtomContentControl", AtomContentControl = class AtomContentControl extends AtomControl {
+        get content() {
+          return this.mContent;
+        }
+
+        set content(c) {
+          const old = this.mContent;
+
+          if (old) {
+            old.element.remove();
+          }
+
+          this.mContent = c;
+
+          if (c) {
+            this.element.appendChild(c.element);
+            const style = c.element.style;
+            c.invalidate();
+          }
+
+          AtomBinder.refreshValue(this, "content");
+        }
+
+        preCreate() {
+          super.preCreate();
+          this.defaultControlStyle = AtomContentStyle;
+          this.runAfterInit(() => {
+            this.element.classList.add(this.controlStyle.name);
+          });
+        }
+
+      });
+
+      _export("AtomContentStyle", AtomContentStyle = class AtomContentStyle extends AtomStyle {
+        get root() {
+          return {
+            subclasses: {
+              " > *": {
+                position: "absolute",
+                top: "0",
+                left: "0",
+                right: "0",
+                bottom: "0"
+              }
+            }
+          };
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=AtomContentControl.sys.js.map

package/dist/web/controls/AtomContentControl.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;0CAKaA,kB,EA8BAC,gB;;;;;;;;;MAnCJC,U,mBAAAA,U;;MACAC,S,oBAAAA,S;;MAEAC,W,gBAAAA,W;;;oCAEIJ,kB,GAAP,MAAOA,kBAAP,SAAkCI,WAAlC,CAA6C;QAG7B,IAAPC,OAAO;UACd,OAAO,KAAKC,QAAZ;QACH;;QAEiB,IAAPD,OAAO,CAACE,CAAD,EAAe;UAC7B,MAAMC,GAAG,GAAG,KAAKF,QAAjB;;UACA,IAAIE,GAAJ,EAAS;YACLA,GAAG,CAACC,OAAJ,CAAYC,MAAZ;UACH;;UACD,KAAKJ,QAAL,GAAgBC,CAAhB;;UACA,IAAIA,CAAJ,EAAO;YACH,KAAKE,OAAL,CAAaE,WAAb,CAAyBJ,CAAC,CAACE,OAA3B;YACA,MAAMG,KAAK,GAAGL,CAAC,CAACE,OAAF,CAAUG,KAAxB;YACAL,CAAC,CAACM,UAAF;UACH;;UACDX,UAAU,CAACY,YAAX,CAAwB,IAAxB,EAA8B,SAA9B;QACH;;QAESC,SAAS;UACf,MAAMA,SAAN;UACA,KAAKC,mBAAL,GAA2Bf,gBAA3B;UACA,KAAKgB,YAAL,CAAkB,MAAK;YACnB,KAAKR,OAAL,CAAaS,SAAb,CAAuBC,GAAvB,CAA2B,KAAKC,YAAL,CAAkBC,IAA7C;UACH,CAFD;QAGH;;MA3B8C,C;;kCA8BtCpB,gB,GAAP,MAAOA,gBAAP,SAAgCE,SAAhC,CAAyC;QAE5B,IAAJmB,IAAI;UACX,OAAO;YACHC,UAAU,EAAE;cACR,QAAQ;gBACJC,QAAQ,EAAE,UADN;gBAEJC,GAAG,EAAE,GAFD;gBAGJC,IAAI,EAAE,GAHF;gBAIJC,KAAK,EAAE,GAJH;gBAKJC,MAAM,EAAE;cALJ;YADA;UADT,CAAP;QAWH;;MAd0C,C","names":["AtomContentControl","AtomContentStyle","AtomBinder","AtomStyle","AtomControl","content","mContent","c","old","element","remove","appendChild","style","invalidate","refreshValue","preCreate","defaultControlStyle","runAfterInit","classList","add","controlStyle","name","root","subclasses","position","top","left","right","bottom"],"sourceRoot":"","sources":["../../../src/web/controls/AtomContentControl.ts"],"sourcesContent":[null]}