@web-atoms/web-controls 2.3.4 → 2.3.6

package/dist/form/AtomField.js

@@ -1,2 +1,113 @@
-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/XNode","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/web/controls/AtomControl","./HelpPopup"],function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,AtomBinder,Bind,BindableProperty,XNode,NavigationService,AtomControl,AtomField,inputID;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder;},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistServicesNavigationService){NavigationService=_webAtomsCoreDistServicesNavigationService.NavigationService;},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl;},function(_HelpPopup){_export("HP",_HelpPopup.default);}],execute:function(){inputID=0;_export("default",AtomField=class AtomField extends AtomControl{get hasError(){return this.error?true:false;}get hasHelp(){return this.helpText||this.helpLink?true:false;}onPropertyChanged(name){switch(name){case"helpLink":case"helpText":AtomBinder.refreshValue(this,"hasHelp");break;}}openHelp(){return __awaiter(this,void 0,void 0,function*(){const n=this.app.resolve(NavigationService);if(this.helpText){yield n.openPage("@web-atoms/web-controls/dist/form/HelpPopup",{message:this.helpText});return;}if(this.helpLink){yield n.openPage(this.helpLink);}});}preCreate(){this.label=null;this.error=null;this.helpText=null;this.helpLink=null;this.helpIcon=null;this.required=false;this.visible=true;this.fieldClass="";}render(node,e,creator){this.render=super.render;super.render(XNode.create("div",Object.assign({},node.attributes,{class:Bind.oneWay(()=>({"form-field":1,[this.fieldClass]:this.fieldClass,"has-error":this.error,"field-hidden":!this.visible}))}),XNode.create("label",{class:"label",text:Bind.oneWay(()=>this.label),htmlFor:Bind.oneWay(()=>this.htmlFor)}),XNode.create("span",{class:"required",styleVisibility:Bind.oneTime(()=>this.required?"visible":"hidden")},"*"),XNode.create("div",{class:"presenter"},...node.children),XNode.create("span",{class:"error",styleDisplay:Bind.oneWay(()=>this.error?"":"none"),text:Bind.oneWay(()=>this.error)})));const first=this.element.getElementsByTagName("input")[0];if(first){if(!first.id){first.id=`webAtomsFormFieldInputNumber${inputID++}`;}this.htmlFor=first.id;}}});__decorate([BindableProperty,__metadata("design:type",String)],AtomField.prototype,"icon",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomField.prototype,"label",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomField.prototype,"error",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomField.prototype,"helpText",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomField.prototype,"helpLink",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomField.prototype,"helpIcon",void 0);__decorate([BindableProperty,__metadata("design:type",Boolean)],AtomField.prototype,"required",void 0);__decorate([BindableProperty,__metadata("design:type",Boolean)],AtomField.prototype,"visible",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomField.prototype,"fieldClass",void 0);__decorate([BindableProperty,__metadata("design:type",Object)],AtomField.prototype,"contentPresenter",void 0);__decorate([BindableProperty,__metadata("design:type",Object)],AtomField.prototype,"htmlFor",void 0);}};});
+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/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/web/controls/AtomControl", "./HelpPopup"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, AtomBinder, Bind, BindableProperty, XNode, NavigationService, AtomControl, AtomField, inputID;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistServicesNavigationService) {
+      NavigationService = _webAtomsCoreDistServicesNavigationService.NavigationService;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_HelpPopup) {
+      _export("HP", _HelpPopup.default);
+    }],
+    execute: function () {
+      inputID = 0;
+      _export("default", AtomField = class AtomField extends AtomControl {
+        get hasError() {
+          return this.error ? true : false;
+        }
+        get hasHelp() {
+          return this.helpText || this.helpLink ? true : false;
+        }
+        onPropertyChanged(name) {
+          switch (name) {
+            case "helpLink":
+            case "helpText":
+              AtomBinder.refreshValue(this, "hasHelp");
+              break;
+          }
+        }
+        openHelp() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const n = this.app.resolve(NavigationService);
+            if (this.helpText) {
+              yield n.openPage("@web-atoms/web-controls/dist/form/HelpPopup", {
+                message: this.helpText
+              });
+              return;
+            }
+            if (this.helpLink) {
+              yield n.openPage(this.helpLink);
+            }
+          });
+        }
+        preCreate() {
+          this.label = null;
+          this.error = null;
+          this.helpText = null;
+          this.helpLink = null;
+          this.helpIcon = null;
+          this.required = false;
+          this.visible = true;
+          this.fieldClass = "";
+        }
+        render(node, e, creator) {
+          this.render = super.render;
+          super.render(XNode.create("div", Object.assign({}, node.attributes, {
+            class: Bind.oneWay(() => ({
+              "form-field": 1,
+              [this.fieldClass]: this.fieldClass,
+              "has-error": this.error,
+              "field-hidden": !this.visible
+            }))
+          }), XNode.create("label", {
+            class: "label",
+            text: Bind.oneWay(() => this.label),
+            htmlFor: Bind.oneWay(() => this.htmlFor)
+          }), XNode.create("span", {
+            class: "required",
+            styleVisibility: Bind.oneTime(() => this.required ? "visible" : "hidden")
+          }, "*"), XNode.create("div", {
+            class: "presenter"
+          }, ...node.children), XNode.create("span", {
+            class: "error",
+            styleDisplay: Bind.oneWay(() => this.error ? "" : "none"),
+            text: Bind.oneWay(() => this.error)
+          })));
+          const first = this.element.getElementsByTagName("input")[0];
+          if (first) {
+            if (!first.id) {
+              first.id = `webAtomsFormFieldInputNumber${inputID++}`;
+            }
+            this.htmlFor = first.id;
+          }
+        }
+      });
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomField.prototype, "icon", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomField.prototype, "label", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomField.prototype, "error", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomField.prototype, "helpText", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomField.prototype, "helpLink", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomField.prototype, "helpIcon", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Boolean)], AtomField.prototype, "required", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Boolean)], AtomField.prototype, "visible", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomField.prototype, "fieldClass", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Object)], AtomField.prototype, "contentPresenter", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Object)], AtomField.prototype, "htmlFor", void 0);
+    }
+  };
+});
 //# sourceMappingURL=AtomField.js.map

