@web-atoms/web-controls 2.1.265 → 2.1.266

package/dist/basic/FormField.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["FormField","_a","node","label","required","error","helpIcon","help","helpEventClick","helpTitle","border","others","na","attributes","_b","Bind","event","s","e","app","FormattedString","ns","resolve","NavigationService","notify","HelpPopup","PopupWindow","create","render","XNode","showWindow","title","class","text","eventClick","HorizontalFormField","Colors","StyleRule","CSS","css","display","alignItems","gridTemplateColumns","gridTemplateRows","child","gridRowStart","gridColumnStart","gridColumnEnd","marginTop","marginBottom","and","nested","outline","alignSelf","borderBottomStyle","borderBottomWidth","borderBottomColor","lightGray","black","padding","fontSize","cursor","marginLeft","color","lightGreen","margin","borderRadius","backgroundColor","red","white","visibility","marginRight","width","maxHeight","overflow","verticalFlexLayout","justifyContent","document","addEventListener","target","dataset","waFormField","focused","parentElement"],"sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"sourcesContent":[null]}

package/dist/basic/IElement.sys.js

@@ -0,0 +1,9 @@
+System.register([], function (_export, _context) {
+  "use strict";
+
+  return {
+    setters: [],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=IElement.sys.js.map

package/dist/basic/IElement.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

package/dist/basic/Input.sys.js

@@ -0,0 +1,33 @@
+System.register(["@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 XNode, StyleRule, CSS, css;
+
+  function Input({
+    value,
+    placeholder
+  }) {
+    return XNode.create("div", {
+      class: css
+    }, XNode.create("input", {
+      type: "input",
+      placeholder: placeholder
+    }));
+  }
+
+  _export("default", Input);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      css = CSS(StyleRule("input").display("inline-block").child(StyleRule("input[type=input]").margin(0).padding(5).height(25).marginRight(5).outline("none").alignSelf("center")));
+    }
+  };
+});
+//# sourceMappingURL=Input.sys.js.map

package/dist/basic/Input.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAkBc,SAAUA,KAAV,CAAgB;IAC1BC,KAD0B;IAE1BC;EAF0B,CAAhB,EAMb;IACG,OAAOC;MAAKC,KAAK,EAAEC;IAAZ,GACAF;MAAOG,IAAI,EAAC,OAAZ;MACAJ,WAAW,EAAEA;IADb,EADA,CAAP;EAIH;;qBAXuBF,K;;;;MAlBjBG,K;;MACAI,S;;MACAC,G;;;MAEDH,G,GAAMG,GAAG,CACXD,SAAS,CAAC,OAAD,CAAT,CACCE,OADD,CACS,cADT,EAECC,KAFD,CAGIH,SAAS,CAAC,mBAAD,CAAT,CACCI,MADD,CACQ,CADR,EAECC,OAFD,CAES,CAFT,EAGCC,MAHD,CAGQ,EAHR,EAICC,WAJD,CAIa,CAJb,EAKCC,OALD,CAKS,MALT,EAMCC,SAND,CAMW,QANX,CAHJ,CADW,C","names":["Input","value","placeholder","XNode","class","css","type","StyleRule","CSS","display","child","margin","padding","height","marginRight","outline","alignSelf"],"sourceRoot":"","sources":["../../src/basic/Input.tsx"],"sourcesContent":[null]}

package/dist/basic/MaskedInput.sys.js

@@ -0,0 +1,82 @@
+System.register(["@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 XNode, StyleRule, CSS, __rest, updateMask;
+
+  function MaskedInput(_a) {
+    var {
+      mask
+    } = _a,
+        a = __rest(_a, ["mask"]);
+
+    return XNode.create("input", Object.assign({
+      "data-mask": mask
+    }, a));
+  }
+
+  _export("default", MaskedInput);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      __rest = void 0 && (void 0).__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;
+      };
+
+      CSS(StyleRule().position("relative").paddingLeft(2).paddingTop(1).fontFamily("monospace"), "input[data-mask]");
+
+      updateMask = e => {
+        const target = e.target;
+        const mask = target.dataset.mask;
+
+        if (!mask) {
+          return;
+        }
+
+        let result = "";
+        const value = target.value;
+
+        for (let index = 0, elementIndex = 0; elementIndex < value.length; elementIndex++, index++) {
+          const element = value[elementIndex];
+          const maskElement = mask[index];
+
+          switch (maskElement) {
+            case "#":
+              result += /[0-9]/.test(element) ? element : "";
+              continue;
+
+            case ".":
+              if (element !== ".") {
+                result += ".";
+              }
+
+              result += element;
+              break;
+          }
+        }
+
+        if (target.value !== result) {
+          target.value = result;
+        }
+      };
+
+      document.body.addEventListener("change", updateMask, true);
+      document.body.addEventListener("keypress", updateMask, true);
+      document.body.addEventListener("keyup", updateMask, true);
+    }
+  };
+});
+//# sourceMappingURL=MaskedInput.sys.js.map

