@web-atoms/web-controls 2.1.4 → 2.1.8

package/dist/basic/Button.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+declare function Button({ id, icon, text, eventClick, href, target, title, styleDisplay, class: className, subClass }: IButton): any;
+declare namespace Button {
+    var className: string;
+}
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/basic/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/basic/Button.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,OAAO;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAqCD,iBAAwB,MAAM,CAAC,EAC3B,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,QAAQ,EACX,EAAE,OAAO,OA6BT;kBAxCuB,MAAM;;;eAAN,MAAM"}

package/dist/basic/Button.js

@@ -0,0 +1,63 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const Colors_1 = require("@web-atoms/core/dist/core/Colors");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const css = (0, CSS_1.default)((0, StyleRule_1.default)()
+        .padding(8)
+        .marginLeft(3)
+        .marginRight(3)
+        .roundBorderFull()
+        .display("inline-block")
+        .height(40)
+        .minWidth(40)
+        .defaultBoxShadow()
+        .cursor("pointer")
+        .backgroundColor(Colors_1.default.transparent)
+        .hoverBackgroundColor(Colors_1.default.lightGreen)
+        .and((0, StyleRule_1.default)(".pressed")
+        .backgroundColor(Colors_1.default.lightSteelBlue))
+        .child((0, StyleRule_1.default)("label.label")
+        .display("flex")
+        .alignItems("center")
+        .gap("5px")
+        .child((0, StyleRule_1.default)(".fad")
+        .fontSize(18)
+        .width("100%")
+        .color(Colors_1.default.purple.withAlphaPercent(0.5))
+        .cursor("pointer")
+        .and((0, StyleRule_1.default)(".red")
+        .color(Colors_1.default.red)))
+        .child((0, StyleRule_1.default)("span")
+        .whiteSpace("nowrap"))));
+    function Button({ id, icon, text, eventClick, href, target, title, styleDisplay, class: className, subClass }) {
+        const cn = className !== null && className !== void 0 ? className : (subClass
+            ? subClass + " " + css
+            : css);
+        if (href) {
+            if (text) {
+                return XNode_1.default.create("a", { id: id, class: cn, target: target, title: title, styleDisplay: styleDisplay },
+                    XNode_1.default.create("label", { class: "label" },
+                        XNode_1.default.create("i", { class: icon }),
+                        text && XNode_1.default.create("span", { text: text })));
+            }
+        }
+        return XNode_1.default.create("button", { id: id, class: cn, eventClick: eventClick, title: title, styleDisplay: styleDisplay },
+            XNode_1.default.create("label", { class: "label" },
+                XNode_1.default.create("i", { class: icon }),
+                text && XNode_1.default.create("span", { text: text })));
+    }
+    exports.default = Button;
+    Button.className = css;
+});
+//# sourceMappingURL=Button.js.map