package/dist/form/AtomField.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["AtomField","AtomBinder","Bind","BindableProperty","XNode","NavigationService","AtomControl","default","inputID","hasError","error","hasHelp","helpText","helpLink","onPropertyChanged","name","refreshValue","openHelp","n","app","resolve","openPage","message","preCreate","label","helpIcon","required","visible","fieldClass","render","node","e","creator","attributes","class","oneWay","text","htmlFor","styleVisibility","oneTime","children","styleDisplay","first","element","getElementsByTagName","id","__decorate"],"sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":"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","names":["AtomField","AtomBinder","Bind","BindableProperty","XNode","NavigationService","AtomControl","default","inputID","hasError","error","hasHelp","helpText","helpLink","onPropertyChanged","name","refreshValue","openHelp","n","app","resolve","openPage","message","preCreate","label","helpIcon","required","visible","fieldClass","render","node","e","creator","attributes","class","oneWay","text","htmlFor","styleVisibility","oneTime","children","styleDisplay","first","element","getElementsByTagName","id","__decorate"],"sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"sourcesContent":[null]}

package/dist/form/AtomForm.js

@@ -1,2 +1,103 @@
-System.register(["@web-atoms/core/dist/core/AtomBridge","@web-atoms/core/dist/web/controls/AtomControl","./AtomFormStyle"],function(_export,_context){"use strict";var AtomBridge,AtomControl,AtomFormStyle,AtomForm;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreAtomBridge){AtomBridge=_webAtomsCoreDistCoreAtomBridge.AtomBridge;},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl;},function(_AtomFormStyle){AtomFormStyle=_AtomFormStyle.default;}],execute:function(){_export("default",AtomForm=class AtomForm extends AtomControl{constructor(){super(...arguments);this.focusNextOnEnter=/mobile/i.test(navigator.userAgent);}preCreate(){super.preCreate();this.defaultControlStyle=AtomFormStyle;this.runAfterInit(()=>{this.element.classList.add(this.controlStyle.name);this.app.callLater(()=>{AtomBridge.instance.refreshInherited(this,"viewModel");AtomBridge.instance.refreshInherited(this,"localViewModel");AtomBridge.instance.refreshInherited(this,"data");});this.watchKeyInput();});}watchKeyInput(){this.bindEvent(this.element,"keypress",e=>{this.onKeyPress(e);});}onKeyPress(e){if(!this.focusNextOnEnter){return;}const target=e.target;if(!/input/i.test(target.tagName)){return;}const input=target;if(e.keyCode===13){if(/submit/i.test(input.className)){this.fireSubmitEvent(input);return;}const next=this.focusNextInput(target);if(next){next.focus();}else{this.fireSubmitEvent(input);}}}fireSubmitEvent(target){target.dispatchEvent(new Event("change"));this.app.callLater(()=>{const e=new CustomEvent("submit",{bubbles:false,cancelable:false});this.element.dispatchEvent(e);});}focusNextInput(target){let found=false;let result=null;function find(e){if(result){return;}const isText=/input|textarea/i.test(e.tagName);if(found){if(isText){result=e;return;}}if(e===target){found=true;}const child=e.firstElementChild;if(child){find(child);}const next=e.nextElementSibling;if(next){find(next);}}find(document.body);return result;}});}};});
+System.register(["@web-atoms/core/dist/core/AtomBridge", "@web-atoms/core/dist/web/controls/AtomControl", "./AtomFormStyle"], function (_export, _context) {
+  "use strict";
+
+  var AtomBridge, AtomControl, AtomFormStyle, AtomForm;
+  _export("default", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreAtomBridge) {
+      AtomBridge = _webAtomsCoreDistCoreAtomBridge.AtomBridge;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_AtomFormStyle) {
+      AtomFormStyle = _AtomFormStyle.default;
+    }],
+    execute: function () {
+      _export("default", AtomForm = class AtomForm extends AtomControl {
+        constructor() {
+          super(...arguments);
+          this.focusNextOnEnter = /mobile/i.test(navigator.userAgent);
+        }
+        preCreate() {
+          super.preCreate();
+          this.defaultControlStyle = AtomFormStyle;
+          this.runAfterInit(() => {
+            this.element.classList.add(this.controlStyle.name);
+            this.app.callLater(() => {
+              AtomBridge.instance.refreshInherited(this, "viewModel");
+              AtomBridge.instance.refreshInherited(this, "localViewModel");
+              AtomBridge.instance.refreshInherited(this, "data");
+            });
+            this.watchKeyInput();
+          });
+        }
+        watchKeyInput() {
+          this.bindEvent(this.element, "keypress", e => {
+            this.onKeyPress(e);
+          });
+        }
+        onKeyPress(e) {
+          if (!this.focusNextOnEnter) {
+            return;
+          }
+          const target = e.target;
+          if (!/input/i.test(target.tagName)) {
+            return;
+          }
+          const input = target;
+          if (e.keyCode === 13) {
+            if (/submit/i.test(input.className)) {
+              this.fireSubmitEvent(input);
+              return;
+            }
+            const next = this.focusNextInput(target);
+            if (next) {
+              next.focus();
+            } else {
+              this.fireSubmitEvent(input);
+            }
+          }
+        }
+        fireSubmitEvent(target) {
+          target.dispatchEvent(new Event("change"));
+          this.app.callLater(() => {
+            const e = new CustomEvent("submit", {
+              bubbles: false,
+              cancelable: false
+            });
+            this.element.dispatchEvent(e);
+          });
+        }
+        focusNextInput(target) {
+          let found = false;
+          let result = null;
+          function find(e) {
+            if (result) {
+              return;
+            }
+            const isText = /input|textarea/i.test(e.tagName);
+            if (found) {
+              if (isText) {
+                result = e;
+                return;
+              }
+            }
+            if (e === target) {
+              found = true;
+            }
+            const child = e.firstElementChild;
+            if (child) {
+              find(child);
+            }
+            const next = e.nextElementSibling;
+            if (next) {
+              find(next);
+            }
+          }
+          find(document.body);
+          return result;
+        }
+      });
+    }
+  };
+});
 //# sourceMappingURL=AtomForm.js.map