package/dist/basic/MaskedInput.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EA4Dc,SAAUA,WAAV,CAAsBC,EAAtB,EAAkD;QAA5B;MAAEC;IAAF,IAAMD;QAAME,CAAC,cAAb,QAAa;;IAC7C,OAAOC;MAAA,aACQF;IADR,GAEGC,CAFH,EAAP;EAIH;;qBALuBH,W;;;;MA5DjBI,K;;MACAC,S;;MACAC,G;;;;;;;;;;;;;;MAOPA,GAAG,CAACD,SAAS,GACRE,QADD,CACU,UADV,EAECC,WAFD,CAEa,CAFb,EAGCC,UAHD,CAGY,CAHZ,EAICC,UAJD,CAIY,WAJZ,CAAD,EAeD,kBAfC,CAAH;;MAiBMC,U,GAAcC,CAAD,IAAa;QAC5B,MAAMC,MAAM,GAAGD,CAAC,CAACC,MAAjB;QACA,MAAMX,IAAI,GAAGW,MAAM,CAACC,OAAP,CAAeZ,IAA5B;;QACA,IAAI,CAACA,IAAL,EAAW;UACP;QACH;;QAED,IAAIa,MAAM,GAAG,EAAb;QACA,MAAMC,KAAK,GAAGH,MAAM,CAACG,KAArB;;QAEA,KAAK,IAAIC,KAAK,GAAG,CAAZ,EAAeC,YAAY,GAAG,CAAnC,EAAsCA,YAAY,GAAGF,KAAK,CAACG,MAA3D,EAAmED,YAAY,IAAID,KAAK,EAAxF,EAA4F;UACxF,MAAMG,OAAO,GAAGJ,KAAK,CAACE,YAAD,CAArB;UACA,MAAMG,WAAW,GAAGnB,IAAI,CAACe,KAAD,CAAxB;;UACA,QAAQI,WAAR;YACI,KAAK,GAAL;cACIN,MAAM,IAAI,QAAQO,IAAR,CAAaF,OAAb,IAAwBA,OAAxB,GAAkC,EAA5C;cACA;;YACJ,KAAK,GAAL;cACI,IAAIA,OAAO,KAAK,GAAhB,EAAqB;gBACjBL,MAAM,IAAI,GAAV;cACH;;cACDA,MAAM,IAAIK,OAAV;cACA;UATR;QAWH;;QACD,IAAIP,MAAM,CAACG,KAAP,KAAiBD,MAArB,EAA6B;UACzBF,MAAM,CAACG,KAAP,GAAeD,MAAf;QACH;MACJ,C;;MAEDQ,QAAQ,CAACC,IAAT,CAAcC,gBAAd,CAA+B,QAA/B,EAAyCd,UAAzC,EAAqD,IAArD;MACAY,QAAQ,CAACC,IAAT,CAAcC,gBAAd,CAA+B,UAA/B,EAA2Cd,UAA3C,EAAuD,IAAvD;MACAY,QAAQ,CAACC,IAAT,CAAcC,gBAAd,CAA+B,OAA/B,EAAwCd,UAAxC,EAAoD,IAApD","names":["MaskedInput","_a","mask","a","XNode","StyleRule","CSS","position","paddingLeft","paddingTop","fontFamily","updateMask","e","target","dataset","result","value","index","elementIndex","length","element","maskElement","test","document","body","addEventListener"],"sourceRoot":"","sources":["../../src/basic/MaskedInput.tsx"],"sourcesContent":[null]}

package/dist/basic/MaskedInputDiv.sys.js

