@web-atoms/web-controls 2.3.109 → 2.3.110

package/dist/basic/Mix.js

@@ -1,31 +0,0 @@
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
-  "use strict";
-
-  var __rest, XNode, StyleRule, CSS;
-  function Mix(_a, ...nodes) {
-    var {
-        block = false
-      } = _a,
-      a = __rest(_a, ["block"]);
-    return XNode.create("div", Object.assign({
-      "data-block": !!block,
-      "data-mix": "mix"
-    }, a), ...nodes);
-  }
-  _export("default", Mix);
-  return {
-    setters: [function (_tslib) {
-      __rest = _tslib.__rest;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }],
-    execute: function () {
-      CSS(StyleRule().display("inline-grid").and(StyleRule("[data-block=true]").display("grid")), "*[data-mix=mix]");
-    }
-  };
-});
-//# sourceMappingURL=Mix.js.map

package/dist/basic/Mix.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Mix","_a","nodes","block","a","__rest","XNode","create","Object","assign","_export","setters","_tslib","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","execute","display","and"],"sources":["../../src/basic/Mix.tsx"],"sourcesContent":[null],"mappings":";;;;EAgBc,SAAUA,GAAGA,CAACC,EAElB,EAAE,GAAIC,KAAc;QAFF;QACxBC,KAAK,GAAG;MAAK,IAAAF,EACP;MAAFG,CAAC,GAAAC,MAAA,CAAAJ,EAAA,EAFmB,SAElB,CAAD;IACL,OAAOK,KAAA,CAAAC,MAAA,QAAAC,MAAA,CAAAC,MAAA;MAAA,cACS,CAAC,CAACN,KAAK;MAAA,YACV;IAAK,GAAOC,CAAC,MACZF,KAAK,CACT;EACd;EAACQ,OAAA,YARuBV,GAAG;EAAA;IAAAW,OAAA,aAAAC,MAAA;;;MAhBpBN,KAAK,GAAAO,0BAAA,CAAAC,OAAA;IAAA,aAAAC,+BAAA;MACLC,SAAS,GAAAD,+BAAA,CAAAD,OAAA;IAAA,aAAAG,6BAAA;MACTC,GAAG,GAAAD,6BAAA,CAAAH,OAAA;IAAA;IAAAK,OAAA,WAAAA,CAAA;MAGVD,GAAG,CAACF,SAAS,EAAE,CACVI,OAAO,CAAC,aAAa,CAAC,CACtBC,GAAG,CAACL,SAAS,CAAC,mBAAmB,CAAC,CAC9BI,OAAO,CAAC,MAAM,CAAC,CACnB,EACH,iBAAiB,CAAC;IAAC;EAAA;AAAA"}

package/dist/basic/Panel.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-System.register(["@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"], function (_export, _context) {
-  "use strict";
-
-  var Colors, XNode, StyleRule, CSS, css;
-  function Panel({
-    header,
-    class: className
-  }, ...children) {
-    className = className ? css + " " + className : css;
-    if (header) {
-      return XNode.create("div", {
-        class: className
-      }, XNode.create("label", {
-        class: "header"
-      }, header), ...children);
-    }
-    return XNode.create("div", {
-      class: className
-    }, ...children);
-  }
-  _export("default", Panel);
-  return {
-    setters: [function (_webAtomsCoreDistCoreColors) {
-      Colors = _webAtomsCoreDistCoreColors.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }],
-    execute: function () {
-      css = CSS(StyleRule("panel").display("inline-block").padding(5).margin(3).borderRadius(9999).defaultBoxShadow().child(StyleRule(".header").backgroundColor(Colors.lightGray).borderRadius(5).padding(5)));
-    }
-  };
-});
-//# sourceMappingURL=Panel.js.map