package/dist/form/AtomForm.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["AtomForm","AtomBridge","AtomControl","AtomFormStyle","constructor","test","navigator","userAgent","preCreate","defaultControlStyle","runAfterInit","element","classList","add","controlStyle","name","app","callLater","instance","refreshInherited","watchKeyInput","bindEvent","e","onKeyPress","focusNextOnEnter","target","tagName","input","keyCode","className","fireSubmitEvent","next","focusNextInput","focus","dispatchEvent","Event","CustomEvent","bubbles","cancelable","found","result","find","isText","child","firstElementChild","nextElementSibling","document","body"],"sourceRoot":"","sources":["../../src/form/AtomForm.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":"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","names":["AtomForm","AtomBridge","AtomControl","AtomFormStyle","constructor","test","navigator","userAgent","preCreate","defaultControlStyle","runAfterInit","element","classList","add","controlStyle","name","app","callLater","instance","refreshInherited","watchKeyInput","bindEvent","e","onKeyPress","focusNextOnEnter","target","tagName","input","keyCode","className","fireSubmitEvent","next","focusNextInput","focus","dispatchEvent","Event","CustomEvent","bubbles","cancelable","found","result","find","isText","child","firstElementChild","nextElementSibling","document","body"],"sourceRoot":"","sources":["../../src/form/AtomForm.ts"],"sourcesContent":[null]}