package/dist/basic/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/basic/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,6DAAsD;IACtD,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAgBtD,MAAM,GAAG,GAAG,IAAA,aAAG,EACX,IAAA,mBAAS,GAAE;SACV,OAAO,CAAC,CAAC,CAAC;SACV,UAAU,CAAC,CAAC,CAAC;SACb,WAAW,CAAC,CAAC,CAAC;SACd,eAAe,EAAE;SACjB,OAAO,CAAC,cAAc,CAAC;SACvB,MAAM,CAAC,EAAE,CAAC;SACV,QAAQ,CAAC,EAAE,CAAC;SACZ,gBAAgB,EAAE;SAClB,MAAM,CAAC,SAAS,CAAC;SACjB,eAAe,CAAC,gBAAM,CAAC,WAAW,CAAC;SACnC,oBAAoB,CAAC,gBAAM,CAAC,UAAU,CAAC;SACvC,GAAG,CAAC,IAAA,mBAAS,EAAC,UAAU,CAAC;SACrB,eAAe,CAAC,gBAAM,CAAC,cAAc,CAAC,CAC1C;SACA,KAAK,CAAC,IAAA,mBAAS,EAAC,aAAa,CAAC;SAC1B,OAAO,CAAC,MAAM,CAAC;SACf,UAAU,CAAC,QAAQ,CAAC;SACpB,GAAG,CAAC,KAAK,CAAC;SACV,KAAK,CAAC,IAAA,mBAAS,EAAC,MAAM,CAAC;SACnB,QAAQ,CAAC,EAAE,CAAC;SACZ,KAAK,CAAC,MAAM,CAAC;SACb,KAAK,CAAC,gBAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;SAC1C,MAAM,CAAC,SAAS,CAAC;SACjB,GAAG,CAAC,IAAA,mBAAS,EAAC,MAAM,CAAC;SACjB,KAAK,CAAC,gBAAM,CAAC,GAAG,CAAC,CACrB,CACJ;SACA,KAAK,CAAC,IAAA,mBAAS,EAAC,MAAM,CAAC;SACnB,UAAU,CAAC,QAAQ,CAAC,CACxB,CACJ,CACJ,CAAC;IAEF,SAAwB,MAAM,CAAC,EAC3B,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,QAAQ,EACF;QAEN,MAAM,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAE,QAAQ;YAC9B,CAAC,CAAC,QAAQ,GAAG,GAAG,GAAG,GAAG;YACtB,CAAC,CAAC,GAAG,CACR,CAAC;QAEF,IAAI,IAAI,EAAE;YAEN,IAAI,IAAI,EAAE;gBACN,OAAO,8BAAG,EAAE,EAAE,EAAE,EACZ,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY;oBAE1B,kCAAO,KAAK,EAAC,OAAO;wBAChB,8BAAG,KAAK,EAAE,IAAI,GAAG;wBACf,IAAI,IAAI,iCAAM,IAAI,EAAE,IAAI,GAAG,CACzB,CACR,CAAC;aACR;SACJ;QACD,OAAO,mCAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY;YAC1F,kCAAO,KAAK,EAAC,OAAO;gBAChB,8BAAG,KAAK,EAAE,IAAI,GAAG;gBACf,IAAI,IAAI,iCAAM,IAAI,EAAE,IAAI,GAAG,CACzB,CACH,CAAC;IAClB,CAAC;IAxCD,yBAwCC;IAED,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC"}

package/dist/basic/Checkbox.d.ts

@@ -0,0 +1,5 @@
+export default function Checkbox({ checked, text }: {
+    checked: any;
+    text: string;
+}): any;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/basic/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/basic/Checkbox.tsx"],"names":[],"mappings":"AA+BA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,OAAO,EACP,IAAI,EACP,EAAE;IACC,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAA;CACf,OAUA"}

package/dist/basic/Checkbox.js

@@ -0,0 +1,39 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const css = (0, CSS_1.default)((0, StyleRule_1.default)("check-box")
+        .display("inline-block")
+        .child((0, StyleRule_1.default)("label")
+        .display("flex")
+        .paddingLeft(5)
+        .paddingRight(5)
+        .child((0, StyleRule_1.default)("input[type=checkbox]")
+        .borderRadius(3)
+        .margin(0)
+        .padding(0)
+        .alignSelf("center"))
+        .child((0, StyleRule_1.default)("span")
+        .alignSelf("center")
+        .whiteSpace("nowrap")
+        .marginLeft(5)
+        .flexStretch())));
+    function Checkbox({ checked, text }) {
+        return XNode_1.default.create("div", { class: css },
+            XNode_1.default.create("label", null,
+                XNode_1.default.create("input", { type: "checkbox", checked: checked }),
+                XNode_1.default.create("span", { text: text })));
+    }
+    exports.default = Checkbox;
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/basic/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/basic/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;IACA,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAEtD,MAAM,GAAG,GAAG,IAAA,aAAG,EACX,IAAA,mBAAS,EAAC,WAAW,CAAC;SACrB,OAAO,CAAC,cAAc,CAAC;SACvB,KAAK,CACF,IAAA,mBAAS,EAAC,OAAO,CAAC;SACjB,OAAO,CAAC,MAAM,CAAC;SACf,WAAW,CAAC,CAAC,CAAC;SACd,YAAY,CAAC,CAAC,CAAC;SACf,KAAK,CAEF,IAAA,mBAAS,EAAC,sBAAsB,CAAC;SAChC,YAAY,CAAC,CAAC,CAAC;SACf,MAAM,CAAC,CAAC,CAAC;SACT,OAAO,CAAC,CAAC,CAAC;SACV,SAAS,CAAC,QAAQ,CAAC,CACvB;SACA,KAAK,CACF,IAAA,mBAAS,EAAC,MAAM,CAAC;SAChB,SAAS,CAAC,QAAQ,CAAC;SACnB,UAAU,CAAC,QAAQ,CAAC;SACpB,UAAU,CAAC,CAAC,CAAC;SACb,WAAW,EAAE,CAEjB,CAAC,CACT,CAAC;IAEF,SAAwB,QAAQ,CAAC,EAC7B,OAAO,EACP,IAAI,EAIP;QACG,OAAO,gCAAK,KAAK,EAAE,GAAG;YAClB;gBACI,kCACI,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,GAAG;gBACvB,iCACI,IAAI,EAAE,IAAI,GAAS,CACnB,CACN,CAAC;IACX,CAAC;IAhBD,2BAgBC"}