package/dist/basic/Panel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Panel","header","class","className","children","css","XNode","create","_export","setters","_webAtomsCoreDistCoreColors","Colors","default","_webAtomsCoreDistCoreXNode","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","execute","display","padding","margin","borderRadius","defaultBoxShadow","child","backgroundColor","lightGray"],"sources":["../../src/basic/Panel.tsx"],"sourcesContent":[null],"mappings":";;;;EAsBc,SAAUA,KAAKA,CACzB;IACIC,MAAM;IACNC,KAAK,EAAEC;EAAS,CACD,EACnB,GAAIC,QAAe;IAEnBD,SAAS,GAAGA,SAAS,GAAGE,GAAG,GAAG,GAAG,GAAGF,SAAS,GAAGE,GAAG;IAEnD,IAAIJ,MAAM,EAAE;MACR,OAAOK,KAAA,CAAAC,MAAA;QAAKL,KAAK,EAAEC;MAAS,GACxBG,KAAA,CAAAC,MAAA;QAAOL,KAAK,EAAC;MAAQ,GAAED,MAAM,CAAS,E,GAChCG,QAAQ,CACZ;;IAGV,OAAOE,KAAA,CAAAC,MAAA;MAAKL,KAAK,EAAEC;IAAS,MAClBC,QAAQ,CACZ;EAEV;EAACI,OAAA,YApBuBR,KAAK;EAAA;IAAAS,OAAA,aAAAC,2BAAA;MAtBtBC,MAAM,GAAAD,2BAAA,CAAAE,OAAA;IAAA,aAAAC,0BAAA;MACNP,KAAK,GAAAO,0BAAA,CAAAD,OAAA;IAAA,aAAAE,+BAAA;MACLC,SAAS,GAAAD,+BAAA,CAAAF,OAAA;IAAA,aAAAI,6BAAA;MACTC,GAAG,GAAAD,6BAAA,CAAAJ,OAAA;IAAA;IAAAM,OAAA,WAAAA,CAAA;MAOJb,GAAG,GAAGY,GAAG,CAACF,SAAS,CAAC,OAAO,CAAC,CAC7BI,OAAO,CAAC,cAAc,CAAC,CACvBC,OAAO,CAAC,CAAC,CAAC,CACVC,MAAM,CAAC,CAAC,CAAC,CACTC,YAAY,CAAC,IAAI,CAAC,CAClBC,gBAAgB,EAAE,CAClBC,KAAK,CAACT,SAAS,CAAC,SAAS,CAAC,CACtBU,eAAe,CAACd,MAAM,CAACe,SAAS,CAAC,CACjCJ,YAAY,CAAC,CAAC,CAAC,CACfF,OAAO,CAAC,CAAC,CAAC,CACd,CAAC;IAAA;EAAA;AAAA"}

package/dist/basic/Row.d.ts

@@ -1,15 +0,0 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-declare function Row(a: any, ...nodes: XNode[]): any;
-declare namespace Row {
-    var stretch: {
-        "style-flex": string;
-    };
-}
-export default Row;
-export declare function CommandRow(a: any, ...nodes: XNode[]): any;
-export declare namespace CommandRow {
-    var stretch: {
-        "style-flex": string;
-    };
-}
-//# sourceMappingURL=Row.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../src/basic/Row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AA+BpD,iBAAwB,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAIrD;kBAJuB,GAAG;;;;;eAAH,GAAG;AAQ3B,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAMpD;yBANe,UAAU"}

package/dist/basic/Row.js