package/dist/form/AtomFormGroup.js

@@ -1,2 +1,17 @@
-System.register(["./AtomForm"],function(_export,_context){"use strict";var AtomForm,AtomFormGroup;_export("default",void 0);return{setters:[function(_AtomForm){AtomForm=_AtomForm.default;}],execute:function(){_export("default",AtomFormGroup=class AtomFormGroup extends AtomForm{watchKeyInput(){}});}};});
+System.register(["./AtomForm"], function (_export, _context) {
+  "use strict";
+
+  var AtomForm, AtomFormGroup;
+  _export("default", void 0);
+  return {
+    setters: [function (_AtomForm) {
+      AtomForm = _AtomForm.default;
+    }],
+    execute: function () {
+      _export("default", AtomFormGroup = class AtomFormGroup extends AtomForm {
+        watchKeyInput() {}
+      });
+    }
+  };
+});
 //# sourceMappingURL=AtomFormGroup.js.map

package/dist/form/AtomFormGroup.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"oFAGqBA,aAAc,+DAF5BC,QAAQ,2DAEMD,aAAc,CAArB,KAAOA,cAAc,QAAQC,SAAQ,CAErCC,aAAa,GAGvB,EACH","names":["AtomFormGroup","AtomForm","watchKeyInput"],"sourceRoot":"","sources":["../../src/form/AtomFormGroup.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;gBAGqBA,aAAc;EAAA;EAAA;IAAA;MAF5BC,QAAQ;IAAA;IAAA;MAAA,mBAEMD,aAAc,GAArB,MAAOA,aAAc,SAAQC,QAAQ;QAErCC,aAAa,IAGvB;OACH;IAAA;EAAA;AAAA","names":["AtomFormGroup","AtomForm","watchKeyInput"],"sourceRoot":"","sources":["../../src/form/AtomFormGroup.ts"],"sourcesContent":[null]}

package/dist/form/AtomFormStyle.js

