@web-atoms/web-controls 2.1.263 → 2.1.266

package/dist/ModuleFiles.sys.js

@@ -0,0 +1,57 @@
+System.register([], function (_export, _context) {
+  "use strict";
+
+  var ModuleFiles;
+  return {
+    setters: [],
+    execute: function () {
+      UMD = UMD || {
+        resolvePath: v => v
+      };
+
+      _export("ModuleFiles", ModuleFiles = {
+        "calendar": {
+          "AtomCalendar": "@web-atoms/web-controls/dist/calendar/AtomCalendar",
+          "test": {
+            "CalendarTest": "@web-atoms/web-controls/dist/calendar/test/CalendarTest"
+          }
+        },
+        "dataGrid": {
+          "AtomColumn": "@web-atoms/web-controls/dist/data-grid/AtomColumn",
+          "test": {
+            "GridTest": "@web-atoms/web-controls/dist/data-grid/test/GridTest"
+          }
+        },
+        "dateField": {
+          "AtomDateField": "@web-atoms/web-controls/dist/date-field/AtomDateField",
+          "test": {
+            "DateFieldTest": "@web-atoms/web-controls/dist/date-field/test/DateFieldTest",
+            "PopupTest": "@web-atoms/web-controls/dist/date-field/test/PopupTest"
+          }
+        },
+        "form": {
+          "DefaultFieldTemplate": "@web-atoms/web-controls/dist/form/DefaultFieldTemplate",
+          "HelpPopup": "@web-atoms/web-controls/dist/form/HelpPopup",
+          "test": {
+            "CustomHelp": "@web-atoms/web-controls/dist/form/test/CustomHelp",
+            "FormTest": "@web-atoms/web-controls/dist/form/test/FormTest"
+          }
+        },
+        "mobile": {
+          "pages": {
+            "AtomPageFrameTemplate": "@web-atoms/web-controls/dist/mobile/pages/AtomPageFrameTemplate",
+            "sample": {
+              "DetailPage": "@web-atoms/web-controls/dist/mobile/pages/sample/DetailPage",
+              "HomePage": "@web-atoms/web-controls/dist/mobile/pages/sample/HomePage",
+              "ListPage": "@web-atoms/web-controls/dist/mobile/pages/sample/ListPage",
+              "MenuPage": "@web-atoms/web-controls/dist/mobile/pages/sample/MenuPage",
+              "PageApp": "@web-atoms/web-controls/dist/mobile/pages/sample/PageApp"
+            },
+            "TitleTemplate": "@web-atoms/web-controls/dist/mobile/pages/TitleTemplate"
+          }
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=ModuleFiles.sys.js.map

package/dist/ModuleFiles.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;MAEEA,GAAG,GAAGA,GAAG,IAAI;QAAEC,WAAW,EAAGC,CAAD,IAAOA;MAAtB,CAAb;;6BACaC,W,GACZ;QACD,YAAY;UACV,gBAAgB,oDADN;UAEV,QAAQ;YACN,gBAAgB;UADV;QAFE,CADX;QAOD,YAAY;UACV,cAAc,mDADJ;UAEV,QAAQ;YACN,YAAY;UADN;QAFE,CAPX;QAaD,aAAa;UACX,iBAAiB,uDADN;UAEX,QAAQ;YACN,iBAAiB,4DADX;YAEN,aAAa;UAFP;QAFG,CAbZ;QAoBD,QAAQ;UACN,wBAAwB,wDADlB;UAEN,aAAa,6CAFP;UAGN,QAAQ;YACN,cAAc,mDADR;YAEN,YAAY;UAFN;QAHF,CApBP;QA4BD,UAAU;UACR,SAAS;YACP,yBAAyB,iEADlB;YAEP,UAAU;cACR,cAAc,6DADN;cAER,YAAY,2DAFJ;cAGR,YAAY,2DAHJ;cAIR,YAAY,2DAJJ;cAKR,WAAW;YALH,CAFH;YASP,iBAAiB;UATV;QADD;MA5BT,C","names":["UMD","resolvePath","v","ModuleFiles"],"sourceRoot":"","sources":["../src/ModuleFiles.ts"],"sourcesContent":[null]}

package/dist/auto-complete/AppComboBoxViewModel.sys.js

@@ -0,0 +1,23 @@
+System.register(["@web-atoms/core/dist/view-model/AtomWindowViewModel"], function (_export, _context) {
+  "use strict";
+
+  var AtomWindowViewModel, AppComboBoxViewModel;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistViewModelAtomWindowViewModel) {
+      AtomWindowViewModel = _webAtomsCoreDistViewModelAtomWindowViewModel.AtomWindowViewModel;
+    }],
+    execute: function () {
+      _export("default", AppComboBoxViewModel = class AppComboBoxViewModel extends AtomWindowViewModel {
+        init() {
+          this.comboBox.windowViewModel = this;
+          return super.init();
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=AppComboBoxViewModel.sys.js.map

package/dist/auto-complete/AppComboBoxViewModel.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;2BAIqBA,oB;;;;;;MAHZC,mB,iDAAAA,mB;;;yBAGYD,oB,GAAP,MAAOA,oBAAP,SAAoCC,mBAApC,CAAuD;QAI1DC,IAAI;UACN,KAAKC,QAAL,CAAsBC,eAAtB,GAAwC,IAAxC;UACD,OAAO,MAAMF,IAAN,EAAP;QACH;;MAPgE,C","names":["AppComboBoxViewModel","AtomWindowViewModel","init","comboBox","windowViewModel"],"sourceRoot":"","sources":["../../src/auto-complete/AppComboBoxViewModel.ts"],"sourcesContent":[null]}

package/dist/auto-complete/AutoCompleteBox.sys.js

@@ -0,0 +1,402 @@
+System.register(["@web-atoms/core/dist/Atom", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/services/ReferenceService", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/controls/AtomTemplateControl", "@web-atoms/core/dist/web/services/WindowService", "./AutoCompleteBoxStyle", "./ItemHost"], function (_export, _context) {
+  "use strict";
+
+  var Atom, Bind, BindableProperty, CancelToken, XNode, NavigationService, ReferenceService, AtomControl, AtomTemplateControl, WindowService, AutoCompleteBoxStyle, ItemHost, AutoCompleteBox, __decorate, __metadata, __awaiter, KeyCodes;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistAtom) {
+      Atom = _webAtomsCoreDistAtom.Atom;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      CancelToken = _webAtomsCoreDistCoreTypes.CancelToken;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistServicesNavigationService) {
+      NavigationService = _webAtomsCoreDistServicesNavigationService.NavigationService;
+    }, function (_webAtomsCoreDistServicesReferenceService) {
+      ReferenceService = _webAtomsCoreDistServicesReferenceService.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebControlsAtomTemplateControl) {
+      AtomTemplateControl = _webAtomsCoreDistWebControlsAtomTemplateControl.AtomTemplateControl;
+    }, function (_webAtomsCoreDistWebServicesWindowService) {
+      WindowService = _webAtomsCoreDistWebServicesWindowService.WindowService;
+    }, function (_AutoCompleteBoxStyle) {
+      AutoCompleteBoxStyle = _AutoCompleteBoxStyle.default;
+    }, function (_ItemHost) {
+      ItemHost = _ItemHost.default;
+    }],
+    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);
+      };
+
+      __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+        function adopt(value) {
+          return value instanceof P ? value : new P(function (resolve) {
+            resolve(value);
+          });
+        }
+
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function rejected(value) {
+            try {
+              step(generator["throw"](value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+          }
+
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
+
+      (function (KeyCodes) {
+        KeyCodes["Enter"] = "Enter";
+        KeyCodes["ArrowDown"] = "ArrowDown";
+        KeyCodes["ArrowUp"] = "ArrowUp";
+        KeyCodes["ArrowLeft"] = "ArrowLeft";
+        KeyCodes["ArrowRight"] = "ArrowRight";
+        KeyCodes["End"] = "End";
+        KeyCodes["Home"] = "Home";
+        KeyCodes["Escape"] = "Escape";
+      })(KeyCodes || (KeyCodes = {}));
+
+      _export("default", AutoCompleteBox = class AutoCompleteBox extends AtomControl {
+        onPropertyChanged(name) {
+          switch (name) {
+            case "searchText":
+            case "value":
+              this.onSearchTextChanged(true);
+              break;
+
+            case "selectedItem":
+              const si = this.selectedItem;
+              const vf = this.valueFunc;
+
+              if (vf && si) {
+                this.value = vf(si);
+              }
+
+              break;
+          }
+        }
+
+        onUpdateUI() {
+          super.onUpdateUI();
+
+          if (this.created) {
+            return;
+          }
+
+          const openPopup = () => this.app.runAsync(() => __awaiter(this, void 0, void 0, function* () {
+            yield Atom.delay(200);
+            yield this.openPopup(true);
+          }));
+
+          this.render(XNode.create("div", {
+            styleClass: Bind.oneWay(() => ({
+              [this.controlStyle.name]: 1,
+              "popup-open": this.isPopupOpen || !this.value
+            }))
+          }, XNode.create("input", {
+            type: "search",
+            autocomplete: "none",
+            eventFocus: openPopup,
+            eventClick: openPopup,
+            value: Bind.twoWays(() => this.searchText, ["keyup", "keypress", "keydown"]),
+            placeholder: Bind.oneWay(() => this.label),
+            eventKeydown: e => this.onKey(e),
+            eventBlur: () => setTimeout(() => {
+              var _a;
+
+              return (_a = this.cancelToken) === null || _a === void 0 ? void 0 : _a.cancel();
+            }, 100)
+          }), XNode.create(AtomTemplateControl, {
+            class: "item-template",
+            contentTemplate: Bind.oneWay(() => this.itemTemplate),
+            data: Bind.oneWay(() => this.selectedItem)
+          })));
+        }
+
+        hasProperty(name) {
+          if (/^(data|selectedItem|itemTemplate|isPopupOpen|value|localViewModel|viewModel)$/.test(name)) {
+            return true;
+          }
+
+          return super.hasProperty(name);
+        }
+
+        onSearchTextChanged(force = false) {
+          var _a;
+
+          if (this.isUpdating) {
+            return;
+          }
+
+          if (!force) {
+            if (this.lastSearchText === this.searchText) {
+              return;
+            }
+
+            this.lastSearchText = this.searchText;
+          }
+
+          setTimeout(() => {
+            this.app.runAsync(() => this.openPopup());
+          }, 10);
+
+          if (!this.itemsSource) {
+            console.warn("No itemsSource defined");
+            return;
+          }
+
+          const s = this.searchText || this.value;
+
+          if (!s) {
+            return;
+          }
+
+          (_a = this.cancelToken) === null || _a === void 0 ? void 0 : _a.cancel();
+          const c = new CancelToken();
+          this.cancelToken = c;
+          this.runAsync(() => __awaiter(this, void 0, void 0, function* () {
+            yield Atom.delay(250, c);
+
+            if (c.cancelled) {
+              return;
+            }
+
+            const result = this.itemsSource({
+              search: this.searchText,
+              cancel: c,
+              value: this.value
+            });
+
+            if (!result) {
+              return;
+            }
+
+            const rp = result;
+
+            if (rp.then && rp.catch) {
+              try {
+                const items = yield rp;
+
+                if (c.cancelled) {
+                  return;
+                }
+
+                this.items.replace(items || []);
+              } catch (ex) {
+                c.cancel();
+              }
+            } else {
+              const items = result;
+
+              if (c.cancelled) {
+                return;
+              }
+
+              this.items.replace(items || []);
+            }
+
+            if (!this.selectedItem) {
+              const first = this.items[0];
+
+              if (first) {
+                const v1 = this.valueFunc ? this.valueFunc(first) : first;
+
+                if (v1 == this.value) {
+                  this.selectedItem = first;
+                  this.element.dispatchEvent(new CustomEvent("item-selected", {
+                    cancelable: false,
+                    bubbles: false,
+                    detail: this.selectedItem
+                  }));
+                }
+              }
+            }
+          }));
+        }
+
+        runAsync(fx) {
+          this.app.runAsync(() => __awaiter(this, void 0, void 0, function* () {
+            try {
+              yield fx();
+            } catch (e) {
+              const s = e.message || e.toString();
+
+              if (s === "cancelled") {
+                return;
+              }
+
+              console.error(e);
+            }
+          }));
+        }
+
+        preCreate() {
+          this.itemTemplate = null;
+          this.items = [];
+          this.itemsSource = null;
+          this.label = null;
+          this.lastSearchText = null;
+          this.lastValue = null;
+          this.value = null;
+          this.isPopupOpen = false;
+          this.valueFunc = null;
+          this.itemHostTemplate = ItemHost;
+          this.searchText = null;
+          this.lastSearchText = null;
+          this.lastValue = null;
+          this.created = false;
+          this.isUpdating = false;
+          this.defaultControlStyle = AutoCompleteBoxStyle;
+        }
+
+        create() {}
+
+        onKey(e) {
+          if (!this.isPopupOpen) {
+            return;
+          }
+
+          switch (e.key) {
+            case KeyCodes.Enter:
+              if (this.windowViewModel) {
+                this.element.dispatchEvent(new CustomEvent("item-selected", {
+                  cancelable: false,
+                  bubbles: false,
+                  detail: this.selectedItem
+                }));
+                this.windowViewModel.close(this.selectedItem);
+                this.windowViewModel = null;
+              }
+
+              break;
+
+            case KeyCodes.Escape:
+              if (this.windowViewModel) {
+                this.windowViewModel.cancel();
+                this.windowViewModel = null;
+              }
+
+              break;
+
+            case KeyCodes.ArrowUp:
+              this.moveSelection(-1);
+              break;
+
+            case KeyCodes.ArrowDown:
+              this.moveSelection(+1);
+              break;
+          }
+        }
+
+        moveSelection(n) {
+          try {
+            this.isUpdating = true;
+
+            if (!this.items) {
+              return;
+            }
+
+            const index = this.items.indexOf(this.selectedItem);
+
+            if (index === -1) {
+              if (n > 0 && this.items.length) {
+                this.selectedItem = this.items[0];
+              }
+
+              return;
+            }
+
+            const newIndex = index + n;
+
+            if (newIndex < 0 || newIndex >= this.items.length) {
+              return;
+            }
+
+            this.selectedItem = this.items[newIndex];
+          } finally {
+            this.isUpdating = false;
+          }
+        }
+
+        openPopup(force = false) {
+          return __awaiter(this, void 0, void 0, function* () {
+            if (this.isPopupOpen) {
+              return;
+            }
+
+            try {
+              if (!force) {
+                if (!this.searchText) {
+                  return;
+                }
+              }
+
+              this.isPopupOpen = true;
+              this.onSearchTextChanged();
+              const rs = this.app.get(ReferenceService);
+              const ws = this.app.get(WindowService);
+              const iht = rs.put(this.itemHostTemplate);
+              const parent = rs.put(this);
+              const ns = this.app.resolve(NavigationService);
+              this.previousItem = this.selectedItem;
+              const value = yield ns.openPage(`app://class/${iht.key}`, {
+                "ref:comboBox": parent
+              });
+              this.selectedItem = value;
+            } catch (e) {
+              this.selectedItem = this.previousItem;
+
+              if (e != "cancelled") {
+                console.warn(e);
+              } else {
+                this.searchText = "";
+              }
+            } finally {
+              yield Atom.delay(100);
+              this.isPopupOpen = false;
+            }
+          });
+        }
+
+      });
+
+      AutoCompleteBox.itemTemplate = XNode.prepare("itemTemplate", true, true);
+
+      __decorate([BindableProperty, __metadata("design:type", Object)], AutoCompleteBox.prototype, "selectedItem", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", Object)], AutoCompleteBox.prototype, "value", void 0);
+    }
+  };
+});
+//# sourceMappingURL=AutoCompleteBox.sys.js.map

package/dist/auto-complete/AutoCompleteBox.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["AutoCompleteBox","Atom","Bind","BindableProperty","CancelToken","XNode","NavigationService","ReferenceService","AtomControl","AtomTemplateControl","WindowService","AutoCompleteBoxStyle","ItemHost","KeyCodes","onPropertyChanged","name","onSearchTextChanged","si","selectedItem","vf","valueFunc","value","onUpdateUI","created","openPopup","app","runAsync","__awaiter","delay","render","styleClass","oneWay","controlStyle","isPopupOpen","type","autocomplete","eventFocus","eventClick","twoWays","searchText","placeholder","label","eventKeydown","e","onKey","eventBlur","setTimeout","cancelToken","_a","cancel","class","contentTemplate","itemTemplate","data","hasProperty","test","force","isUpdating","lastSearchText","itemsSource","console","warn","s","c","cancelled","result","search","rp","then","catch","items","replace","ex","first","v1","element","dispatchEvent","CustomEvent","cancelable","bubbles","detail","fx","message","toString","error","preCreate","lastValue","itemHostTemplate","defaultControlStyle","create","key","Enter","windowViewModel","close","Escape","ArrowUp","moveSelection","ArrowDown","n","index","indexOf","length","newIndex","rs","get","ws","iht","put","parent","ns","resolve","previousItem","openPage","prepare","__decorate"],"sourceRoot":"","sources":["../../src/auto-complete/AutoCompleteBox.tsx"],"sourcesContent":[null]}

package/dist/auto-complete/AutoCompleteBoxStyle.sys.js

@@ -0,0 +1,95 @@
+System.register(["@web-atoms/core/dist/web/styles/AtomStyle", "@web-atoms/core/dist/web/styles/StyleBuilder"], function (_export, _context) {
+  "use strict";
+
+  var AtomStyle, StyleBuilder, AutoCompleteBoxStyle;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistWebStylesAtomStyle) {
+      AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
+    }, function (_webAtomsCoreDistWebStylesStyleBuilder) {
+      StyleBuilder = _webAtomsCoreDistWebStylesStyleBuilder.default;
+    }],
+    execute: function () {
+      _export("default", AutoCompleteBoxStyle = class AutoCompleteBoxStyle extends AtomStyle {
+        get theme() {
+          return this.styleSheet;
+        }
+
+        get root() {
+          return {
+            position: "relative",
+            minWidth: "200px",
+            minHeight: "25px",
+            borderRadius: "3px",
+            webkitBorderRadius: "3px",
+            subclasses: {
+              ".popup": this.popup,
+              " .item": this.item,
+              " .selected-item": this.selectedItem,
+              " .item-template": this.itemTemplate,
+              " > input[type=search]": Object.assign(Object.assign({}, StyleBuilder.newStyle.absolute(0, 0).toStyle()), {
+                opacity: "0",
+                zIndex: "100",
+                borderRadius: "3px",
+                webkitBorderRadius: "3px",
+                subclasses: {
+                  ":focus": {}
+                }
+              }),
+              " > div": {
+                zIndex: "1"
+              },
+              ".popup-open": {
+                borderRadius: "3px",
+                webkitBorderRadius: "3px",
+                subclasses: {
+                  " > input[type=search]": {
+                    opacity: "1",
+                    borderRadius: "3px",
+                    webkitBorderRadius: "3px",
+                    webkitAppearance: "none"
+                  },
+                  " > div": {
+                    opacity: "0.3"
+                  }
+                }
+              }
+            }
+          };
+        }
+
+        get popup() {
+          return {
+            overflow: "auto",
+            width: "200px",
+            height: "400px"
+          };
+        }
+
+        get itemTemplate() {
+          return Object.assign(Object.assign({}, StyleBuilder.newStyle.absolute(0, 0).toStyle()), this.item);
+        }
+
+        get item() {
+          return {
+            backgroundColor: this.theme.bgColor,
+            color: this.theme.color,
+            padding: "5px",
+            borderRadius: "5px"
+          };
+        }
+
+        get selectedItem() {
+          return Object.assign(Object.assign({}, this.item), {
+            backgroundColor: this.theme.selectedBgColor,
+            color: this.theme.selectedColor
+          });
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=AutoCompleteBoxStyle.sys.js.map

package/dist/auto-complete/AutoCompleteBoxStyle.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;+BAKqBA,oB;;;;;;MALZC,S,uCAAAA,S;;MAGFC,Y;;;yBAEcF,oB,GAAP,MAAOA,oBAAP,SAAoCC,SAApC,CAA6C;QAEvC,IAALE,KAAK;UACZ,OAAO,KAAKC,UAAZ;QACH;;QAEc,IAAJC,IAAI;UACX,OAAO;YACHC,QAAQ,EAAE,UADP;YAEHC,QAAQ,EAAE,OAFP;YAGHC,SAAS,EAAE,MAHR;YAIHC,YAAY,EAAE,KAJX;YAKHC,kBAAkB,EAAE,KALjB;YAMHC,UAAU,EAAE;cACR,UAAU,KAAKC,KADP;cAER,UAAU,KAAKC,IAFP;cAGR,mBAAmB,KAAKC,YAHhB;cAIR,mBAAmB,KAAKC,YAJhB;cAKR,yBAAuBC,gCACfd,YAAY,CAACe,QAAb,CAAsBC,QAAtB,CAA+B,CAA/B,EAAkC,CAAlC,EAAqCC,OAArC,EADe,GAC+B;gBAClDC,OAAO,EAAE,GADyC;gBAElDC,MAAM,EAAE,KAF0C;gBAGlDZ,YAAY,EAAE,KAHoC;gBAIlDC,kBAAkB,EAAE,KAJ8B;gBAKlDC,UAAU,EAAE;kBACR,UAAU;gBADF;cALsC,CAD/B,CALf;cAiBR,UAAU;gBACNU,MAAM,EAAE;cADF,CAjBF;cAoBR,eAAe;gBACXZ,YAAY,EAAE,KADH;gBAEXC,kBAAkB,EAAE,KAFT;gBAGXC,UAAU,EAAE;kBACR,yBAAyB;oBACrBS,OAAO,EAAE,GADY;oBAErBX,YAAY,EAAE,KAFO;oBAGrBC,kBAAkB,EAAE,KAHC;oBAIrBY,gBAAgB,EAAE;kBAJG,CADjB;kBAOR,UAAU;oBACNF,OAAO,EAAE;kBADH;gBAPF;cAHD;YApBP;UANT,CAAP;QA2CH;;QAEe,IAALR,KAAK;UACZ,OAAO;YACHW,QAAQ,EAAE,MADP;YAEHC,KAAK,EAAE,OAFJ;YAGHC,MAAM,EAAE;UAHL,CAAP;QAKH;;QAEsB,IAAZV,YAAY;UACnB,uCACQb,YAAY,CACXe,QADD,CAECC,QAFD,CAEU,CAFV,EAEa,CAFb,EAGCC,OAHD,EADR,GAKQ,KAAKN,IALb;QAOH;;QAEc,IAAJA,IAAI;UACX,OAAO;YACHa,eAAe,EAAE,KAAKvB,KAAL,CAAWwB,OADzB;YAEHC,KAAK,EAAE,KAAKzB,KAAL,CAAWyB,KAFf;YAGHC,OAAO,EAAE,KAHN;YAIHpB,YAAY,EAAE;UAJX,CAAP;QAMH;;QAEsB,IAAZK,YAAY;UACnB,uCACQ,KAAKD,IADb,GACiB;YACba,eAAe,EAAE,KAAKvB,KAAL,CAAW2B,eADf;YAEbF,KAAK,EAAE,KAAKzB,KAAL,CAAW4B;UAFL,CADjB;QAKH;;MArFsD,C","names":["AutoCompleteBoxStyle","AtomStyle","StyleBuilder","theme","styleSheet","root","position","minWidth","minHeight","borderRadius","webkitBorderRadius","subclasses","popup","item","selectedItem","itemTemplate","Object","newStyle","absolute","toStyle","opacity","zIndex","webkitAppearance","overflow","width","height","backgroundColor","bgColor","color","padding","selectedBgColor","selectedColor"],"sourceRoot":"","sources":["../../src/auto-complete/AutoCompleteBoxStyle.ts"],"sourcesContent":[null]}

package/dist/auto-complete/ItemHost.sys.js

@@ -0,0 +1,46 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/controls/AtomItemsControl", "@web-atoms/core/dist/web/controls/AtomTemplateControl", "./AppComboBoxViewModel"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, AtomControl, AtomItemsControl, AtomTemplateControl, AppComboBoxViewModel, ItemHost;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebControlsAtomItemsControl) {
+      AtomItemsControl = _webAtomsCoreDistWebControlsAtomItemsControl.AtomItemsControl;
+    }, function (_webAtomsCoreDistWebControlsAtomTemplateControl) {
+      AtomTemplateControl = _webAtomsCoreDistWebControlsAtomTemplateControl.AtomTemplateControl;
+    }, function (_AppComboBoxViewModel) {
+      AppComboBoxViewModel = _AppComboBoxViewModel.default;
+    }],
+    execute: function () {
+      _export("default", ItemHost = class ItemHost extends AtomControl {
+        create() {
+          this.viewModel = this.resolve(AppComboBoxViewModel);
+          this.render(XNode.create("div", {
+            styleClass: Bind.oneTime(x => this.viewModel.comboBox.controlStyle.name),
+            styleDisplay: Bind.oneWay(() => this.viewModel.comboBox.items.length ? "" : "none")
+          }, XNode.create(AtomItemsControl, {
+            items: Bind.oneWay(() => this.viewModel.comboBox.items)
+          }, XNode.create(AtomItemsControl.itemTemplate, null, XNode.create(AtomTemplateControl, {
+            styleClass: Bind.oneWay(x => ({
+              "item": x.data !== this.viewModel.comboBox.selectedItem,
+              "selected-item": x.data === this.viewModel.comboBox.selectedItem
+            })),
+            eventClick: Bind.event(x => this.viewModel.close(x.data)),
+            contentTemplate: Bind.oneTime(() => this.viewModel.comboBox.itemTemplate),
+            for: "div"
+          })))));
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=ItemHost.sys.js.map

package/dist/auto-complete/ItemHost.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;6FAOqBA,Q;;;;;;MAPdC,I;;MACAC,K;;MACEC,W,2CAAAA,W;;MACAC,gB,gDAAAA,gB;;MACAC,mB,mDAAAA,mB;;MACFC,oB;;;yBAEcN,Q,GAAP,MAAOA,QAAP,SAAwBG,WAAxB,CAAmC;QAIzCI,MAAM;UAEZ,KAAKC,SAAL,GAAkB,KAAKC,OAAL,CAAaH,oBAAb,CAAlB;UAEA,KAAKI,MAAL,CACAR;YACCS,UAAU,EAAEV,IAAI,CAACW,OAAL,CAAcC,CAAD,IAAO,KAAKL,SAAL,CAAeM,QAAf,CAAwBC,YAAxB,CAAqCC,IAAzD,CADb;YAECC,YAAY,EAAEhB,IAAI,CAACiB,MAAL,CAAY,MAAM,KAAKV,SAAL,CAAeM,QAAf,CAAwBK,KAAxB,CAA8BC,MAA9B,GAAuC,EAAvC,GAA4C,MAA9D;UAFf,GAGClB,aAACE,gBAAD,EAAiB;YAChBe,KAAK,EAAElB,IAAI,CAACiB,MAAL,CAAY,MAAM,KAAKV,SAAL,CAAeM,QAAf,CAAwBK,KAA1C;UADS,CAAjB,EAECjB,aAACE,gBAAgB,CAACiB,YAAlB,EAA8B,IAA9B,EACCnB,aAACG,mBAAD,EAAoB;YACnBM,UAAU,EAAEV,IAAI,CAACiB,MAAL,CAAaL,CAAD,KAAQ;cAC/B,QAAQA,CAAC,CAACS,IAAF,KAAW,KAAKd,SAAL,CAAeM,QAAf,CAAwBS,YADZ;cAE/B,iBAAiBV,CAAC,CAACS,IAAF,KAAW,KAAKd,SAAL,CAAeM,QAAf,CAAwBS;YAFrB,CAAR,CAAZ,CADO;YAKnBC,UAAU,EAAEvB,IAAI,CAACwB,KAAL,CAAYZ,CAAD,IAAO,KAAKL,SAAL,CAAekB,KAAf,CAAsBb,CAAC,CAACS,IAAxB,CAAlB,CALO;YAMnBK,eAAe,EAAE1B,IAAI,CAACW,OAAL,CAAa,MAAM,KAAKJ,SAAL,CAAeM,QAAf,CAAwBO,YAA3C,CANE;YAOnBO,GAAG,EAAC;UAPe,CAApB,CADD,CAFD,CAHD,CADA;QAoBA;;MA5B+C,C","names":["ItemHost","Bind","XNode","AtomControl","AtomItemsControl","AtomTemplateControl","AppComboBoxViewModel","create","viewModel","resolve","render","styleClass","oneTime","x","comboBox","controlStyle","name","styleDisplay","oneWay","items","length","itemTemplate","data","selectedItem","eventClick","event","close","contentTemplate","for"],"sourceRoot":"","sources":["../../src/auto-complete/ItemHost.tsx"],"sourcesContent":[null]}