@@ -0,0 +1,122 @@
+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/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
+  "use strict";
+
+  var Colors, XNode, StyleRule, AtomControl, CSS, __rest, updateMask, maskProperty;
+
+  function MaskedInput(_a) {
+    var {
+      mask
+    } = _a,
+        a = __rest(_a, ["mask"]);
+
+    return XNode.create("div", Object.assign({
+      "data-mask": mask
+    }, maskProperty(mask)), XNode.create("input", Object.assign({
+      "data-mask": mask
+    }, a)));
+  }
+
+  _export("default", MaskedInput);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      __rest = void 0 && (void 0).__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;
+      };
+
+      CSS(StyleRule().display("inline").position("relative").paddingLeft(2).paddingTop(2).fontFamily("monospace").and(StyleRule("::before").absolutePosition({
+        left: 2,
+        top: 2
+      }).content("attr(data-label)").fontFamily("inherit").fontWeight("inherit").fontSize("inherit").pointerEvents("none")).and(StyleRule("::after").absolutePosition({
+        left: 2,
+        top: 2
+      }).content("attr(data-mask)").fontFamily("inherit").fontWeight("inherit").fontSize("inherit").pointerEvents("none").opacity("0.2")).child(StyleRule("input").color(Colors.transparent).caretColor(Colors.gray).fontFamily("inherit").fontWeight("inherit").fontSize("inherit")), "div[data-mask]");
+
+      updateMask = e => {
+        const target = e.target;
+        const mask = target.dataset.mask;
+
+        if (!mask) {
+          return;
+        }
+
+        let result = "";
+        const value = target.value;
+
+        for (let index = 0, elementIndex = 0; elementIndex < value.length; elementIndex++, index++) {
+          const element = value[elementIndex];
+          const maskElement = mask[index];
+
+          switch (maskElement) {
+            case "#":
+              result += /[0-9]/.test(element) ? element : "0";
+              continue;
+
+            case ".":
+              if (element !== ".") {
+                result += ".";
+              }
+
+              result += element;
+              break;
+
+            default:
+              result += element;
+              break;
+          }
+        }
+
+        target.parentElement.dataset.label = result;
+      };
+
+      document.body.addEventListener("change", updateMask);
+      document.body.addEventListener("keypress", updateMask);
+      document.body.addEventListener("keyup", updateMask);
+      maskProperty = AtomControl.registerProperty("data-mask", "format", (ctrl, e, value) => {
+        if (!value) {
+          e.dataset.label = "";
+          return;
+        }
+
+        let result = "";
+
+        for (const iterator of value) {
+          switch (iterator) {
+            case "#":
+              result += " ";
+              continue;
+
+            case "0":
+              result += "0";
+              continue;
+
+            default:
+              result += iterator;
+              continue;
+          }
+        }
+
+        e.dataset.label = result;
+      });
+    }
+  };
+});
+//# sourceMappingURL=MaskedInputDiv.sys.js.map

package/dist/basic/MaskedInputDiv.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["MaskedInput","_a","mask","a","XNode","maskProperty","Colors","StyleRule","AtomControl","CSS","display","position","paddingLeft","paddingTop","fontFamily","and","absolutePosition","left","top","content","fontWeight","fontSize","pointerEvents","opacity","child","color","transparent","caretColor","gray","updateMask","e","target","dataset","result","value","index","elementIndex","length","element","maskElement","test","parentElement","label","document","body","addEventListener","registerProperty","ctrl","iterator"],"sourceRoot":"","sources":["../../src/basic/MaskedInputDiv.tsx"],"sourcesContent":[null]}

package/dist/basic/Mix.sys.js

@@ -0,0 +1,44 @@
+System.register(["@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 XNode, StyleRule, CSS, __rest;
+
+  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 (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      __rest = void 0 && (void 0).__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;
+      };
+
+      CSS(StyleRule().display("inline-grid").and(StyleRule("[data-block=true]").display("grid")), "*[data-mix=mix]");
+    }
+  };
+});
+//# sourceMappingURL=Mix.sys.js.map

package/dist/basic/Mix.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAgBc,SAAUA,GAAV,CAAcC,EAAd,EAEF,GAAIC,KAFF,EAEgB;QAFF;MACxBC,KAAK,GAAG;IADgB,IACXF;QACTG,CAAC,cAFmB,SAEnB;;IACL,OAAOC;MAAA,cACS,CAAC,CAACF,KADX;MACgB,YACV;IAFN,GAEkBC,CAFlB,GAEmB,GACZF,KAHP,CAAP;EAKH;;qBARuBF,G;;;;MAhBjBK,K;;MACAC,S;;MACAC,G;;;;;;;;;;;;;;MAGPA,GAAG,CAACD,SAAS,GACRE,OADD,CACS,aADT,EAECC,GAFD,CAEKH,SAAS,CAAC,mBAAD,CAAT,CACAE,OADA,CACQ,MADR,CAFL,CAAD,EAKD,iBALC,CAAH","names":["Mix","_a","nodes","block","a","XNode","StyleRule","CSS","display","and"],"sourceRoot":"","sources":["../../src/basic/Mix.tsx"],"sourcesContent":[null]}