@@ -1,2 +1,73 @@
-System.register(["@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/web/styles/AtomStyle"],function(_export,_context){"use strict";var Colors,AtomStyle,AtomFormStyle;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistWebStylesAtomStyle){AtomStyle=_webAtomsCoreDistWebStylesAtomStyle.AtomStyle;}],execute:function(){_export("default",AtomFormStyle=class AtomFormStyle extends AtomStyle{get root(){return{subclasses:{" > .form-field":this.field}};}get field(){return{subclasses:{".has-error":{backgroundColor:Colors.red.withAlphaPercent(0.1)},".field-hidden":{display:"none"}," > .help":{marginLeft:"5px",borderRadius:"50%",display:"inline-block",width:"10px",height:"10px",padding:"3px",textAlign:"center",color:Colors.white,backgroundColor:Colors.limeGreen,cursor:"pointer",fontSize:"70%"}," > .label":{fontSize:"70%",verticalAlign:"top"}," > .required":{fontSize:"70%",color:Colors.red,verticalAlign:"top"}," > .presenter":{display:"block",clear:"both"}," > .error":{display:"inline-block",clear:"both",color:Colors.white,backgroundColor:Colors.red,fontWeight:"bold",padding:"3px",borderRadius:"3px",fontSize:"70%"}}};}});}};});
+System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/web/styles/AtomStyle"], function (_export, _context) {
+  "use strict";
+
+  var Colors, AtomStyle, AtomFormStyle;
+  _export("default", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistWebStylesAtomStyle) {
+      AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
+    }],
+    execute: function () {
+      _export("default", AtomFormStyle = class AtomFormStyle extends AtomStyle {
+        get root() {
+          return {
+            subclasses: {
+              " > .form-field": this.field
+            }
+          };
+        }
+        get field() {
+          return {
+            subclasses: {
+              ".has-error": {
+                backgroundColor: Colors.red.withAlphaPercent(0.1)
+              },
+              ".field-hidden": {
+                display: "none"
+              },
+              " > .help": {
+                marginLeft: "5px",
+                borderRadius: "50%",
+                display: "inline-block",
+                width: "10px",
+                height: "10px",
+                padding: "3px",
+                textAlign: "center",
+                color: Colors.white,
+                backgroundColor: Colors.limeGreen,
+                cursor: "pointer",
+                fontSize: "70%"
+              },
+              " > .label": {
+                fontSize: "70%",
+                verticalAlign: "top"
+              },
+              " > .required": {
+                fontSize: "70%",
+                color: Colors.red,
+                verticalAlign: "top"
+              },
+              " > .presenter": {
+                display: "block",
+                clear: "both"
+              },
+              " > .error": {
+                display: "inline-block",
+                clear: "both",
+                color: Colors.white,
+                backgroundColor: Colors.red,
+                fontWeight: "bold",
+                padding: "3px",
+                borderRadius: "3px",
+                fontSize: "70%"
+              }
+            }
+          };
+        }
+      });
+    }
+  };
+});
 //# sourceMappingURL=AtomFormStyle.js.map