@@ -1,43 +0,0 @@
-System.register(["@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"], function (_export, _context) {
-  "use strict";
-
-  var Colors, XNode, StyleRule, CSS;
-  function Row(a, ...nodes) {
-    return XNode.create("div", Object.assign({
-      "data-row": "row"
-    }, a), ...nodes);
-  }
-  function CommandRow(a, ...nodes) {
-    return XNode.create("div", Object.assign({
-      "data-row": "row",
-      "data-command-row": "command-row"
-    }, a), ...nodes);
-  }
-  _export({
-    default: Row,
-    CommandRow: CommandRow
-  });
-  return {
-    setters: [function (_webAtomsCoreDistCoreColors) {
-      Colors = _webAtomsCoreDistCoreColors.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }],
-    execute: function () {
-      CSS(StyleRule().flexLayout({
-        alignItems: "center",
-        justifyContent: "flex-start"
-      }).child(StyleRule("*").flex("0 0 auto")), "div[data-row=row]");
-      CSS(StyleRule().backgroundColor(Colors.purple.withAlphaPercent(0.1)).borderRadius(9999).padding(7).nested(StyleRule("*[data-fa-button=fa-button]").child(StyleRule("label").child(StyleRule(".fad").color(Colors.white)))).nested(StyleRule("button").backgroundColor(Colors.purple).color(Colors.white).hover(StyleRule().backgroundColor(Colors.green))), "div[data-command-row=command-row]");
-      Row.stretch = {
-        "style-flex": "1 1 100%"
-      };
-      CommandRow.stretch = Row.stretch;
-    }
-  };
-});
-//# sourceMappingURL=Row.js.map

package/dist/basic/Row.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Row","a","nodes","XNode","create","Object","assign","CommandRow","_export","default","setters","_webAtomsCoreDistCoreColors","Colors","_webAtomsCoreDistCoreXNode","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","execute","flexLayout","alignItems","justifyContent","child","flex","backgroundColor","purple","withAlphaPercent","borderRadius","padding","nested","color","white","hover","green","stretch"],"sources":["../../src/basic/Row.tsx"],"sourcesContent":[null],"mappings":";;;;EAgCc,SAAUA,GAAGA,CAACC,CAAM,EAAE,GAAIC,KAAc;IAClD,OAAOC,KAAA,CAAAC,MAAA,QAAAC,MAAA,CAAAC,MAAA;MAAA,YAAc;IAAK,GAAOL,CAAC,MACxBC,KAAK,CACT;EACV;EAIM,SAAUK,UAAUA,CAACN,CAAM,EAAE,GAAIC,KAAc;IACjD,OAAOC,KAAA,CAAAC,MAAA,QAAAC,MAAA,CAAAC,MAAA;MAAA,YACM,KAAK;MAAA,oBACG;IAAa,GAAOL,CAAC,MAChCC,KAAK,CACT;EACV;EAACM,OAAA;IAAAC,OAAA,EAduBT,GAAG;IAAAO,UAAA,EAQXA;EAAU;EAAA;IAAAG,OAAA,aAAAC,2BAAA;MAxCnBC,MAAM,GAAAD,2BAAA,CAAAF,OAAA;IAAA,aAAAI,0BAAA;MACNV,KAAK,GAAAU,0BAAA,CAAAJ,OAAA;IAAA,aAAAK,+BAAA;MACLC,SAAS,GAAAD,+BAAA,CAAAL,OAAA;IAAA,aAAAO,6BAAA;MACTC,GAAG,GAAAD,6BAAA,CAAAP,OAAA;IAAA;IAAAS,OAAA,WAAAA,CAAA;MAEVD,GAAG,CAACF,SAAS,EAAE,CACVI,UAAU,CAAC;QAAEC,UAAU,EAAE,QAAQ;QAAGC,cAAc,EAAE;MAAY,CAAE,CAAC,CACnEC,KAAK,CAACP,SAAS,CAAC,GAAG,CAAC,CAChBQ,IAAI,CAAC,UAAU,CAAC,CACpB,EACH,mBAAmB,CAAC;MAEtBN,GAAG,CAACF,SAAS,EAAE,CACVS,eAAe,CAACZ,MAAM,CAACa,MAAM,CAACC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CACpDC,YAAY,CAAC,IAAI,CAAC,CAClBC,OAAO,CAAC,CAAC,CAAC,CACVC,MAAM,CAACd,SAAS,CAAC,6BAA6B,CAAC,CAC3CO,KAAK,CAACP,SAAS,CAAC,OAAO,CAAC,CACpBO,KAAK,CAACP,SAAS,CAAC,MAAM,CAAC,CACnBe,KAAK,CAAClB,MAAM,CAACmB,KAAK,CAAC,CACvB,CACJ,CACJ,CACAF,MAAM,CAACd,SAAS,CAAC,QAAQ,CAAC,CACtBS,eAAe,CAACZ,MAAM,CAACa,MAAM,CAAC,CAC9BK,KAAK,CAAClB,MAAM,CAACmB,KAAK,CAAC,CACnBC,KAAK,CAACjB,SAAS,EAAE,CACbS,eAAe,CAACZ,MAAM,CAACqB,KAAK,CAAC,CACjC,CACJ,EACH,mCAAmC,CAAC;MAQtCjC,GAAG,CAACkC,OAAO,GAAG;QAAE,YAAY,EAAE;MAAU,CAAE;MAU1C3B,UAAU,CAAC2B,OAAO,GAAGlC,GAAG,CAACkC,OAAO;IAAC;EAAA;AAAA"}