package/dist/basic/Panel.sys.js

@@ -0,0 +1,42 @@
+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.sys.js.map

package/dist/basic/Panel.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAsBc,SAAUA,KAAV,CACV;IACIC,MADJ;IAEIC,KAAK,EAAEC;EAFX,CADU,EAKV,GAAIC,QALM,EAKS;IAEnBD,SAAS,GAAGA,SAAS,GAAGE,GAAG,GAAG,GAAN,GAAYF,SAAf,GAA2BE,GAAhD;;IAEA,IAAIJ,MAAJ,EAAY;MACR,OAAOK;QAAKJ,KAAK,EAAEC;MAAZ,GACHG;QAAOJ,KAAK,EAAC;MAAb,GAAuBD,MAAvB,CADG,KAEGG,QAFH,CAAP;IAIH;;IAED,OAAOE;MAAKJ,KAAK,EAAEC;IAAZ,GAAqB,GAClBC,QADH,CAAP;EAIH;;qBApBuBJ,K;;;;MAtBjBO,M;;MACAD,K;;MACAE,S;;MACAC,G;;;MAODJ,G,GAAMI,GAAG,CAACD,SAAS,CAAC,OAAD,CAAT,CACXE,OADW,CACH,cADG,EAEXC,OAFW,CAEH,CAFG,EAGXC,MAHW,CAGJ,CAHI,EAIXC,YAJW,CAIE,IAJF,EAKXC,gBALW,GAMXC,KANW,CAMLP,SAAS,CAAC,SAAD,CAAT,CACFQ,eADE,CACcT,MAAM,CAACU,SADrB,EAEFJ,YAFE,CAEW,CAFX,EAGFF,OAHE,CAGM,CAHN,CANK,CAAD,C","names":["Panel","header","class","className","children","css","XNode","Colors","StyleRule","CSS","display","padding","margin","borderRadius","defaultBoxShadow","child","backgroundColor","lightGray"],"sourceRoot":"","sources":["../../src/basic/Panel.tsx"],"sourcesContent":[null]}

package/dist/basic/PopupButton.sys.js