package/dist/form/AtomFormStyle.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"8JAIqBA,aAAc,iFAJ5BC,MAAqB,qFACnBC,SAAS,qCAATA,SAAS,yCAGGF,aAAc,CAArB,KAAOA,cAAc,QAAQE,UAAS,CAEhD,GAAWC,KAAI,GACX,MAAO,CACHC,UAAU,CAAE,CACR,gBAAgB,CAAE,IAAI,CAACC,OAE9B,CACL,CAEA,GAAWA,MAAK,GACZ,MAAO,CACHD,UAAU,CAAE,CACR,YAAY,CAAE,CACVE,eAAe,CAAEL,MAAM,CAACM,GAAG,CAACC,gBAAgB,CAAC,GAAG,EACnD,CACD,eAAe,CAAE,CACbC,OAAO,CAAE,OACZ,CACD,UAAU,CAAE,CACRC,UAAU,CAAE,KAAK,CACjBC,YAAY,CAAE,KAAK,CACnBF,OAAO,CAAE,cAAc,CACvBG,KAAK,CAAE,MAAM,CACbC,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,KAAK,CACdC,SAAS,CAAE,QAAQ,CACnBC,KAAK,CAAEf,MAAM,CAACgB,KAAK,CACnBX,eAAe,CAAEL,MAAM,CAACiB,SAAS,CACjCC,MAAM,CAAE,SAAS,CACjBC,QAAQ,CAAE,MACb,CACD,WAAW,CAAE,CACTA,QAAQ,CAAE,KAAK,CACfC,aAAa,CAAE,MAClB,CACD,cAAc,CAAE,CACZD,QAAQ,CAAE,KAAK,CACfJ,KAAK,CAAEf,MAAM,CAACM,GAAG,CACjBc,aAAa,CAAE,MAClB,CACD,eAAe,CAAE,CACbZ,OAAO,CAAE,OAAO,CAChBa,KAAK,CAAE,OACV,CACD,WAAW,CAAE,CACTb,OAAO,CAAE,cAAc,CACvBa,KAAK,CAAE,MAAM,CACbN,KAAK,CAAEf,MAAM,CAACgB,KAAK,CACnBX,eAAe,CAAEL,MAAM,CAACM,GAAG,CAC3BgB,UAAU,CAAE,MAAM,CAClBT,OAAO,CAAE,KAAK,CACdH,YAAY,CAAE,KAAK,CACnBS,QAAQ,CAAE,QAGrB,CACL,EAEH","names":["AtomFormStyle","Colors","AtomStyle","root","subclasses","field","backgroundColor","red","withAlphaPercent","display","marginLeft","borderRadius","width","height","padding","textAlign","color","white","limeGreen","cursor","fontSize","verticalAlign","clear","fontWeight"],"sourceRoot":"","sources":["../../src/form/AtomFormStyle.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;yBAIqBA,aAAc;EAAA;EAAA;IAAA;MAJ5BC,MAAqB;IAAA;MACnBC,SAAS,uCAATA,SAAS;IAAA;IAAA;MAAA,mBAGGF,aAAc,GAArB,MAAOA,aAAc,SAAQE,SAAS;QAEhD,IAAWC,IAAI;UACX,OAAO;YACHC,UAAU,EAAE;cACR,gBAAgB,EAAE,IAAI,CAACC;;WAE9B;QACL;QAEA,IAAWA,KAAK;UACZ,OAAO;YACHD,UAAU,EAAE;cACR,YAAY,EAAE;gBACVE,eAAe,EAAEL,MAAM,CAACM,GAAG,CAACC,gBAAgB,CAAC,GAAG;eACnD;cACD,eAAe,EAAE;gBACbC,OAAO,EAAE;eACZ;cACD,UAAU,EAAE;gBACRC,UAAU,EAAE,KAAK;gBACjBC,YAAY,EAAE,KAAK;gBACnBF,OAAO,EAAE,cAAc;gBACvBG,KAAK,EAAE,MAAM;gBACbC,MAAM,EAAE,MAAM;gBACdC,OAAO,EAAE,KAAK;gBACdC,SAAS,EAAE,QAAQ;gBACnBC,KAAK,EAAEf,MAAM,CAACgB,KAAK;gBACnBX,eAAe,EAAEL,MAAM,CAACiB,SAAS;gBACjCC,MAAM,EAAE,SAAS;gBACjBC,QAAQ,EAAE;eACb;cACD,WAAW,EAAE;gBACTA,QAAQ,EAAE,KAAK;gBACfC,aAAa,EAAE;eAClB;cACD,cAAc,EAAE;gBACZD,QAAQ,EAAE,KAAK;gBACfJ,KAAK,EAAEf,MAAM,CAACM,GAAG;gBACjBc,aAAa,EAAE;eAClB;cACD,eAAe,EAAE;gBACbZ,OAAO,EAAE,OAAO;gBAChBa,KAAK,EAAE;eACV;cACD,WAAW,EAAE;gBACTb,OAAO,EAAE,cAAc;gBACvBa,KAAK,EAAE,MAAM;gBACbN,KAAK,EAAEf,MAAM,CAACgB,KAAK;gBACnBX,eAAe,EAAEL,MAAM,CAACM,GAAG;gBAC3BgB,UAAU,EAAE,MAAM;gBAClBT,OAAO,EAAE,KAAK;gBACdH,YAAY,EAAE,KAAK;gBACnBS,QAAQ,EAAE;;;WAGrB;QACL;OAEH;IAAA;EAAA;AAAA","names":["AtomFormStyle","Colors","AtomStyle","root","subclasses","field","backgroundColor","red","withAlphaPercent","display","marginLeft","borderRadius","width","height","padding","textAlign","color","white","limeGreen","cursor","fontSize","verticalAlign","clear","fontWeight"],"sourceRoot":"","sources":["../../src/form/AtomFormStyle.ts"],"sourcesContent":[null]}