package/dist/switch/AtomSwitch.d.ts

@@ -1,7 +0,0 @@
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-export default class AtomSwitch extends AtomControl {
-    value: boolean;
-    constructor(app: any, e?: HTMLLabelElement);
-    create(): void;
-}
-//# sourceMappingURL=AtomSwitch.d.ts.map

package/dist/switch/AtomSwitch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AtomSwitch.d.ts","sourceRoot":"","sources":["../../src/switch/AtomSwitch.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAGxC,KAAK,EAAE,OAAO,CAAC;gBAEV,GAAG,KAAA,EAAE,CAAC,mBAAkC;IAI7C,MAAM;CAQhB"}

package/dist/switch/AtomSwitch.js

@@ -1,42 +0,0 @@
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "./AtomSwitchStyle"], function (_export, _context) {
-  "use strict";
-
-  var __decorate, __metadata, Bind, BindableProperty, XNode, AtomControl, AtomSwitchStyle, AtomSwitch;
-  _export("default", void 0);
-  return {
-    setters: [function (_tslib) {
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_webAtomsCoreDistCoreBindableProperty) {
-      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistWebControlsAtomControl) {
-      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }, function (_AtomSwitchStyle) {
-      AtomSwitchStyle = _AtomSwitchStyle.default;
-    }],
-    execute: function () {
-      _export("default", AtomSwitch = class AtomSwitch extends AtomControl {
-        constructor(app, e = document.createElement("label")) {
-          super(app, e);
-        }
-        create() {
-          this.defaultControlStyle = AtomSwitchStyle;
-          this.render(XNode.create("label", {
-            class: Bind.oneTime(() => this.controlStyle.name + " switch")
-          }, XNode.create("input", {
-            type: "checkbox",
-            checked: Bind.twoWays(() => this.value)
-          }), XNode.create("span", {
-            class: "slider"
-          })));
-        }
-      });
-      __decorate([BindableProperty, __metadata("design:type", Boolean)], AtomSwitch.prototype, "value", void 0);
-    }
-  };
-});
-//# sourceMappingURL=AtomSwitch.js.map