@@ -0,0 +1,143 @@
+System.register(["@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"], function (_export, _context) {
+  "use strict";
+
+  var Bind, Colors, XNode, StyleRule, PopupService, CSS, __rest, menuCss, iconLabelCss;
+
+  function MenuItem(_a) {
+    var {
+      label,
+      icon,
+      eventClick,
+      href,
+      target
+    } = _a,
+        others = __rest(_a, ["label", "icon", "eventClick", "href", "target"]);
+
+    if (label) {
+      return XNode.create("div", Object.assign({
+        "data-menu-item": "menu-item",
+        eventClick: eventClick
+      }, others), XNode.create("i", {
+        class: icon
+      }), XNode.create("span", null, label));
+    }
+
+    return XNode.create("div", Object.assign({
+      "data-menu-item": "menu-item",
+      eventClick: eventClick
+    }, others), XNode.create("i", {
+      class: icon
+    }));
+  }
+
+  function PopupButton(_a, ...menus) {
+    var {
+      icon,
+      label,
+      showAsDialog
+    } = _a,
+        others = __rest(_a, ["icon", "label", "showAsDialog"]);
+
+    let popup = null;
+
+    function openPopup(s, e) {
+      const button = e.currentTarget;
+      button.classList.add("pressed");
+
+      if (popup) {
+        popup.dispose();
+        popup = null;
+        return;
+      }
+
+      const menu = document.createElement("div");
+      s.render(XNode.create("div", {
+        class: menuCss
+      }, ...menus), menu);
+      const options = showAsDialog ? {
+        alignment: "centerOfScreen"
+      } : null;
+      popup = PopupService.show(button, menu, options);
+
+      const clickHandler = e => {
+        let start = e.target;
+        const body = document.body;
+
+        while (start) {
+          if (start === body) {
+            return;
+          }
+
+          if (start.dataset.menuItem === "menu-item") {
+            break;
+          }
+
+          start = start.parentElement;
+        }
+
+        popup === null || popup === void 0 ? void 0 : popup.dispose();
+        popup = null;
+      };
+
+      menu.addEventListener("click", clickHandler);
+      popup.registerDisposable(() => {
+        button.classList.remove("pressed");
+        menu.removeEventListener("click", clickHandler);
+        popup = null;
+      });
+    }
+
+    if (label) {
+      return XNode.create("button", Object.assign({}, others, {
+        eventClick: Bind.event((s, e) => openPopup(s, e))
+      }), XNode.create("label", {
+        class: iconLabelCss
+      }, XNode.create("i", {
+        class: icon
+      }), XNode.create("span", null, label)));
+    }
+
+    return XNode.create("button", Object.assign({}, others, {
+      eventClick: Bind.event((s, e) => openPopup(s, e))
+    }), XNode.create("i", {
+      class: icon
+    }));
+  }
+
+  _export({
+    MenuItem: MenuItem,
+    default: PopupButton
+  });
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebServicesPopupService) {
+      PopupService = _webAtomsCoreDistWebServicesPopupService.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      __rest = void 0 && (void 0).__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;
+      };
+
+      menuCss = CSS(StyleRule().child(StyleRule().padding(5).margin(3).borderRadius(5).cursor("pointer").hoverBackgroundColor(Colors.lightGreen)), "*[data-menu-item=menu-item]");
+      iconLabelCss = CSS(StyleRule(".label").display("inline-flex").child(StyleRule("span").flexStretch()));
+    }
+  };
+});
+//# sourceMappingURL=PopupButton.sys.js.map

package/dist/basic/PopupButton.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["MenuItem","_a","label","icon","eventClick","href","target","others","XNode","class","PopupButton","menus","showAsDialog","popup","openPopup","s","e","button","currentTarget","classList","add","dispose","menu","document","createElement","render","menuCss","options","alignment","PopupService","show","clickHandler","start","body","dataset","menuItem","parentElement","addEventListener","registerDisposable","remove","removeEventListener","Bind","event","iconLabelCss","Colors","StyleRule","CSS","child","padding","margin","borderRadius","cursor","hoverBackgroundColor","lightGreen","display","flexStretch"],"sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"sourcesContent":[null]}

package/dist/basic/RadioButtonList.sys.js