package/dist/form/HelpPopup.js

@@ -1,2 +1,27 @@
-System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl"],function(_export,_context){"use strict";var Bind,XNode,AtomControl,HelpPopup;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl;}],execute:function(){_export("default",HelpPopup=class HelpPopup extends AtomControl{create(){this.render(XNode.create("div",{style:"padding:10px; margin:5px; border: 1px solid lightgray; background-color: white; border-radius: 5px;"},XNode.create("span",{text:Bind.oneWay(()=>this.viewModel.message)})));}});}};});
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, AtomControl, HelpPopup;
+  _export("default", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }],
+    execute: function () {
+      _export("default", HelpPopup = class HelpPopup extends AtomControl {
+        create() {
+          this.render(XNode.create("div", {
+            style: "padding:10px; margin:5px; border: 1px solid lightgray; background-color: white; border-radius: 5px;"
+          }, XNode.create("span", {
+            text: Bind.oneWay(() => this.viewModel.message)
+          })));
+        }
+      });
+    }
+  };
+});
 //# sourceMappingURL=HelpPopup.js.map

package/dist/form/HelpPopup.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"wMAIqBA,SAAU,+EAJxBC,IAAI,0EACJC,KAAK,wFACJC,WAAW,yCAAXA,WAAW,yCAEEH,SAAU,CAAjB,KAAOA,UAAU,QAAQG,YAAW,CAE1CC,MAAM,GAEZ,IAAI,CAACC,MAAM,CACXH,oBACCI,KAAK,CAAC,qGAAqG,EAC3GJ,qBAAMK,IAAI,CAAEN,IAAI,CAACO,MAAM,CAAC,IAAM,IAAI,CAACC,SAAS,CAACC,OAAO,CAAC,EAAS,CACzD,CAAC,CACR,EACA","names":["HelpPopup","Bind","XNode","AtomControl","create","render","style","text","oneWay","viewModel","message"],"sourceRoot":"","sources":["../../src/form/HelpPopup.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;gCAIqBA,SAAU;EAAA;EAAA;IAAA;MAJxBC,IAAI;IAAA;MACJC,KAAK;IAAA;MACJC,WAAW,2CAAXA,WAAW;IAAA;IAAA;MAAA,mBAEEH,SAAU,GAAjB,MAAOA,SAAU,SAAQG,WAAW;QAE1CC,MAAM;UAEZ,IAAI,CAACC,MAAM,CACXH;YACCI,KAAK,EAAC;UAAqG,GAC3GJ;YAAMK,IAAI,EAAEN,IAAI,CAACO,MAAM,CAAC,MAAM,IAAI,CAACC,SAAS,CAACC,OAAO;UAAC,EAAS,CACzD,CAAC;QACR;OACA;IAAA;EAAA;AAAA","names":["HelpPopup","Bind","XNode","AtomControl","create","render","style","text","oneWay","viewModel","message"],"sourceRoot":"","sources":["../../src/form/HelpPopup.tsx"],"sourcesContent":[null]}