package/dist/switch/AtomSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AtomSwitch","_export","setters","_tslib","Bind","_webAtomsCoreDistCoreBind","default","_webAtomsCoreDistCoreBindableProperty","BindableProperty","_webAtomsCoreDistCoreXNode","XNode","_webAtomsCoreDistWebControlsAtomControl","AtomControl","_AtomSwitchStyle","AtomSwitchStyle","execute","constructor","app","e","document","createElement","create","defaultControlStyle","render","class","oneTime","controlStyle","name","type","checked","twoWays","value","__decorate"],"sources":["../../src/switch/AtomSwitch.tsx"],"sourcesContent":[null],"mappings":";;;2FAMqBA,UAAW;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,MAAA;;;;MANzBC,IAAI,GAAAC,yBAAA,CAAAC,OAAA;IAAA,aAAAC,qCAAA;MACFC,gBAAgB,GAAAD,qCAAA,CAAhBC,gBAAgB;IAAA,aAAAC,0BAAA;MAClBC,KAAK,GAAAD,0BAAA,CAAAH,OAAA;IAAA,aAAAK,uCAAA;MACHC,WAAW,GAAAD,uCAAA,CAAXC,WAAW;IAAA,aAAAC,gBAAA;MACbC,eAAe,GAAAD,gBAAA,CAAAP,OAAA;IAAA;IAAAS,OAAA,WAAAA,CAAA;MAAAd,OAAA,YAEDD,UAAW,GAAlB,MAAOA,UAAW,SAAQY,WAAW;QAK/CI,YAAYC,GAAG,EAAEC,CAAC,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;UAChD,KAAK,CAACH,GAAG,EAAEC,CAAC,CAAC;QACjB;QAEOG,MAAMA,CAAA;UACT,IAAI,CAACC,mBAAmB,GAAGR,eAAe;UAC1C,IAAI,CAACS,MAAM,CAACb,KAAA,CAAAW,MAAA;YAAOG,KAAK,EAAEpB,IAAI,CAACqB,OAAO,CAAC,MAAM,IAAI,CAACC,YAAY,CAACC,IAAI,GAAG,SAAS;UAAC,GAC5EjB,KAAA,CAAAW,MAAA;YAAOO,IAAI,EAAC,UAAU;YAACC,OAAO,EAAEzB,IAAI,CAAC0B,OAAO,CAAC,MAAM,IAAI,CAACC,KAAK;UAAC,EAAG,EACjErB,KAAA,CAAAW,MAAA;YAAMG,KAAK,EAAC;UAAQ,EAAQ,CACxB,CAAC;QACb;OAEH;MAfGQ,UAAA,EAACxB,gBAAgB,E,2EACK;IAAA;EAAA;AAAA"}

package/dist/switch/AtomSwitchStyle.d.ts

@@ -1,8 +0,0 @@
-import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle";
-import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";
-export default class AtomSwitchStyle extends AtomStyle {
-    get root(): IStyleDeclaration;
-    get switch(): IStyleDeclaration;
-    get slider(): IStyleDeclaration;
-}
-//# sourceMappingURL=AtomSwitchStyle.d.ts.map

package/dist/switch/AtomSwitchStyle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AtomSwitchStyle.d.ts","sourceRoot":"","sources":["../../src/switch/AtomSwitchStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAC;AAEtF,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,SAAS;IAElD,IAAW,IAAI,IAAI,iBAAiB,CASnC;IAED,IAAW,MAAM,IAAI,iBAAiB,CAyBrC;IAED,IAAW,MAAM,IAAI,iBAAiB,CAyBrC;CACJ"}

package/dist/switch/AtomSwitchStyle.js

@@ -1,80 +0,0 @@
-System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/web/styles/AtomStyle"], function (_export, _context) {
-  "use strict";
-
-  var Colors, AtomStyle, AtomSwitchStyle;
-  _export("default", void 0);
-  return {
-    setters: [function (_webAtomsCoreDistCoreColors) {
-      Colors = _webAtomsCoreDistCoreColors.default;
-    }, function (_webAtomsCoreDistWebStylesAtomStyle) {
-      AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
-    }],
-    execute: function () {
-      _export("default", AtomSwitchStyle = class AtomSwitchStyle extends AtomStyle {
-        get root() {
-          return {
-            marginLeft: "5px",
-            marginRight: "5px",
-            subclasses: {
-              ".switch": this.switch,
-              " .slider": this.slider
-            }
-          };
-        }
-        get switch() {
-          return {
-            position: "relative",
-            display: "inline-block",
-            width: "60px",
-            height: "34px",
-            subclasses: {
-              " input": {
-                opacity: "0",
-                width: "0",
-                height: "0",
-                subclasses: {
-                  ":checked + .slider": {
-                    backgroundColor: Colors.deepSkyBlue
-                  },
-                  ":checked + .slider:before": {
-                    transform: "translateX(26px)"
-                  },
-                  ":focus + .slider": {
-                    boxShadow: "0 0 1px " + Colors.deepSkyBlue
-                  }
-                }
-              }
-            }
-          };
-        }
-        get slider() {
-          return {
-            position: "absolute",
-            cursor: "pointer",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: Colors.silver,
-            transition: ".4s",
-            borderRadius: "20px",
-            subclasses: {
-              ":before": {
-                position: "absolute",
-                content: '""',
-                height: "26px",
-                width: "26px",
-                left: "4px",
-                bottom: "4px",
-                backgroundColor: Colors.white,
-                transition: ".4s",
-                borderRadius: "50%"
-              }
-            }
-          };
-        }
-      });
-    }
-  };
-});
-//# sourceMappingURL=AtomSwitchStyle.js.map