@@ -0,0 +1,79 @@
+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", "./AtomRepeater"], function (_export, _context) {
+  "use strict";
+
+  var Colors, XNode, StyleRule, CSS, AtomRepeater, RadioButtonList;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_AtomRepeater) {
+      AtomRepeater = _AtomRepeater.default;
+    }],
+    execute: function () {
+      CSS(StyleRule().flexLayout({
+        inline: true,
+        justifyContent: "flex-start"
+      }).flexFlow("wrap"), "*[data-radio-button-list=radio-button-list]");
+      CSS(StyleRule().flexLayout({
+        justifyContent: "flex-start"
+      }).marginRight(5).child(StyleRule("span").cursor("pointer")).and(StyleRule("[data-selected-item=true]").color(Colors.blue)).displayNone("[data-selected-item=true] > i.fa-circle").displayNone("[data-selected-item=false] > i.fa-dot-circle"), "div[data-item-type=radio]");
+
+      _export("default", RadioButtonList = class RadioButtonList extends AtomRepeater {
+        preCreate() {
+          super.preCreate();
+
+          this.valuePath = item => {
+            var _a;
+
+            return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
+          };
+
+          this.bindEvent(this.element, "itemClick", e => {
+            const s = this.selectedItems;
+
+            if (!s) {
+              return;
+            }
+
+            const item = e.detail;
+            const old = this.selectedItem;
+
+            if (old) {
+              this.element.dispatchEvent(new CustomEvent("itemDeselect", {
+                detail: old,
+                bubbles: false
+              }));
+            }
+
+            this.selectedItem = item;
+            this.element.dispatchEvent(new CustomEvent("itemSelect", {
+              detail: item,
+              bubbles: false
+            }));
+          });
+          this.element.dataset.radioButtonList = "radio-button-list";
+
+          this.itemRenderer = item => XNode.create("div", {
+            "data-item-type": "radio"
+          }, XNode.create("i", {
+            class: "far fa-dot-circle"
+          }), XNode.create("i", {
+            class: "far fa-circle"
+          }), XNode.create("span", {
+            text: item.label
+          }));
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=RadioButtonList.sys.js.map

package/dist/basic/RadioButtonList.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;mDA2BqBA,e;;;;;;MAzBdC,M;;MACAC,K;;MACAC,S;;MAEAC,G;;MACAC,Y;;;MAEPD,GAAG,CAACD,SAAS,GACRG,UADD,CACY;QAAEC,MAAM,EAAE,IAAV;QAAgBC,cAAc,EAAE;MAAhC,CADZ,EAECC,QAFD,CAEU,MAFV,CAAD,EAGH,6CAHG,CAAH;MAKAL,GAAG,CAACD,SAAS,GACRG,UADD,CACY;QAAEE,cAAc,EAAE;MAAlB,CADZ,EAECE,WAFD,CAEa,CAFb,EAGCC,KAHD,CAGOR,SAAS,CAAC,MAAD,CAAT,CACFS,MADE,CACK,SADL,CAHP,EAMCC,GAND,CAMKV,SAAS,CAAC,2BAAD,CAAT,CACAW,KADA,CACMb,MAAM,CAACc,IADb,CANL,EASCC,WATD,CASa,yCATb,EAUCA,WAVD,CAUa,8CAVb,CAAD,EAWD,2BAXC,CAAH;;yBAaqBhB,e,GAAP,MAAOA,eAAP,SAA+BK,YAA/B,CAA2C;QAE3CY,SAAS;UACf,MAAMA,SAAN;;UACA,KAAKC,SAAL,GAAkBC,IAAD,IAAS;YAAA;;YAAC,iBAAI,SAAJ,QAAI,WAAJ,GAAI,MAAJ,OAAI,CAAEC,KAAN,MAAW,IAAX,IAAWC,aAAX,GAAWA,EAAX,GAAeF,IAAf;UAAmB,CAA9C;;UACA,KAAKG,SAAL,CAAe,KAAKC,OAApB,EAA6B,WAA7B,EAA2CC,CAAD,IAAmB;YACzD,MAAMC,CAAC,GAAG,KAAKC,aAAf;;YACA,IAAI,CAACD,CAAL,EAAQ;cACJ;YACH;;YACD,MAAMN,IAAI,GAAGK,CAAC,CAACG,MAAf;YACA,MAAMC,GAAG,GAAG,KAAKC,YAAjB;;YACA,IAAID,GAAJ,EAAS;cACL,KAAKL,OAAL,CAAaO,aAAb,CAA2B,IAAIC,WAAJ,CAAgB,cAAhB,EAAgC;gBAAEJ,MAAM,EAAEC,GAAV;gBAAeI,OAAO,EAAE;cAAxB,CAAhC,CAA3B;YACH;;YACD,KAAKH,YAAL,GAAoBV,IAApB;YACA,KAAKI,OAAL,CAAaO,aAAb,CAA2B,IAAIC,WAAJ,CAAgB,YAAhB,EAA8B;cAAEJ,MAAM,EAAER,IAAV;cAAgBa,OAAO,EAAE;YAAzB,CAA9B,CAA3B;UACH,CAZD;UAaA,KAAKT,OAAL,CAAaU,OAAb,CAAqBC,eAArB,GAAuC,mBAAvC;;UACA,KAAKC,YAAL,GAAqBhB,IAAD,IAAUjB;YAAA,kBACX;UADW,GAE1BA;YAAGkC,KAAK,EAAC;UAAT,EAF0B,EAG1BlC;YAAGkC,KAAK,EAAC;UAAT,EAH0B,EAI1BlC;YAAMmC,IAAI,EAAElB,IAAI,CAACmB;UAAjB,EAJ0B,CAA9B;QAOH;;MA1BoD,C","names":["RadioButtonList","Colors","XNode","StyleRule","CSS","AtomRepeater","flexLayout","inline","justifyContent","flexFlow","marginRight","child","cursor","and","color","blue","displayNone","preCreate","valuePath","item","value","_a","bindEvent","element","e","s","selectedItems","detail","old","selectedItem","dispatchEvent","CustomEvent","bubbles","dataset","radioButtonList","itemRenderer","class","text","label"],"sourceRoot":"","sources":["../../src/basic/RadioButtonList.tsx"],"sourcesContent":[null]}