package/dist/basic/IElement.d.ts

@@ -0,0 +1,11 @@
+export default interface IElement {
+    subClass?: string;
+    icon?: string;
+    class?: string;
+    title?: string;
+    eventClick?: string;
+    href?: string;
+    text?: string;
+    styleDisplay?: any;
+}
+//# sourceMappingURL=IElement.d.ts.map

package/dist/basic/IElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IElement.d.ts","sourceRoot":"","sources":["../../src/basic/IElement.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,QAAQ;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB"}

package/dist/basic/IElement.js

@@ -0,0 +1,13 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=IElement.js.map

package/dist/basic/IElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IElement.js","sourceRoot":"","sources":["../../src/basic/IElement.ts"],"names":[],"mappings":""}

package/dist/basic/Input.d.ts

@@ -0,0 +1,5 @@
+export default function Input({ value, placeholder }: {
+    value: string;
+    placeholder: string;
+}): any;
+//# sourceMappingURL=Input.d.ts.map

package/dist/basic/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/basic/Input.tsx"],"names":[],"mappings":"AAkBA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC1B,KAAK,EACL,WAAW,EACd,EAAC;IACE,KAAK,EAAC,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAA;CACtB,OAKA"}

package/dist/basic/Input.js

@@ -0,0 +1,30 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const css = (0, CSS_1.default)((0, StyleRule_1.default)("input")
+        .display("inline-block")
+        .child((0, StyleRule_1.default)("input[type=input]")
+        .margin(0)
+        .padding(5)
+        .height(25)
+        .marginRight(5)
+        .outline("none")
+        .alignSelf("center")));
+    function Input({ value, placeholder }) {
+        return XNode_1.default.create("div", { class: css },
+            XNode_1.default.create("input", { type: "input", placeholder: placeholder }));
+    }
+    exports.default = Input;
+});
+//# sourceMappingURL=Input.js.map

package/dist/basic/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/basic/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAEtD,MAAM,GAAG,GAAG,IAAA,aAAG,EACX,IAAA,mBAAS,EAAC,OAAO,CAAC;SACjB,OAAO,CAAC,cAAc,CAAC;SACvB,KAAK,CACF,IAAA,mBAAS,EAAC,mBAAmB,CAAC;SAC7B,MAAM,CAAC,CAAC,CAAC;SACT,OAAO,CAAC,CAAC,CAAC;SACV,MAAM,CAAC,EAAE,CAAC;SACV,WAAW,CAAC,CAAC,CAAC;SACd,OAAO,CAAC,MAAM,CAAC;SACf,SAAS,CAAC,QAAQ,CAAC,CACvB,CACJ,CAAC;IAEF,SAAwB,KAAK,CAAC,EAC1B,KAAK,EACL,WAAW,EAId;QACG,OAAO,gCAAK,KAAK,EAAE,GAAG;YACf,kCAAO,IAAI,EAAC,OAAO,EACnB,WAAW,EAAE,WAAW,GAAI,CAC7B,CAAC;IACX,CAAC;IAXD,wBAWC"}

package/dist/basic/Panel.d.ts

@@ -0,0 +1,6 @@
+export interface IPanelAttributes {
+    header?: string;
+    class?: string;
+}
+export default function Panel({ header, class: className }: IPanelAttributes, ...children: any[]): any;
+//# sourceMappingURL=Panel.d.ts.map