package/dist/switch/AtomSwitchStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AtomSwitchStyle","_export","setters","_webAtomsCoreDistCoreColors","Colors","default","_webAtomsCoreDistWebStylesAtomStyle","AtomStyle","execute","root","marginLeft","marginRight","subclasses","switch","slider","position","display","width","height","opacity","backgroundColor","deepSkyBlue","transform","boxShadow","cursor","top","left","right","bottom","silver","transition","borderRadius","content","white"],"sources":["../../src/switch/AtomSwitchStyle.ts"],"sourcesContent":[null],"mappings":";;;yBAIqBA,eAAgB;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,2BAAA;MAJ9BC,MAAM,GAAAD,2BAAA,CAAAE,OAAA;IAAA,aAAAC,mCAAA;MACJC,SAAS,GAAAD,mCAAA,CAATC,SAAS;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAP,OAAA,YAGGD,eAAgB,GAAvB,MAAOA,eAAgB,SAAQO,SAAS;QAElD,IAAWE,IAAIA,CAAA;UACX,OAAO;YACHC,UAAU,EAAE,KAAK;YACjBC,WAAW,EAAE,KAAK;YAClBC,UAAU,EAAE;cACR,SAAS,EAAE,IAAI,CAACC,MAAM;cACtB,UAAU,EAAE,IAAI,CAACC;;WAExB;QACL;QAEA,IAAWD,MAAMA,CAAA;UACb,OAAO;YACHE,QAAQ,EAAE,UAAU;YACpBC,OAAO,EAAE,cAAc;YACvBC,KAAK,EAAE,MAAM;YACbC,MAAM,EAAE,MAAM;YACdN,UAAU,EAAE;cACR,QAAQ,EAAE;gBACNO,OAAO,EAAE,GAAG;gBACZF,KAAK,EAAE,GAAG;gBACVC,MAAM,EAAE,GAAG;gBACXN,UAAU,EAAE;kBACR,oBAAoB,EAAE;oBAClBQ,eAAe,EAAEhB,MAAM,CAACiB;mBAC3B;kBACD,2BAA2B,EAAE;oBACzBC,SAAS,EAAE;mBACd;kBACD,kBAAkB,EAAE;oBAChBC,SAAS,EAAE,UAAU,GAAGnB,MAAM,CAACiB;;;;;WAKlD;QACL;QAEA,IAAWP,MAAMA,CAAA;UACb,OAAO;YACHC,QAAQ,EAAE,UAAU;YACpBS,MAAM,EAAE,SAAS;YACjBC,GAAG,EAAE,CAAC;YACNC,IAAI,EAAE,CAAC;YACPC,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE,CAAC;YACTR,eAAe,EAAEhB,MAAM,CAACyB,MAAM;YAC9BC,UAAU,EAAE,KAAK;YACjBC,YAAY,EAAE,MAAM;YACpBnB,UAAU,EAAE;cACR,SAAS,EAAE;gBACPG,QAAQ,EAAE,UAAU;gBACpBiB,OAAO,EAAE,IAAI;gBACbd,MAAM,EAAE,MAAM;gBACdD,KAAK,EAAE,MAAM;gBACbS,IAAI,EAAE,KAAK;gBACXE,MAAM,EAAE,KAAK;gBACbR,eAAe,EAAEhB,MAAM,CAAC6B,KAAK;gBAC7BH,UAAU,EAAE,KAAK;gBACjBC,YAAY,EAAE;;;WAGzB;QACL;OACH;IAAA;EAAA;AAAA"}

