@web-atoms/web-controls 2.1.2 → 2.1.6

package/dist/calendar/res/SRCalendar.js

@@ -47,7 +47,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
         }
     };
     SRCalendar = __decorate([
-        DISingleton_1.default({
+        (0, DISingleton_1.default)({
             inject: "./{lang}/SRCalendar"
         })
     ], SRCalendar);

package/dist/calendar/res/SRCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SRCalendar.js","sourceRoot":"","sources":["../../../src/calendar/res/SRCalendar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;IAAA,qEAA8D;IAK9D,IAA8B,UAAU,GAAxC,MAA8B,UAAU;QAAxC;YAEW,cAAS,GAAG;gBACf,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC7B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC1B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC1B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC;gBACxB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;gBACzB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;gBACzB,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC3B,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC9B,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;gBAC9B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;aACjC,CAAC;YAEK,aAAQ,GAAG;gBACd,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;aACjC,CAAC;QAKN,CAAC;QAJU,WAAW,CAAC,CAAO;YACtB,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;KAEJ,CAAA;IA9B6B,UAAU;QAHvC,qBAAW,CAAC;YACT,MAAM,EAAE,qBAAqB;SAChC,CAAC;OAC4B,UAAU,CA8BvC;sBA9B6B,UAAU"}
+{"version":3,"file":"SRCalendar.js","sourceRoot":"","sources":["../../../src/calendar/res/SRCalendar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;IAAA,qEAA8D;IAK9D,IAA8B,UAAU,GAAxC,MAA8B,UAAU;QAAxC;YAEW,cAAS,GAAG;gBACf,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC7B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC1B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC1B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC;gBACxB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;gBACzB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAC;gBACzB,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC3B,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC9B,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC5B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;gBAC9B,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAC;aACjC,CAAC;YAEK,aAAQ,GAAG;gBACd,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;aACjC,CAAC;QAKN,CAAC;QAJU,WAAW,CAAC,CAAO;YACtB,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;KAEJ,CAAA;IA9B6B,UAAU;QAHvC,IAAA,qBAAW,EAAC;YACT,MAAM,EAAE,qBAAqB;SAChC,CAAC;OAC4B,UAAU,CA8BvC;sBA9B6B,UAAU"}

package/dist/data-grid/AtomDataGrid.js

@@ -45,10 +45,10 @@ var __metadata = (this && this.__metadata) || function (k, v) {
             });
             this.localViewModel = this.resolve(AtomDataGridViewModel_1.default, "owner");
             this.runAfterInit(() => {
-                this.itemTemplate = GridTemplate_1.default(this, "dataTemplate", "td");
+                this.itemTemplate = (0, GridTemplate_1.default)(this, "dataTemplate", "td");
                 const table = document.createElement("table");
                 this.element.append(table);
-                const headerTemplate = GridTemplate_1.default(this, "headerTemplate", "th");
+                const headerTemplate = (0, GridTemplate_1.default)(this, "headerTemplate", "th");
                 const headRow = new (headerTemplate)(this.app, document.createElement("tr"));
                 headRow.data = this;
                 const head = document.createElement("thead");

package/dist/data-grid/AtomDataGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"AtomDataGrid.js","sourceRoot":"","sources":["../../src/data-grid/AtomDataGrid.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;IAAA,iFAA4E;IAC5E,yFAAoF;IACpF,6CAAsC;IACtC,2DAAoD;IACpD,mEAA4D;IAC5D,iDAA0C;IAG1C,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC;IACvC,MAAqB,YAAa,SAAQ,mCAAgB;QAOtD,YAAY,GAAQ,EAAE,CAAO;YACzB,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACnD,CAAC;QAEM,MAAM,CAAC,CAAC;YACX,IAAI,CAAC,YAAY,oBAAU,EAAE;gBACzB,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;gBAC9C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACV,OAAO,IAAI,CAAC;aACf;YACD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;QAEM,SAAS;YAEZ,IAAI,CAAE,OAAO,GAAI,IAAI,CAAE;YACvB,IAAI,CAAC,mBAAmB,GAAG,2BAAiB,CAAC;YAE7C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;gBACnB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACpD,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,cAAc,GAAI,IAAI,CAAC,OAAO,CAAC,+BAAqB,EAAE,OAAO,CAAC,CAAE;YAErE,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;gBAEnB,IAAI,CAAC,YAAY,GAAG,sBAAY,CAAC,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;gBAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAE9C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAE3B,MAAM,cAAc,GAAG,sBAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC;gBAClE,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC7E,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;gBACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC7C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;gBAClC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAExB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC7C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;gBAC3B,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACP,CAAC;;IAjDD,0CAA0C;IACnB,mBAAM,GAAG,UAAU,CAAE;IAG5C;QADC,mCAAgB;;iDACQ;IAL7B,+BAmDC"}
+{"version":3,"file":"AtomDataGrid.js","sourceRoot":"","sources":["../../src/data-grid/AtomDataGrid.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;IAAA,iFAA4E;IAC5E,yFAAoF;IACpF,6CAAsC;IACtC,2DAAoD;IACpD,mEAA4D;IAC5D,iDAA0C;IAG1C,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC;IACvC,MAAqB,YAAa,SAAQ,mCAAgB;QAOtD,YAAY,GAAQ,EAAE,CAAO;YACzB,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACnD,CAAC;QAEM,MAAM,CAAC,CAAC;YACX,IAAI,CAAC,YAAY,oBAAU,EAAE;gBACzB,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;gBAC9C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACV,OAAO,IAAI,CAAC;aACf;YACD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;QAEM,SAAS;YAEZ,IAAI,CAAE,OAAO,GAAI,IAAI,CAAE;YACvB,IAAI,CAAC,mBAAmB,GAAG,2BAAiB,CAAC;YAE7C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;gBACnB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACpD,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,cAAc,GAAI,IAAI,CAAC,OAAO,CAAC,+BAAqB,EAAE,OAAO,CAAC,CAAE;YAErE,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;gBAEnB,IAAI,CAAC,YAAY,GAAG,IAAA,sBAAY,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;gBAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAE9C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAE3B,MAAM,cAAc,GAAG,IAAA,sBAAY,EAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC;gBAClE,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC7E,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;gBACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC7C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;gBAClC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAExB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC7C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;gBAC3B,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACP,CAAC;;IAjDD,0CAA0C;IACnB,mBAAM,GAAG,UAAU,CAAE;IAG5C;QADC,mCAAgB;;iDACQ;IAL7B,+BAmDC"}

package/dist/form/AtomField.d.ts

@@ -31,6 +31,7 @@ export interface IFieldAttributes {
     visible?: any;
     fieldClass?: any;
     baseClass?: IClassOf<AtomFieldControl>;
+    [key: string]: any;
 }
-export default function AtomField({ label, error, helpText, helpLink, helpIcon, required, visible, fieldClass, baseClass: controlClass }: IFieldAttributes, child: XNode): any;
+export default function AtomField(attributes: IFieldAttributes, ...children: XNode[]): any;
 //# sourceMappingURL=AtomField.d.ts.map

package/dist/form/AtomField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AtomField.d.ts","sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AAI5C,cAAM,gBAAiB,SAAQ,WAAW;IAG/B,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,UAAU,EAAE,MAAM,CAAC;IAGnB,OAAO,EAAE,GAAG,CAAC;IAEpB,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,OAAO,IAAI,OAAO,CAE5B;IAGD,SAAS,CAAC,gBAAgB,EAAE,GAAG,CAAC;IAGhC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC;IAEhB,iBAAiB,CAAC,IAAI,EAAE,MAAM,gBAAgB,GAAG,IAAI;IAmC/C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAiBtC,SAAS,CAAC,SAAS;CAqCtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,MAAC;IACP,KAAK,CAAC,MAAC;IACP,QAAQ,CAAC,MAAC;IACV,QAAQ,CAAC,MAAC;IACV,QAAQ,CAAC,MAAC;IACV,QAAQ,CAAC,MAAC;IACV,OAAO,CAAC,MAAC;IACT,UAAU,CAAC,MAAC;IACZ,SAAS,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAc,EACd,UAAiB,EACjB,SAAS,EAAE,YAA+B,EAC7C,EAAE,gBAAgB,EAAe,KAAK,EAAE,KAAK,OAa7C"}
+{"version":3,"file":"AtomField.d.ts","sourceRoot":"","sources":["../../src/form/AtomField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AAI5C,cAAM,gBAAiB,SAAQ,WAAW;IAG/B,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,UAAU,EAAE,MAAM,CAAC;IAGnB,OAAO,EAAE,GAAG,CAAC;IAEpB,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,OAAO,IAAI,OAAO,CAE5B;IAGD,SAAS,CAAC,gBAAgB,EAAE,GAAG,CAAC;IAGhC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC;IAEhB,iBAAiB,CAAC,IAAI,EAAE,MAAM,gBAAgB,GAAG,IAAI;IAyC/C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAiBtC,SAAS,CAAC,SAAS;CAqCtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,MAAC;IACP,KAAK,CAAC,MAAC;IACP,QAAQ,CAAC,MAAC;IACV,QAAQ,CAAC,MAAC;IACV,QAAQ,CAAC,MAAC;IACV,QAAQ,CAAC,MAAC;IACV,OAAO,CAAC,MAAC;IACT,UAAU,CAAC,MAAC;IACZ,SAAS,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,UAAU,EAAE,gBAAgB,EAAE,GAAI,QAAQ,EAAE,KAAK,EAAE,OAQrF"}

package/dist/form/AtomField.js

@@ -45,7 +45,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
             return (this.helpText || this.helpLink) ? true : false;
         }
         onPropertyChanged(name) {
-            var _a, _b;
+            var _a;
             switch (name) {
                 case "error":
                     AtomBinder_1.AtomBinder.refreshValue(this, "hasError");
@@ -60,21 +60,27 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
                         return;
                     }
                     this.removeAllChildren(this.contentPresenter);
-                    const e = (_b = (_a = this.content) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : this.content;
-                    if (!e) {
+                    const content = this.content;
+                    if (!content) {
                         return;
                     }
-                    if (typeof e === "string") {
-                        this.contentPresenter.appendChild(document.createTextNode(e));
-                        return;
-                    }
-                    this.contentPresenter.appendChild(e);
-                    const input = e.tagName === "INPUT" ? e : e.getElementsByTagName("input")[0];
-                    if (input) {
-                        if (!input.id) {
-                            input.id = `__ID__formElementInput${inputID++}`;
+                    for (const iterator of content) {
+                        const e = (_a = iterator === null || iterator === void 0 ? void 0 : iterator.element) !== null && _a !== void 0 ? _a : iterator;
+                        if (!e) {
+                            continue;
+                        }
+                        if (typeof e === "string") {
+                            this.contentPresenter.appendChild(document.createTextNode(e));
+                            return;
+                        }
+                        this.contentPresenter.appendChild(e);
+                        const input = e.tagName === "INPUT" ? e : e.getElementsByTagName("input")[0];
+                        if (input) {
+                            if (!input.id) {
+                                input.id = `__ID__formElementInput${inputID++}`;
+                            }
+                            this.htmlFor = input.id;
                         }
-                        this.htmlFor = input.id;
                     }
                     break;
             }
@@ -167,9 +173,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         BindableProperty_1.BindableProperty,
         __metadata("design:type", Object)
     ], AtomFieldControl.prototype, "htmlFor", void 0);
-    function AtomField({ label, error, helpText, helpLink, helpIcon, required, visible = true, fieldClass = null, baseClass: controlClass = AtomFieldControl }, child) {
-        const ControlClass = controlClass;
-        return XNode_1.default.create(ControlClass, { label: label, error: error, helpIcon: helpIcon, helpLink: helpLink, helpText: helpText, required: required, visible: visible, fieldClass: fieldClass, content: child });
+    function AtomField(attributes, ...children) {
+        var _a, _b, _c;
+        const ControlClass = (_a = attributes.baseClass) !== null && _a !== void 0 ? _a : AtomFieldControl;
+        (_b = attributes.visible) !== null && _b !== void 0 ? _b : (attributes.visible = true);
+        (_c = attributes.fieldClass) !== null && _c !== void 0 ? _c : (attributes.fieldClass = null);
+        return XNode_1.default.create(ControlClass, Object.assign({}, attributes, { content: children }));
     }
     exports.default = AtomField;
 });

package/dist/form/AtomField.js.map

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

package/dist/mobile/pages/PageFrameViewModel.js

@@ -138,7 +138,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         __metadata("design:type", NavigationService_1.NavigationService)
     ], PageFrameViewModel.prototype, "navigationService", void 0);
     __decorate([
-        AtomViewModel_1.Receive("root-page-go-back"),
+        (0, AtomViewModel_1.Receive)("root-page-go-back"),
         __metadata("design:type", Function),
         __metadata("design:paramtypes", []),
         __metadata("design:returntype", Promise)

package/dist/mobile/pages/PageFrameViewModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageFrameViewModel.js","sourceRoot":"","sources":["../../../src/mobile/pages/PageFrameViewModel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA,oDAAiD;IACjD,qEAAkE;IAClE,+DAA4D;IAC5D,2DAA8D;IAC9D,2DAAwD;IACxD,uFAAoF;IACpF,iFAA8F;IAI9F,MAAqB,kBAAmB,SAAQ,6BAAa;QAA7D;;YAEW,UAAK,GAAQ,IAAI,CAAC;YAUlB,UAAK,GAAW,aAAa,CAAC;QAwGzC,CAAC;QA/GG,IAAW,SAAS;YAChB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACb,OAAO,KAAK,CAAC;aAChB;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,CAAC;QAUD,IAAW,GAAG;YACV,OAAO,IAAI,CAAC,IAAI,CAAC;QACrB,CAAC;QACD,IAAW,GAAG,CAAC,KAAa;YACxB,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,EAAE;gBACrB,OAAO;aACV;YACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAE1B,IAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,EAAE;gBAClC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC;gBAC9B,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;aAClE;YAED,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QAEY,IAAI;;gBACb,MAAM,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACpB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;oBAClB,OAAO;iBACV;gBACD,kDAAkD;gBAElD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;oBAChB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;oBACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;oBAC3B,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;iBAClE;qBAAM;oBACH,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBACtF,IAAI,GAAG,EAAE;wBACL,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;qBAC7B;iBACJ;gBAED,+BAA+B;gBAC9B,IAAI,CAAC,KAAqB,CAAC,SAAS,CACjC,MAAa,EACb,UAAU,EACV,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;YACjC,CAAC;SAAA;QAGY,SAAS;;gBAElB,IAAI,IAAI,CAAC,WAAW,EAAE;oBAClB,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;oBAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;oBACxB,OAAO;iBACV;gBAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE;oBACjD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;oBACnC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE;wBACxB,MAAM,CAAC,CAAC;qBACX;oBACD,UAAU,CAAC,GAAG,EAAE;wBACZ,4CAA4C;wBAC5C,uBAAU,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBAC/C,CAAC,EAAE,GAAG,CAAC,CAAC;oBACR,OAAO;iBACV;gBAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBACrB,OAAO;iBACV;gBAED,IAAI,CAAC,WAAW,GAAG,IAAI,mBAAW,EAAE,CAAC;gBAErC,uCAAuC;gBACvC,8CAA8C;gBAC9C,WAAW;gBACX,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;qBACvF,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;qBACnC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;YAC9C,CAAC;SAAA;QAEO,UAAU;YACd,mCAAmC;YAEnC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,iBAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;YAC5D,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,EAAE;gBACnB,OAAO;aACV;YAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC/B,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;gBACrD,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gBACzB,OAAO;aACV;YAED,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACzB,CAAC;KAEJ;IA/GG;QADC,qBAAK;;;uDAML;IAKD;QADC,eAAM;kCACmB,qCAAiB;iEAAC;IAiD5C;QADC,uBAAO,CAAC,mBAAmB,CAAC;;;;uDAiC5B;IAhGL,qCAoHC"}
+{"version":3,"file":"PageFrameViewModel.js","sourceRoot":"","sources":["../../../src/mobile/pages/PageFrameViewModel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA,oDAAiD;IACjD,qEAAkE;IAClE,+DAA4D;IAC5D,2DAA8D;IAC9D,2DAAwD;IACxD,uFAAoF;IACpF,iFAA8F;IAI9F,MAAqB,kBAAmB,SAAQ,6BAAa;QAA7D;;YAEW,UAAK,GAAQ,IAAI,CAAC;YAUlB,UAAK,GAAW,aAAa,CAAC;QAwGzC,CAAC;QA/GG,IAAW,SAAS;YAChB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACb,OAAO,KAAK,CAAC;aAChB;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,CAAC;QAUD,IAAW,GAAG;YACV,OAAO,IAAI,CAAC,IAAI,CAAC;QACrB,CAAC;QACD,IAAW,GAAG,CAAC,KAAa;YACxB,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,EAAE;gBACrB,OAAO;aACV;YACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAE1B,IAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,EAAE;gBAClC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC;gBAC9B,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;aAClE;YAED,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QAEY,IAAI;;gBACb,MAAM,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACpB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;oBAClB,OAAO;iBACV;gBACD,kDAAkD;gBAElD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;oBAChB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;oBACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;oBAC3B,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;iBAClE;qBAAM;oBACH,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBACtF,IAAI,GAAG,EAAE;wBACL,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;qBAC7B;iBACJ;gBAED,+BAA+B;gBAC9B,IAAI,CAAC,KAAqB,CAAC,SAAS,CACjC,MAAa,EACb,UAAU,EACV,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;YACjC,CAAC;SAAA;QAGY,SAAS;;gBAElB,IAAI,IAAI,CAAC,WAAW,EAAE;oBAClB,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;oBAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;oBACxB,OAAO;iBACV;gBAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE;oBACjD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;oBACnC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE;wBACxB,MAAM,CAAC,CAAC;qBACX;oBACD,UAAU,CAAC,GAAG,EAAE;wBACZ,4CAA4C;wBAC5C,uBAAU,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBAC/C,CAAC,EAAE,GAAG,CAAC,CAAC;oBACR,OAAO;iBACV;gBAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;oBACrB,OAAO;iBACV;gBAED,IAAI,CAAC,WAAW,GAAG,IAAI,mBAAW,EAAE,CAAC;gBAErC,uCAAuC;gBACvC,8CAA8C;gBAC9C,WAAW;gBACX,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;qBACvF,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;qBACnC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;YAC9C,CAAC;SAAA;QAEO,UAAU;YACd,mCAAmC;YAEnC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,iBAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;YAC5D,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,EAAE;gBACnB,OAAO;aACV;YAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC/B,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;gBACrD,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gBACzB,OAAO;aACV;YAED,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACzB,CAAC;KAEJ;IA/GG;QADC,qBAAK;;;uDAML;IAKD;QADC,eAAM;kCACmB,qCAAiB;iEAAC;IAiD5C;QADC,IAAA,uBAAO,EAAC,mBAAmB,CAAC;;;;uDAiC5B;IAhGL,qCAoHC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-atoms/web-controls",
-  "version": "2.1.2",
+  "version": "2.1.6",
   "description": "HTML controls for web atoms core",
   "main": "index.js",
   "scripts": {

package/src/basic/Button.tsx

@@ -0,0 +1,97 @@
+import Colors from "@web-atoms/core/dist/core/Colors";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import StyleRule from "@web-atoms/core/dist/style/StyleRule";
+import CSS from "@web-atoms/core/dist/web/styles/CSS";
+
+export interface IButton {
+    id?: string;
+    icon?: string;
+    text?: string;
+    eventClick?: any;
+    href?: string;
+    target?: string;
+    title?: string;
+    styleDisplay?: string;
+    class?: string;
+    isVisible?: any;
+    subClass?: string;
+}
+
+const css = CSS(
+    StyleRule()
+    .padding(8)
+    .marginLeft(3)
+    .marginRight(3)
+    .roundBorderFull()
+    .display("inline-block")
+    .height(40)
+    .minWidth(40)
+    .defaultBoxShadow()
+    .cursor("pointer")
+    .backgroundColor(Colors.transparent)
+    .hoverBackgroundColor(Colors.lightGreen)
+    .and(StyleRule(".pressed")
+        .backgroundColor(Colors.lightSteelBlue)
+    )
+    .child(StyleRule("label.label")
+        .display("flex")
+        .alignItems("center")
+        .gap("5px")
+        .child(StyleRule(".fad")
+            .fontSize(18)
+            .width("100%")
+            .color(Colors.purple.withAlphaPercent(0.5))
+            .cursor("pointer")
+            .and(StyleRule(".red")
+                .color(Colors.red)
+            )
+        )
+        .child(StyleRule("span")
+            .whiteSpace("nowrap")
+        )
+    )
+);
+
+export default function Button({
+    id,
+    icon,
+    text,
+    eventClick,
+    href,
+    target,
+    title,
+    styleDisplay,
+    class: className,
+    subClass
+}: IButton) {
+
+    const cn = className ?? ( subClass
+        ? subClass + " " + css
+        : css
+    );
+
+    if (href) {
+
+        if (text) {
+            return <a id={id}
+                class={cn}
+                target={target}
+                title={title}
+                styleDisplay={styleDisplay}
+                >
+                <label class="label">
+                    <i class={icon}/>
+                    { text && <span text={text}/> }
+                </label>
+            </a>;
+        }
+    }
+    return <button id={id} class={cn} eventClick={eventClick} title={title} styleDisplay={styleDisplay}>
+            <label class="label">
+                <i class={icon}/>
+                { text && <span text={text}/> }
+            </label>
+        </button>;
+}
+
+Button.className = css;

package/src/basic/Checkbox.tsx

@@ -0,0 +1,48 @@
+import Colors from "@web-atoms/core/dist/core/Colors";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import StyleRule from "@web-atoms/core/dist/style/StyleRule";
+import CSS from "@web-atoms/core/dist/web/styles/CSS";
+
+const css = CSS(
+    StyleRule("check-box")
+    .display("inline-block")
+    .child(
+        StyleRule("label")
+        .display("flex")
+        .paddingLeft(5)
+        .paddingRight(5)
+        .child(
+
+            StyleRule("input[type=checkbox]")
+            .borderRadius(3)
+            .margin(0)
+            .padding(0)
+            .alignSelf("center")
+        )
+        .child(
+            StyleRule("span")
+            .alignSelf("center")
+            .whiteSpace("nowrap")
+            .marginLeft(5)
+            .flexStretch()
+
+        ))
+);
+
+export default function Checkbox({
+    checked,
+    text
+}: {
+    checked: any,
+    text: string
+}) {
+    return <div class={css}>
+        <label>
+            <input
+                type="checkbox"
+                checked={checked}/>
+            <span
+                text={text}></span>
+        </label>
+    </div>;
+}

package/src/basic/IElement.ts

@@ -0,0 +1,10 @@
+export default interface IElement {
+    subClass?: string;
+    icon?: string;
+    class?: string;
+    title?: string;
+    eventClick?: string;
+    href?: string;
+    text?: string;
+    styleDisplay?: any;
+}

package/src/basic/Input.tsx

@@ -0,0 +1,30 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import StyleRule from "@web-atoms/core/dist/style/StyleRule";
+import CSS from "@web-atoms/core/dist/web/styles/CSS";
+
+const css = CSS(
+    StyleRule("input")
+    .display("inline-block")
+    .child(
+        StyleRule("input[type=input]")
+        .margin(0)
+        .padding(5)
+        .height(25)
+        .marginRight(5)
+        .outline("none")
+        .alignSelf("center")
+    )
+);
+
+export default function Input({
+    value,
+    placeholder
+}:{
+    value:string,
+    placeholder: string
+}){
+    return <div class={css}>
+           <input type="input"
+           placeholder={placeholder} />
+    </div>;
+}

package/src/basic/Panel.tsx

@@ -0,0 +1,43 @@
+import Colors from "@web-atoms/core/dist/core/Colors";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import StyleRule from "@web-atoms/core/dist/style/StyleRule";
+import CSS from "@web-atoms/core/dist/web/styles/CSS";
+
+export interface IPanelAttributes {
+    header?: string;
+    class?: string;
+}
+
+const css = CSS(StyleRule("panel")
+    .display("inline-block")
+    .padding(5)
+    .margin(3)
+    .borderRadius(9999)
+    .defaultBoxShadow()
+    .child(StyleRule(".header")
+        .backgroundColor(Colors.lightGray)
+        .borderRadius(5)
+        .padding(5)
+    ));
+
+export default function Panel(
+    {
+        header,
+        class: className
+    }: IPanelAttributes,
+    ... children: any[]) {
+
+    className = className ? css + " " + className : css;
+
+    if (header) {
+        return <div class={className}>
+            <label class="header">{header}</label>
+            { ... children }
+        </div>;
+    }
+
+    return <div class={className}>
+        { ... children }
+    </div>;
+
+}

package/src/basic/PopupButton.tsx

@@ -0,0 +1,132 @@
+import Bind from "@web-atoms/core/dist/core/Bind";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
+import Colors from "@web-atoms/core/dist/core/Colors";
+import { IDisposable } from "@web-atoms/core/dist/core/types";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import StyleRule from "@web-atoms/core/dist/style/StyleRule";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService";
+import CSS from "@web-atoms/core/dist/web/styles/CSS";
+import combineClasses from "./combineClasses";
+import Button from "./Button";
+import IElement from "./IElement";
+
+const menuCss = CSS(StyleRule()
+    .child(StyleRule(".menu")
+        .padding(5)
+        .margin(3)
+        .borderRadius(5)
+        .cursor("pointer")
+        .hoverBackgroundColor(Colors.lightGreen)
+    )
+);
+
+export interface IMenuItem {
+    label?: string;
+    icon?: string;
+    eventClick?: any;
+    href?: string;
+    target?: string;
+}
+
+export function MenuItem(menu: IMenuItem) {
+
+    // removing undefined.. as binding will ignore undefined
+
+    menu.label ??= null;
+    menu.icon ??= null;
+    menu.eventClick ??= null;
+    menu.href ??= null;
+    menu.target ??= null;
+    return menu;
+}
+
+export class MenuItemTemplate extends AtomControl {
+
+    public data: IMenuItem;
+
+    public create() {
+        this.render(<div
+            class="menu"
+            eventClick={Bind.event(() => this.app.runAsync(() => this.data.eventClick()))}
+            >
+            <i
+                styleDisplay={Bind.oneWay(() => this.data.icon ? "" : "none")}
+                class={Bind.oneWay(() => this.data.icon)}/>
+            <span
+                styleDisplay={Bind.oneWay(() => this.data.label ? "" : "none")}
+                text={Bind.oneWay(() => this.data.label)}></span>
+        </div>);
+    }
+}
+
+class PopupMenuButton extends AtomControl {
+
+    @BindableProperty
+    public subClass: string;
+
+    @BindableProperty
+    public icon: string;
+
+    @BindableProperty
+    public text: string;
+
+    @BindableProperty
+    public menus: IMenuItem[];
+
+    private popup: IDisposable;
+
+    constructor(app, e) {
+        super(app, e ?? document.createElement("button"));
+    }
+
+    public preCreate() {
+        super.preCreate();
+        this.popup = null;
+        this.text = null;
+        this.icon = null;
+        this.subClass = null;
+        this.render(<button
+            class={Bind.oneWay(() => combineClasses(Button.className, this.popup ? "pressed" : null, this.subClass))}
+            eventClick={Bind.event(() => this.openPopup())}>
+            <label class="label">
+                <i class={Bind.oneWay(() => this.icon)}/>
+                <span
+                    styleDisplay={Bind.oneWay(() => this.text ? "" : "none")}
+                    text={Bind.oneWay(() => this.text)}/>
+            </label>
+        </button>);
+    }
+
+    private openPopup() {
+        if (this.popup) {
+            this.popup.dispose();
+            return;
+        }
+
+        const items = new AtomItemsControl(this.app, document.createElement("div"));
+        items.element.classList.add(menuCss);
+        items.itemTemplate = MenuItemTemplate;
+        items.items = this.menus;
+        items.registerDisposable({
+            dispose: () => {
+                this.popup = null;
+            }
+        });
+        items.bindEvent(items.element, "click", () => {
+            setTimeout(() => {
+            this.openPopup();
+            }, 100);
+        });
+        const popupService = this.app.resolve(PopupService);
+        this.popup = popupService.show(this.element, items);
+    }
+}
+
+export default function PopupButton( props: IElement,  ... menus: IMenuItem[]) {
+    return <PopupMenuButton
+        { ... props }
+        menus={menus}
+        />;
+}