package/dist/basic/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/basic/Panel.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAcD,MAAM,CAAC,OAAO,UAAU,KAAK,CACzB,EACI,MAAM,EACN,KAAK,EAAE,SAAS,EACnB,EAAE,gBAAgB,EACnB,GAAI,QAAQ,EAAE,GAAG,EAAE,OAetB"}

package/dist/basic/Panel.js

@@ -0,0 +1,37 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const Colors_1 = require("@web-atoms/core/dist/core/Colors");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const css = (0, CSS_1.default)((0, StyleRule_1.default)("panel")
+        .display("inline-block")
+        .padding(5)
+        .margin(3)
+        .borderRadius(9999)
+        .defaultBoxShadow()
+        .child((0, StyleRule_1.default)(".header")
+        .backgroundColor(Colors_1.default.lightGray)
+        .borderRadius(5)
+        .padding(5)));
+    function Panel({ header, class: className }, ...children) {
+        className = className ? css + " " + className : css;
+        if (header) {
+            return XNode_1.default.create("div", { class: className },
+                XNode_1.default.create("label", { class: "header" }, header),
+                ...children);
+        }
+        return XNode_1.default.create("div", { class: className }, ...children);
+    }
+    exports.default = Panel;
+});
+//# sourceMappingURL=Panel.js.map

package/dist/basic/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/basic/Panel.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,6DAAsD;IACtD,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAOtD,MAAM,GAAG,GAAG,IAAA,aAAG,EAAC,IAAA,mBAAS,EAAC,OAAO,CAAC;SAC7B,OAAO,CAAC,cAAc,CAAC;SACvB,OAAO,CAAC,CAAC,CAAC;SACV,MAAM,CAAC,CAAC,CAAC;SACT,YAAY,CAAC,IAAI,CAAC;SAClB,gBAAgB,EAAE;SAClB,KAAK,CAAC,IAAA,mBAAS,EAAC,SAAS,CAAC;SACtB,eAAe,CAAC,gBAAM,CAAC,SAAS,CAAC;SACjC,YAAY,CAAC,CAAC,CAAC;SACf,OAAO,CAAC,CAAC,CAAC,CACd,CAAC,CAAC;IAEP,SAAwB,KAAK,CACzB,EACI,MAAM,EACN,KAAK,EAAE,SAAS,EACD,EACnB,GAAI,QAAe;QAEnB,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;QAEpD,IAAI,MAAM,EAAE;YACR,OAAO,gCAAK,KAAK,EAAE,SAAS;gBACxB,kCAAO,KAAK,EAAC,QAAQ,IAAE,MAAM,CAAS;mBAChC,QAAQ,CACZ,CAAC;SACV;QAED,OAAO,gCAAK,KAAK,EAAE,SAAS,OAClB,QAAQ,CACZ,CAAC;IAEX,CAAC;IApBD,wBAoBC"}

package/dist/basic/PopupButton.d.ts

@@ -0,0 +1,16 @@
+export interface IMenuItem {
+    label?: string;
+    icon?: string;
+    eventClick?: any;
+    href?: string;
+    target?: string;
+    [key: string]: any;
+}
+export interface IPopupButton {
+    icon?: string;
+    label?: string;
+    [key: string]: any;
+}
+export declare function MenuItem({ label, icon, eventClick, href, target, ...others }: IMenuItem): any;
+export default function PopupButton({ icon, label, ...others }: IPopupButton, ...menus: IMenuItem[]): any;
+//# sourceMappingURL=PopupButton.d.ts.map

package/dist/basic/PopupButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,GAAI,MAAM,EACb,EAAE,SAAS,OAWX;AAUD,MAAM,CAAC,OAAO,UAAU,WAAW,CACnC,EACI,IAAI,EACJ,KAAK,EACL,GAAI,MAAM,EACb,EAAE,YAAY,EACf,GAAI,KAAK,EAAE,SAAS,EAAE,OA8CrB"}

package/dist/basic/PopupButton.js