package/src/basic/Form2.tsx

@@ -1,121 +0,0 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode, { elementFactorySymbol } from "@web-atoms/core/dist/core/XNode";
-import styled from "@web-atoms/core/dist/style/styled";
-
-    styled.css `
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing, 5px);
-
-    &[data-valid=true] {
-        & .field-error:not(:empty) {
-            display: none;
-        }
-        & > .error-message {
-            display: none;
-        }
-    }
-
-    & > .error-message {
-        padding: var(--spacing-small, 2px);
-        padding-left: var(--spacing-large, 10px);
-        padding-right: var(--spacing-large, 10px);
-        background-color: red;
-        border-radius: 9999px;
-        color: white;
-        position: sticky;
-    }
-`.installGlobal("[data-form=form]");
-
-const checkClick = (e: MouseEvent) => {
-    const form = e.currentTarget as HTMLDivElement;
-    const target = e.target as HTMLButtonElement;
-    if (!/submit/i.test(target.type ?? target.getAttribute("data-type") )) {
-        return;
-    }
-    form.setAttribute("data-show-validation", "true");
-    setTimeout(() => {
-        const all = Array.from(form.getElementsByClassName("field-error"));
-        for (const iterator of all) {
-            if (iterator.textContent) {
-                form.setAttribute("data-valid", "false");
-                return;
-            }
-        }
-        form.setAttribute("data-valid", "true");
-        target.dispatchEvent(new CustomEvent(form.getAttribute("data-submit-event"), { bubbles: true, cancelable: true }));
-    }, 100);
-};
-
-export interface IForm2 {
-    /**
-     * The event that will be dispatched, default is `submitForm`
-     */
-    "data-submit-event"?: string;
-    /**
-     * Validation will be displayed if set to true, default is false.
-     * It will be set to true if button with type=submit or data-type=submit will be clicked.
-     */
-    "data-show-validation"?: "true" | "false"
-    /**
-     * Default error message to be displayed if any field contains error.
-     */
-    "data-error-message"?: string;
-}
-
-export default function Form2({
-    "data-submit-event": submitEvent = "submitForm",
-    "data-show-validation": showValidation = "false",
-    "data-error-message": errorMessage = "Please fix all validations",
-    ... a
-}: IForm2, ... nodes: XNode[]) {
-    return <div
-        { ... a}
-        data-submit-event={submitEvent}
-        data-form="form"
-        data-valid="true"
-        data-show-validation={showValidation}
-        data-error-message={errorMessage}
-        event-click={checkClick}>
-        <div class="error-message" text={errorMessage}/>
-        { ... nodes}
-    </div>;
-}
-
-type Func = (... p: any[]) => any;
-
-export interface IValidator {
-    value: Func;
-    message?: (value: string, label: string) => string;
-    isValid?: (value: string, element: HTMLElement) => boolean;
-}
-
-export const BindError = ({
-    value,
-    message = (v, l) => `${l} is invalid`,
-    isValid = (v, e) => !!v,
-}: IValidator) => {
-    function f2 (sender, element: HTMLElement) {
-        const isRequired = element.parentElement.querySelector(`[data-required]`);
-        const msg = value.call(this, sender);
-        if (!msg) {
-            if (!isRequired) {
-                return "";
-            }
-        }
-        if (isValid(msg, element)) {
-            return "";
-        }
-        return message(msg, element.parentElement.querySelector(`[data-element=label]`)?.textContent || "This field ");
-    };
-    f2.toString = () => value.toString();
-    return Bind.oneWay(f2);
-}
-
-export const BindEmailError = ({
-    value,
-    message = (v, l) => `${l} is not a valid email address`,
-    isValid = (v, e) => /[^\@]+\@[^\@]+\.[^\@]+/i.test(v),
-}: IValidator) => {
-    return BindError({ value, message, isValid });
-}

package/src/basic/FormDialog.tsx

@@ -1,28 +0,0 @@
-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";
-import Form, { IForm } from "./Form";
-
-CSS(StyleRule()
-    .display("flex")
-    .overflow("auto")
-    .position("relative")
-    .child(StyleRule("[data-wa-form]")
-        .marginBottom(70)
-        .child(StyleRule("[data-command-row]")
-            .absolutePosition({
-                left: 0,
-                right: 0,
-                bottom: 0
-            })
-        )
-    )
-, "div[data-form-dialog=true]");
-
-export default function FormDialog(a: IForm, ... nodes: XNode[]) {
-    return <div data-form-dialog="true">
-        <Form scrollable={true} {... a}>
-            { ... nodes}
-        </Form>
-    </div>;
-}

package/src/basic/Input.tsx

@@ -1,30 +0,0 @@
-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/Mix.tsx

@@ -1,25 +0,0 @@
-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";
-import IElement from "./IElement";
-
-CSS(StyleRule()
-    .display("inline-grid")
-    .and(StyleRule("[data-block=true]")
-        .display("grid")
-    )
-, "*[data-mix=mix]");
-
-export interface IMix extends IElement {
-    block?: boolean;
-}
-
-export default function Mix({
-    block = false ,
-    ... a}, ... nodes: XNode[]) {
-    return <div
-        data-block={!!block}
-        data-mix="mix" { ... a}>
-            { ... nodes }
-        </div>;
-}

package/src/basic/Panel.tsx

@@ -1,43 +0,0 @@
-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/Row.tsx

@@ -1,49 +0,0 @@
-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";
-
-CSS(StyleRule()
-    .flexLayout({ alignItems: "center" , justifyContent: "flex-start" })
-    .child(StyleRule("*")
-        .flex("0 0 auto")
-    )
-, "div[data-row=row]");
-
-CSS(StyleRule()
-    .backgroundColor(Colors.purple.withAlphaPercent(0.1))
-    .borderRadius(9999)
-    .padding(7)
-    .nested(StyleRule("*[data-fa-button=fa-button]")
-        .child(StyleRule("label")
-            .child(StyleRule(".fad")
-                .color(Colors.white)
-            )
-        )
-    )
-    .nested(StyleRule("button")
-        .backgroundColor(Colors.purple)
-        .color(Colors.white)
-        .hover(StyleRule()
-            .backgroundColor(Colors.green)
-        )
-    )
-, "div[data-command-row=command-row]");
-
-export default function Row(a: any, ... nodes: XNode[]) {
-    return <div data-row="row" { ... a}>
-        { ... nodes }
-    </div>;
-}
-
-Row.stretch = { "style-flex": "1 1 100%" };
-
-export function CommandRow(a: any, ... nodes: XNode[]) {
-    return <div
-        data-row="row"
-        data-command-row="command-row" { ... a}>
-        { ... nodes }
-    </div>;
-}
-
-CommandRow.stretch = Row.stretch;

package/src/switch/AtomSwitch.tsx

@@ -1,24 +0,0 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import AtomSwitchStyle from "./AtomSwitchStyle";
-
-export default class AtomSwitch extends AtomControl {
-
-    @BindableProperty
-    public value: boolean;
-
-    constructor(app, e = document.createElement("label")) {
-        super(app, e);
-    }
-
-    public create() {
-        this.defaultControlStyle = AtomSwitchStyle;
-        this.render(<label class={Bind.oneTime(() => this.controlStyle.name + " switch")}>
-            <input type="checkbox" checked={Bind.twoWays(() => this.value)}/>
-            <span class="slider"></span>
-        </label>);
-    }
-
-}