@@ -0,0 +1,85 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MenuItem = void 0;
+    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
+    const Colors_1 = require("@web-atoms/core/dist/core/Colors");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const menuCss = (0, CSS_1.default)((0, StyleRule_1.default)()
+        .child((0, StyleRule_1.default)(".menu")
+        .padding(5)
+        .margin(3)
+        .borderRadius(5)
+        .cursor("pointer")
+        .hoverBackgroundColor(Colors_1.default.lightGreen)));
+    function MenuItem(_a) {
+        var { label, icon, eventClick, href, target } = _a, others = __rest(_a, ["label", "icon", "eventClick", "href", "target"]);
+        if (label) {
+            return XNode_1.default.create("div", Object.assign({ class: "menu", eventClick: eventClick }, others),
+                XNode_1.default.create("i", { class: icon }),
+                XNode_1.default.create("span", null, label));
+        }
+        return XNode_1.default.create("div", Object.assign({ class: "menu", eventClick: eventClick }, others),
+            XNode_1.default.create("i", { class: icon }));
+    }
+    exports.MenuItem = MenuItem;
+    const iconLabelCss = (0, CSS_1.default)((0, StyleRule_1.default)(".label")
+        .display("inline-flex")
+        .child((0, StyleRule_1.default)("span")
+        .flexStretch()));
+    function PopupButton(_a, ...menus) {
+        var { icon, label } = _a, others = __rest(_a, ["icon", "label"]);
+        let popup = null;
+        function openPopup(s, e) {
+            const button = e.currentTarget;
+            if (popup) {
+                button.classList.remove("pressed");
+                popup.dispose();
+                popup = null;
+                return;
+            }
+            const menu = document.createElement("div");
+            s.render(XNode_1.default.create("div", { class: menuCss }, ...menus), menu);
+            const ps = s.resolve(PopupService_1.default);
+            popup = ps.show(button, menu);
+            const dispose = () => {
+                popup === null || popup === void 0 ? void 0 : popup.dispose();
+                popup = null;
+            };
+            menu.addEventListener("click", dispose);
+            popup.registerDisposable(() => menu.removeEventListener("click", dispose));
+        }
+        if (label) {
+            return XNode_1.default.create("button", Object.assign({}, others, { eventClick: Bind_1.default.event((s, e) => openPopup(s, e)) }),
+                XNode_1.default.create("label", { class: iconLabelCss },
+                    XNode_1.default.create("i", { class: icon }),
+                    XNode_1.default.create("span", null, label)));
+        }
+        return XNode_1.default.create("button", Object.assign({}, others, { eventClick: Bind_1.default.event((s, e) => openPopup(s, e)) }),
+            XNode_1.default.create("i", { class: icon }));
+    }
+    exports.default = PopupButton;
+});
+//# sourceMappingURL=PopupButton.js.map

package/dist/basic/PopupButton.js.map

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

package/dist/basic/Switch.d.ts

@@ -0,0 +1,7 @@
+export interface ISwitch {
+    checked: any;
+    onLabel?: string;
+    offLabel?: string;
+}
+export default function Switch({ checked, onLabel, offLabel }: ISwitch): any;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/basic/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/basic/Switch.tsx"],"names":[],"mappings":"AA4FA,MAAM,WAAW,OAAO;IACvB,OAAO,MAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,EAAE,OAAO,OAOT"}

package/dist/basic/Switch.js

@@ -0,0 +1,96 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    /**
+     * Original source = https://www.htmllion.com/css3-toggle-switch-button.html
+     */
+    const css = (0, CSS_1.default)((0, StyleRule_1.default)()
+        .position("relative")
+        .display("inline-block")
+        .verticalAlign("top")
+        .width(70)
+        .height(30)
+        .padding(3)
+        .margin("0 10px 10px 0")
+        .background("linear-gradient(to bottom, #eeeeee, #FFFFFF 25px)")
+        .backgroundImage("-webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px)")
+        .borderRadius(18)
+        .boxShadow("inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05)")
+        .cursor("pointer")
+        .boxSizing("content-box")
+        .child((0, StyleRule_1.default)(".switch-input")
+        .absolutePosition({ top: 0, left: 0 })
+        .opacity(0)
+        .boxSizing("content-box"))
+        .child((0, StyleRule_1.default)(".switch-label")
+        .position("relative")
+        .display("block")
+        .height("inherit")
+        .fontSize(10)
+        .textTransform("uppercase")
+        .backgroundColor("#eceeef")
+        .borderRadius("inherit")
+        .boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15)")
+        .boxSizing("content-box")
+        .and((0, StyleRule_1.default)(":before, .switch-label:after")
+        .position("absolute")
+        .top("50%")
+        .marginTop("-.5em")
+        .lineHeight("1")
+        .webkitTransition("inherit")
+        .transition("inherit")
+        .boxSizing("content-box"))
+        .and((0, StyleRule_1.default)(":before")
+        .content("attr(data-off)")
+        .right(11)
+        .color("#aaaaaa")
+        .textShadow("0 1px rgba(255, 255, 255, 0.5)"))
+        .and((0, StyleRule_1.default)(":after")
+        .content("attr(data-on)")
+        .left(11)
+        .color("#FFFFFF")
+        .textShadow("0 1px rgba(0, 0, 0, 0.2)")
+        .opacity("0")))
+        .child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-label")
+        .backgroundColor("#E1B42B")
+        .boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)"))
+        .child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-label:before")
+        .opacity("0"))
+        .child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-label:after")
+        .opacity("1"))
+        .child((0, StyleRule_1.default)(".switch-handle")
+        .absolutePosition({ top: 4, left: 4, width: 28, height: 28 })
+        .background("linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0)")
+        .borderRadius("100%")
+        .boxShadow("1px 1px 5px rgba(0, 0, 0, 0.2)")
+        .and((0, StyleRule_1.default)(":before")
+        .content("")
+        .absolutePosition({ top: "50%", left: "50%", width: 12, height: 12 })
+        .background("linear-gradient(to bottom, #eeeeee, #FFFFFF)")
+        .borderRadius(6)
+        .boxShadow("inset 0 1px rgba(0, 0, 0, 0.02)")))
+        .child((0, StyleRule_1.default)(".switch-input:checked ~ .switch-handle")
+        .left(44)
+        .boxShadow("-1px 1px 5px rgba(0, 0, 0, 0.2)"))
+        .child((0, StyleRule_1.default)(".switch-label, .switch-handle")
+        .transition("All 0.3s ease")));
+    function Switch({ checked, onLabel, offLabel }) {
+        return XNode_1.default.create("label", { class: css },
+            XNode_1.default.create("input", { class: "switch-input", type: "checkbox", checked: checked }),
+            XNode_1.default.create("span", { class: "switch-label", "data-on": onLabel !== null && onLabel !== void 0 ? onLabel : "On", "data-off": offLabel !== null && offLabel !== void 0 ? offLabel : "Off" }),
+            XNode_1.default.create("span", { class: "switch-handle" }));
+    }
+    exports.default = Switch;
+});
+//# sourceMappingURL=Switch.js.map

package/dist/basic/Switch.js.map

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

package/dist/basic/combineClasses.d.ts

@@ -0,0 +1,2 @@
+export default function combineClasses(...names: string[]): string;
+//# sourceMappingURL=combineClasses.d.ts.map

package/dist/basic/combineClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combineClasses.d.ts","sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,GAAI,KAAK,EAAE,MAAM,EAAE,UAEzD"}

package/dist/basic/combineClasses.js

@@ -0,0 +1,17 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    function combineClasses(...names) {
+        return names.filter((n) => n).join(" ");
+    }
+    exports.default = combineClasses;
+});
+//# sourceMappingURL=combineClasses.js.map

package/dist/basic/combineClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combineClasses.js","sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"names":[],"mappings":";;;;;;;;;;;IAAA,SAAwB,cAAc,CAAC,GAAI,KAAe;QACtD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5C,CAAC;IAFD,iCAEC"}

package/dist/form/AtomField.d.ts

@@ -33,5 +33,5 @@ export interface IFieldAttributes {
     baseClass?: IClassOf<AtomFieldControl>;
     [key: string]: any;
 }
-export default function AtomField(attributes: 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;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,OAQ5E"}
+{"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,12 +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(attributes, 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: child }));
+        return XNode_1.default.create(ControlClass, Object.assign({}, attributes, { content: children }));
     }
     exports.default = AtomField;
 });