@web-atoms/web-controls 2.1.264 → 2.1.267

package/dist/basic/RefreshLock.sys.js

@@ -0,0 +1,103 @@
+System.register([], function (_export, _context) {
+  "use strict";
+
+  var RefreshLock, __awaiter;
+
+  _export("default", void 0);
+
+  return {
+    setters: [],
+    execute: function () {
+      __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+        function adopt(value) {
+          return value instanceof P ? value : new P(function (resolve) {
+            resolve(value);
+          });
+        }
+
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function rejected(value) {
+            try {
+              step(generator["throw"](value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+          }
+
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
+
+      _export("default", RefreshLock = class RefreshLock {
+        constructor(app, e) {
+          this.app = app;
+          this.map = new Map();
+
+          this.begin = ce => {
+            if (ce.target === ce.currentTarget) {
+              return;
+            }
+
+            const previous = this.promise;
+            this.promise = this.setupNew(previous, ce.detail.id);
+            this.app.runAsync(() => this.promise);
+          };
+
+          this.end = ce => {
+            if (ce.target === ce.currentTarget) {
+              return;
+            }
+
+            const resolver = this.map.get(ce.detail.id);
+            resolver === null || resolver === void 0 ? void 0 : resolver();
+          };
+
+          e.addEventListener("refreshLockBegin", this.begin);
+          e.addEventListener("refreshLockEnd", this.end);
+
+          this.dispose = () => {
+            e.removeEventListener("refreshLockBegin", this.begin);
+            e.removeEventListener("refreshLockEnd", this.begin);
+          };
+        }
+
+        queue(fx) {
+          if (this.promise) {
+            this.promise.then(fx);
+            return;
+          }
+
+          fx();
+        }
+
+        setupNew(previous, id) {
+          return __awaiter(this, void 0, void 0, function* () {
+            if (previous) {
+              yield previous;
+            }
+
+            yield new Promise((resolve, reject) => {
+              this.map.set(id, resolve);
+            });
+            this.map.delete(id);
+            this.promise = null;
+          });
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=RefreshLock.sys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;MAGqBA,W;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAAA,W,GAAP,MAAOA,WAAP,CAAkB;QAQ5BC,YAAoBC,GAApB,EAA8BC,CAA9B,EAA4C;UAAxB;UAFZ,WAAM,IAAIC,GAAJ,EAAN;;UAqBA,aAASC,EAAD,IAAoB;YAChC,IAAIA,EAAE,CAACC,MAAH,KAAcD,EAAE,CAACE,aAArB,EAAoC;cAChC;YACH;;YACD,MAAMC,QAAQ,GAAG,KAAKC,OAAtB;YACA,KAAKA,OAAL,GAAe,KAAKC,QAAL,CAAcF,QAAd,EAAwBH,EAAE,CAACM,MAAH,CAAUC,EAAlC,CAAf;YACA,KAAKV,GAAL,CAASW,QAAT,CAAkB,MAAM,KAAKJ,OAA7B;UACH,CAPO;;UASA,WAAOJ,EAAD,IAAoB;YAC9B,IAAIA,EAAE,CAACC,MAAH,KAAcD,EAAE,CAACE,aAArB,EAAoC;cAChC;YACH;;YACD,MAAMO,QAAQ,GAAG,KAAKC,GAAL,CAASC,GAAT,CAAaX,EAAE,CAACM,MAAH,CAAUC,EAAvB,CAAjB;YACAE,QAAQ,SAAR,YAAQ,WAAR,GAAQ,MAAR,WAAQ,EAAR;UACH,CANO;;UA1BJX,CAAC,CAACc,gBAAF,CAAmB,kBAAnB,EAAuC,KAAKC,KAA5C;UACAf,CAAC,CAACc,gBAAF,CAAmB,gBAAnB,EAAqC,KAAKE,GAA1C;;UAEA,KAAKC,OAAL,GAAe,MAAK;YAChBjB,CAAC,CAACkB,mBAAF,CAAsB,kBAAtB,EAA0C,KAAKH,KAA/C;YACAf,CAAC,CAACkB,mBAAF,CAAsB,gBAAtB,EAAwC,KAAKH,KAA7C;UACH,CAHD;QAIH;;QAEMI,KAAK,CAACC,EAAD,EAAwB;UAChC,IAAI,KAAKd,OAAT,EAAkB;YACd,KAAKA,OAAL,CAAae,IAAb,CAAkBD,EAAlB;YACA;UACH;;UACDA,EAAE;QACL;;QAmBab,QAAQ,CAACF,QAAD,EAAgBI,EAAhB,EAAuB;;YACzC,IAAIJ,QAAJ,EAAc;cACV,MAAMA,QAAN;YACH;;YACD,MAAM,IAAIiB,OAAJ,CAAY,CAACC,OAAD,EAAUC,MAAV,KAAoB;cAClC,KAAKZ,GAAL,CAASa,GAAT,CAAahB,EAAb,EAAiBc,OAAjB;YACH,CAFK,CAAN;YAGA,KAAKX,GAAL,CAASc,MAAT,CAAgBjB,EAAhB;YACA,KAAKH,OAAL,GAAe,IAAf;UACH;QAAA;;MArD2B,C","names":["RefreshLock","constructor","app","e","Map","ce","target","currentTarget","previous","promise","setupNew","detail","id","runAsync","resolver","map","get","addEventListener","begin","end","dispose","removeEventListener","queue","fx","then","Promise","resolve","reject","set","delete"],"sourceRoot":"","sources":["../../src/basic/RefreshLock.ts"],"sourcesContent":[null]}

package/dist/basic/Row.sys.js

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

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAgCc,SAAUA,GAAV,CAAcC,CAAd,EAAsB,GAAIC,KAA1B,EAAwC;IAClD,OAAOC;MAAA,YAAc;IAAd,GAA0BF,CAA1B,GAA2B,GACxBC,KADH,CAAP;EAGH;;EAIK,SAAUE,UAAV,CAAqBH,CAArB,EAA6B,GAAIC,KAAjC,EAA+C;IACjD,OAAOC;MAAA,YACM,KADN;MACW,oBACG;IAFd,GAEkCF,CAFlC,GAEmC,GAChCC,KAHH,CAAP;EAKH;;;aAduBF,G;gBAQRI;;;;;MAxCTC,M;;MACAF,K;;MACAG,S;;MACAC,G;;;MAEPA,GAAG,CAACD,SAAS,GACRE,UADD,CACY;QAAEC,UAAU,EAAE,QAAd;QAAyBC,cAAc,EAAE;MAAzC,CADZ,EAECC,KAFD,CAEOL,SAAS,CAAC,GAAD,CAAT,CACFM,IADE,CACG,UADH,CAFP,CAAD,EAKD,mBALC,CAAH;MAOAL,GAAG,CAACD,SAAS,GACRO,eADD,CACiBR,MAAM,CAACS,MAAP,CAAcC,gBAAd,CAA+B,GAA/B,CADjB,EAECC,YAFD,CAEc,IAFd,EAGCC,OAHD,CAGS,CAHT,EAICC,MAJD,CAIQZ,SAAS,CAAC,6BAAD,CAAT,CACHK,KADG,CACGL,SAAS,CAAC,OAAD,CAAT,CACFK,KADE,CACIL,SAAS,CAAC,MAAD,CAAT,CACFa,KADE,CACId,MAAM,CAACe,KADX,CADJ,CADH,CAJR,EAWCF,MAXD,CAWQZ,SAAS,CAAC,QAAD,CAAT,CACHO,eADG,CACaR,MAAM,CAACS,MADpB,EAEHK,KAFG,CAEGd,MAAM,CAACe,KAFV,EAGHC,KAHG,CAGGf,SAAS,GACXO,eADE,CACcR,MAAM,CAACiB,KADrB,CAHH,CAXR,CAAD,EAkBD,mCAlBC,CAAH;MA0BAtB,GAAG,CAACuB,OAAJ,GAAc;QAAE,cAAc;MAAhB,CAAd;MAUAnB,UAAU,CAACmB,OAAX,GAAqBvB,GAAG,CAACuB,OAAzB","names":["Row","a","nodes","XNode","CommandRow","Colors","StyleRule","CSS","flexLayout","alignItems","justifyContent","child","flex","backgroundColor","purple","withAlphaPercent","borderRadius","padding","nested","color","white","hover","green","stretch"],"sourceRoot":"","sources":["../../src/basic/Row.tsx"],"sourcesContent":[null]}

package/dist/basic/Switch.sys.js

@@ -0,0 +1,54 @@
+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 Switch({
+    checked,
+    onLabel,
+    offLabel
+  }) {
+    return XNode.create("label", {
+      "data-ui-switch": "ui-switch"
+    }, XNode.create("input", {
+      class: "switch-input",
+      type: "checkbox",
+      checked: checked
+    }), XNode.create("span", {
+      class: "switch-label",
+      "data-on": onLabel !== null && onLabel !== void 0 ? onLabel : "On",
+      "data-off": offLabel !== null && offLabel !== void 0 ? offLabel : "Off"
+    }), XNode.create("span", {
+      class: "switch-handle"
+    }));
+  }
+
+  _export("default", Switch);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      css = CSS(StyleRule().position("relative").display("inline-block").verticalAlign("top").minWidth(70).height(30).padding(3).margin(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(StyleRule(".switch-input").absolutePosition({
+        top: 0,
+        left: 0
+      }).opacity(0).boxSizing("content-box")).child(StyleRule(".switch-label").position("relative").display("block").height("inherit").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(StyleRule(":before, .switch-label:after").position("absolute").top("50%").marginTop("-.5em").lineHeight("1").webkitTransition("inherit").transition("inherit").boxSizing("content-box")).and(StyleRule(":before").content("attr(data-off)").right(11).color("#aaaaaa").textShadow("0 1px rgba(255, 255, 255, 0.5)")).and(StyleRule(":after").content("attr(data-on)").left(11).color("#FFFFFF").textShadow("0 1px rgba(0, 0, 0, 0.2)").opacity("0"))).child(StyleRule(".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(StyleRule(".switch-input:checked ~ .switch-label:before").opacity("0")).child(StyleRule(".switch-input:checked ~ .switch-label:after").opacity("1")).child(StyleRule(".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(StyleRule(":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(StyleRule(".switch-input:checked ~ .switch-handle").left(44).boxShadow("-1px 1px 5px rgba(0, 0, 0, 0.2)")).child(StyleRule(".switch-label, .switch-handle").transition("All 0.3s ease")), "*[data-ui-switch=ui-switch]");
+    }
+  };
+});
+//# sourceMappingURL=Switch.sys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["Switch","checked","onLabel","offLabel","XNode","class","type","StyleRule","CSS","css","position","display","verticalAlign","minWidth","height","padding","margin","background","backgroundImage","borderRadius","boxShadow","cursor","boxSizing","child","absolutePosition","top","left","opacity","backgroundColor","and","marginTop","lineHeight","webkitTransition","transition","content","right","color","textShadow","width"],"sourceRoot":"","sources":["../../src/basic/Switch.tsx"],"sourcesContent":[null]}

package/dist/basic/TableRepeater.sys.js

@@ -0,0 +1,61 @@
+System.register(["@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 XNode, StyleRule, CSS, AtomRepeater, TableRepeater;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_AtomRepeater) {
+      AtomRepeater = _AtomRepeater.default;
+    }],
+    execute: function () {
+      CSS(StyleRule(), "table[data-table-repeater=table-repeater]");
+
+      _export("default", TableRepeater = class TableRepeater extends AtomRepeater {
+        constructor(app, e) {
+          super(app, e !== null && e !== void 0 ? e : document.createElement("table"));
+        }
+
+        onPropertyChanged(name) {
+          super.onPropertyChanged(name);
+
+          switch (name) {
+            case "header":
+            case "headerRenderer":
+              this.updateHeaderFooter("header", this.headerPresenter, this.header, this.headerRenderer);
+              break;
+
+            case "footer":
+            case "footerRenderer":
+              this.updateHeaderFooter("footer", this.footerPresenter, this.footer, this.footerRenderer);
+              break;
+          }
+        }
+
+        preCreate() {
+          super.preCreate();
+          this.preRender();
+          this.onPropertyChanged("header");
+          this.onPropertyChanged("footer");
+        }
+
+        preRender() {
+          this.element.dataset.tableRepeater = "table-repeater";
+          this.render(XNode.create("table", null, XNode.create("thead", null), XNode.create("tbody", null), XNode.create("tfoot", null)));
+          this.itemsPresenter = this.element.querySelector("tbody");
+          this.headerPresenter = this.element.firstElementChild;
+          this.footerPresenter = this.element.lastElementChild;
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=TableRepeater.sys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;2CASqBA,a;;;;;;MARdC,K;;MACAC,S;;MACAC,G;;MACAC,Y;;;MAEPD,GAAG,CAACD,SAAS,EAAV,EACD,2CADC,CAAH;;yBAGqBF,a,GAAP,MAAOA,aAAP,SAA6BI,YAA7B,CAAyC;QAEnDC,YAAYC,GAAZ,EAAiBC,CAAjB,EAAkB;UACd,MAAMD,GAAN,EAAWC,CAAC,SAAD,KAAC,WAAD,OAAKC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAhB;QACH;;QAEMC,iBAAiB,CAACC,IAAD,EAA0B;UAC9C,MAAMD,iBAAN,CAAwBC,IAAxB;;UACA,QAAQA,IAAR;YACI,KAAK,QAAL;YACA,KAAK,gBAAL;cACI,KAAKC,kBAAL,CAAwB,QAAxB,EAAkC,KAAKC,eAAvC,EAAwD,KAAKC,MAA7D,EAAqE,KAAKC,cAA1E;cACA;;YACJ,KAAK,QAAL;YACA,KAAK,gBAAL;cACI,KAAKH,kBAAL,CAAwB,QAAxB,EAAkC,KAAKI,eAAvC,EAAwD,KAAKC,MAA7D,EAAqE,KAAKC,cAA1E;cACA;UARR;QAUH;;QAESC,SAAS;UACf,MAAMA,SAAN;UACA,KAAKC,SAAL;UACA,KAAKV,iBAAL,CAAuB,QAAvB;UACA,KAAKA,iBAAL,CAAuB,QAAvB;QACH;;QAESU,SAAS;UACf,KAAKC,OAAL,CAAaC,OAAb,CAAqBC,aAArB,GAAqC,gBAArC;UACA,KAAKC,MAAL,CAAYvB,4BACRA,2BADQ,EAERA,2BAFQ,EAGRA,2BAHQ,CAAZ;UAKA,KAAKwB,cAAL,GAAsB,KAAKJ,OAAL,CAAaK,aAAb,CAA2B,OAA3B,CAAtB;UACA,KAAKb,eAAL,GAAuB,KAAKQ,OAAL,CAAaM,iBAApC;UACA,KAAKX,eAAL,GAAuB,KAAKK,OAAL,CAAaO,gBAApC;QACH;;MArCkD,C","names":["TableRepeater","XNode","StyleRule","CSS","AtomRepeater","constructor","app","e","document","createElement","onPropertyChanged","name","updateHeaderFooter","headerPresenter","header","headerRenderer","footerPresenter","footer","footerRenderer","preCreate","preRender","element","dataset","tableRepeater","render","itemsPresenter","querySelector","firstElementChild","lastElementChild"],"sourceRoot":"","sources":["../../src/basic/TableRepeater.tsx"],"sourcesContent":[null]}

package/dist/basic/ToggleButtonBar.sys.js

@@ -0,0 +1,81 @@
+System.register(["@web-atoms/core/dist/core/BindableProperty", "@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 BindableProperty, Colors, XNode, StyleRule, CSS, AtomRepeater, ToggleButtonBar, __decorate, __metadata;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, 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 () {
+      __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+        var c = arguments.length,
+            r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+            d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      };
+
+      __metadata = void 0 && (void 0).__metadata || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+      };
+
+      CSS(StyleRule().flexLayout({
+        inline: true,
+        gap: 0
+      }).borderStyle("solid").borderWidth(1).borderColor(Colors.lightGray).borderRadius(9999).child(StyleRule("[data-item-type=toggle-button]").padding(5).backgroundColor(Colors.white).cursor("pointer").and(StyleRule(":first-child").paddingLeft(10).borderTopLeftRadius(9999).borderBottomLeftRadius(9999)).and(StyleRule(":last-child").borderTopRightRadius(9999).borderBottomRightRadius(9999).paddingRight(10)).and(StyleRule("[data-selected-item=true]").backgroundColor(Colors.black).color(Colors.white))), "*[data-button-bar=button-bar]");
+
+      _export("default", ToggleButtonBar = class ToggleButtonBar extends AtomRepeater {
+        onPropertyChanged(name) {
+          super.onPropertyChanged(name);
+
+          if (name === "labelPath") {
+            this.updateItems();
+            return;
+          }
+        }
+
+        preCreate() {
+          super.preCreate();
+          this.element.dataset.buttonBar = "button-bar";
+          this.bindEvent(this.element, "itemClick", e => {
+            this.selectedItem = e.detail;
+          });
+
+          this.valuePath = item => {
+            var _a;
+
+            return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
+          };
+
+          this.labelPath = item => {
+            var _a;
+
+            return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
+          };
+
+          this.itemRenderer = item => XNode.create("div", {
+            "data-item-type": "toggle-button",
+            text: this.labelPath(item)
+          });
+        }
+
+      });
+
+      __decorate([BindableProperty, __metadata("design:type", Object)], ToggleButtonBar.prototype, "labelPath", void 0);
+    }
+  };
+});
+//# sourceMappingURL=ToggleButtonBar.sys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;qEAkCqBA,e;;;;;;MAlCZC,gB,yCAAAA,gB;;MACFC,M;;MACAC,K;;MACAC,S;;MACAC,G;;MACAC,Y;;;;;;;;;;;;;;;MAEPD,GAAG,CAACD,SAAS,GACRG,UADD,CACY;QAAEC,MAAM,EAAE,IAAV;QAAgBC,GAAG,EAAE;MAArB,CADZ,EAECC,WAFD,CAEa,OAFb,EAGCC,WAHD,CAGa,CAHb,EAICC,WAJD,CAIaV,MAAM,CAACW,SAJpB,EAKCC,YALD,CAKc,IALd,EAMCC,KAND,CAMOX,SAAS,CAAC,gCAAD,CAAT,CACFY,OADE,CACM,CADN,EAEFC,eAFE,CAEcf,MAAM,CAACgB,KAFrB,EAGFC,MAHE,CAGK,SAHL,EAIFC,GAJE,CAIEhB,SAAS,CAAC,cAAD,CAAT,CACAiB,WADA,CACY,EADZ,EAEAC,mBAFA,CAEoB,IAFpB,EAGAC,sBAHA,CAGuB,IAHvB,CAJF,EASFH,GATE,CASEhB,SAAS,CAAC,aAAD,CAAT,CACAoB,oBADA,CACqB,IADrB,EAEAC,uBAFA,CAEwB,IAFxB,EAGAC,YAHA,CAGa,EAHb,CATF,EAcFN,GAdE,CAcEhB,SAAS,CAAC,2BAAD,CAAT,CACAa,eADA,CACgBf,MAAM,CAACyB,KADvB,EAEAC,KAFA,CAEM1B,MAAM,CAACgB,KAFb,CAdF,CANP,CAAD,EAyBD,+BAzBC,CAAH;;yBA2BqBlB,e,GAAP,MAAOA,eAAP,SAA+BM,YAA/B,CAA2C;QAK9CuB,iBAAiB,CAACC,IAAD,EAAa;UACjC,MAAMD,iBAAN,CAAwBC,IAAxB;;UACA,IAAIA,IAAI,KAAK,WAAb,EAA0B;YACtB,KAAKC,WAAL;YACA;UACH;QACJ;;QAESC,SAAS;UACf,MAAMA,SAAN;UACA,KAAKC,OAAL,CAAaC,OAAb,CAAqBC,SAArB,GAAiC,YAAjC;UACA,KAAKC,SAAL,CAAe,KAAKH,OAApB,EAA6B,WAA7B,EAA2CI,CAAD,IAAmB;YACzD,KAAKC,YAAL,GAAoBD,CAAC,CAACE,MAAtB;UACH,CAFD;;UAGA,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,GAAkBH,IAAD,IAAS;YAAA;;YAAC,iBAAI,SAAJ,QAAI,WAAJ,GAAI,MAAJ,OAAI,CAAEI,KAAN,MAAW,IAAX,IAAWF,aAAX,GAAWA,EAAX,GAAeF,IAAf;UAAmB,CAA9C;;UACA,KAAKK,YAAL,GAAqBL,IAAD,IAAUtC;YAAA,kBAAoB,eAApB;YAAoC4C,IAAI,EAAE,KAAKH,SAAL,CAAeH,IAAf;UAA1C,EAA9B;QACH;;MAtBoD,C;;MAGrDO,YADC/C,gBACD","names":["ToggleButtonBar","BindableProperty","Colors","XNode","StyleRule","CSS","AtomRepeater","flexLayout","inline","gap","borderStyle","borderWidth","borderColor","lightGray","borderRadius","child","padding","backgroundColor","white","cursor","and","paddingLeft","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","paddingRight","black","color","onPropertyChanged","name","updateItems","preCreate","element","dataset","buttonBar","bindEvent","e","selectedItem","detail","valuePath","item","value","_a","labelPath","label","itemRenderer","text","__decorate"],"sourceRoot":"","sources":["../../src/basic/ToggleButtonBar.tsx"],"sourcesContent":[null]}

package/dist/basic/Tooltip.sys.js

@@ -0,0 +1,121 @@
+System.register(["@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
+  "use strict";
+
+  var StyleRule, AtomControl, ElementValueSetters, PopupService, CSS, getParentRepeaterItem, Tooltip, tooltips;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+      ElementValueSetters = _webAtomsCoreDistWebControlsAtomControl.ElementValueSetters;
+    }, function (_webAtomsCoreDistWebServicesPopupService) {
+      PopupService = _webAtomsCoreDistWebServicesPopupService.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_AtomRepeater) {
+      getParentRepeaterItem = _AtomRepeater.getParentRepeaterItem;
+    }],
+    execute: function () {
+      tooltips = new Map();
+
+      ElementValueSetters.tooltip = (control, e, value) => {
+        tooltips.set(e, [{
+          control,
+          tooltip: undefined
+        }, value]);
+        control.registerDisposable({
+          dispose: () => {
+            tooltips.delete(e);
+          }
+        });
+      };
+
+      document.body.addEventListener("pointerenter", ev => {
+        var _a;
+
+        let start = ev.target;
+
+        while (start) {
+          const item = tooltips.get(start);
+
+          if (!item) {
+            start = start.parentElement;
+            continue;
+          }
+
+          const [host, node] = item;
+
+          if (!host.tooltip) {
+            let data = getParentRepeaterItem(start);
+
+            if (data) {
+              data = data[2];
+            }
+
+            class TooltipControl extends node {
+              preCreate() {
+                this.element._logicalParent = start;
+
+                if (data) {
+                  this.data = data;
+                }
+
+                const {
+                  element
+                } = this;
+                this.enterEventDisposable = this.bindEvent(element, "mouseenter", () => {
+                  setTimeout(() => {
+                    tooltips.set(element, [{
+                      tooltip: host.tooltip,
+                      control: null
+                    }, null]);
+                    delete host.tooltip;
+                    this.enterEventDisposable.dispose();
+                  }, 10);
+                });
+                this.registerDisposable({
+                  dispose: () => {
+                    tooltips.delete(element);
+                  }
+                });
+              }
+
+            }
+
+            const t = new TooltipControl(host.control.app);
+            const alignment = (_a = start.dataset.tooltipAlignment) !== null && _a !== void 0 ? _a : "auto";
+            host.tooltip = PopupService.show(start, t.element, {
+              alignment
+            });
+          }
+
+          break;
+        }
+      }, true);
+      document.body.addEventListener("pointerleave", ev => {
+        const start = ev.target;
+        setTimeout(() => {
+          const item = tooltips.get(start);
+
+          if (!item) {
+            return;
+          }
+
+          const [host] = item;
+
+          if (host.tooltip) {
+            host.tooltip.dispose();
+            host.tooltip = undefined;
+          }
+        }, 250);
+      }, true);
+      CSS(StyleRule().verticalFlexLayout({}).padding(10), "div[data-tooltip=tooltip]");
+
+      _export("default", Tooltip = class Tooltip extends AtomControl {});
+    }
+  };
+});
+//# sourceMappingURL=Tooltip.sys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;6FA2FqBA,O;;;;;;MAzFdC,S;;MACEC,W,2CAAAA,W;MAAaC,mB,2CAAAA,mB;;MACfC,Y;;MACAC,G;;MACgBC,qB,iBAAAA,qB;;;MAEjBC,Q,GAAW,IAAIC,GAAJ,E;;MAEjBL,mBAAmB,CAACM,OAApB,GAA8B,CAACC,OAAD,EAAuBC,CAAvB,EAAuCC,KAAvC,KAAqD;QAC/EL,QAAQ,CAACM,GAAT,CAAaF,CAAb,EAAgB,CAAC;UAAED,OAAF;UAAWD,OAAO,EAAEK;QAApB,CAAD,EAAkCF,KAAlC,CAAhB;QACAF,OAAO,CAACK,kBAAR,CAA2B;UACvBC,OAAO,EAAE,MAAK;YACVT,QAAQ,CAACU,MAAT,CAAgBN,CAAhB;UACH;QAHsB,CAA3B;MAKH,CAPD;;MASAO,QAAQ,CAACC,IAAT,CAAcC,gBAAd,CAA+B,cAA/B,EAAgDC,EAAD,IAAO;;;QAClD,IAAIC,KAAK,GAAGD,EAAE,CAACE,MAAf;;QACA,OAAOD,KAAP,EAAc;UACV,MAAME,IAAI,GAAGjB,QAAQ,CAACkB,GAAT,CAAaH,KAAb,CAAb;;UACA,IAAI,CAACE,IAAL,EAAW;YACPF,KAAK,GAAGA,KAAK,CAACI,aAAd;YACA;UACH;;UACD,MAAM,CAACC,IAAD,EAAOC,IAAP,IAAeJ,IAArB;;UACA,IAAI,CAACG,IAAI,CAAClB,OAAV,EAAmB;YAGf,IAAIoB,IAAI,GAAGvB,qBAAqB,CAACgB,KAAD,CAAhC;;YACA,IAAIO,IAAJ,EAAU;cACNA,IAAI,GAAGA,IAAI,CAAC,CAAD,CAAX;YACH;;YAED,MAAMC,cAAN,SAA6BF,IAA7B,CAAiC;cAInBG,SAAS;gBACf,KAAKC,OAAL,CAAaC,cAAb,GAA8BX,KAA9B;;gBACA,IAAIO,IAAJ,EAAU;kBACN,KAAKA,IAAL,GAAYA,IAAZ;gBACH;;gBACD,MAAM;kBAAEG;gBAAF,IAAc,IAApB;gBAEA,KAAKE,oBAAL,GAA4B,KAAKC,SAAL,CAAeH,OAAf,EAAwB,YAAxB,EAAsC,MAAK;kBACnEI,UAAU,CAAC,MAAK;oBACZ7B,QAAQ,CAACM,GAAT,CAAamB,OAAb,EAAsB,CAAC;sBAAEvB,OAAO,EAAEkB,IAAI,CAAClB,OAAhB;sBAAyBC,OAAO,EAAE;oBAAlC,CAAD,EAA0C,IAA1C,CAAtB;oBACA,OAAOiB,IAAI,CAAClB,OAAZ;oBACA,KAAKyB,oBAAL,CAA0BlB,OAA1B;kBACH,CAJS,EAIP,EAJO,CAAV;gBAKH,CAN2B,CAA5B;gBAOA,KAAKD,kBAAL,CAAwB;kBACpBC,OAAO,EAAE,MAAK;oBACVT,QAAQ,CAACU,MAAT,CAAgBe,OAAhB;kBACH;gBAHmB,CAAxB;cAKH;;YAvB4B;;YAyBjC,MAAMK,CAAC,GAAG,IAAIP,cAAJ,CAAmBH,IAAI,CAACjB,OAAL,CAAa4B,GAAhC,CAAV;YACA,MAAOC,SAAS,GAAQ,WAAK,CAACC,OAAN,CAAcC,gBAAd,MAA8B,IAA9B,IAA8BC,aAA9B,GAA8BA,EAA9B,GAAkC,MAA1D;YACAf,IAAI,CAAClB,OAAL,GAAeL,YAAY,CAACuC,IAAb,CAAkBrB,KAAlB,EAAyBe,CAAC,CAACL,OAA3B,EAAoC;cAC/CO;YAD+C,CAApC,CAAf;UAGH;;UACD;QACH;MACJ,CAlDD,EAkDG,IAlDH;MAoDArB,QAAQ,CAACC,IAAT,CAAcC,gBAAd,CAA+B,cAA/B,EAAgDC,EAAD,IAAO;QAClD,MAAMC,KAAK,GAAGD,EAAE,CAACE,MAAjB;QACAa,UAAU,CAAC,MAAK;UACZ,MAAMZ,IAAI,GAAGjB,QAAQ,CAACkB,GAAT,CAAaH,KAAb,CAAb;;UACA,IAAI,CAACE,IAAL,EAAW;YACP;UACH;;UACD,MAAM,CAACG,IAAD,IAASH,IAAf;;UACA,IAAIG,IAAI,CAAClB,OAAT,EAAkB;YACdkB,IAAI,CAAClB,OAAL,CAAaO,OAAb;YACAW,IAAI,CAAClB,OAAL,GAAeK,SAAf;UACH;QACJ,CAVS,EAUP,GAVO,CAAV;MAWH,CAbD,EAaG,IAbH;MAeAT,GAAG,CAACJ,SAAS,GACR2C,kBADD,CACoB,EADpB,EAECC,OAFD,CAES,EAFT,CAAD,EAGH,2BAHG,CAAH;;yBAKqB7C,O,GAAP,MAAOA,OAAP,SAAuBE,WAAvB,CAAkC,E","names":["Tooltip","StyleRule","AtomControl","ElementValueSetters","PopupService","CSS","getParentRepeaterItem","tooltips","Map","tooltip","control","e","value","set","undefined","registerDisposable","dispose","delete","document","body","addEventListener","ev","start","target","item","get","parentElement","host","node","data","TooltipControl","preCreate","element","_logicalParent","enterEventDisposable","bindEvent","setTimeout","t","app","alignment","dataset","tooltipAlignment","_a","show","verticalFlexLayout","padding"],"sourceRoot":"","sources":["../../src/basic/Tooltip.tsx"],"sourcesContent":[null]}

package/dist/basic/combineClasses.sys.js

@@ -0,0 +1,15 @@
+System.register([], function (_export, _context) {
+  "use strict";
+
+  function combineClasses(...names) {
+    return names.filter(n => n).join(" ");
+  }
+
+  _export("default", combineClasses);
+
+  return {
+    setters: [],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=combineClasses.sys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;EAAc,SAAUA,cAAV,CAAyB,GAAIC,KAA7B,EAA4C;IACtD,OAAOA,KAAK,CAACC,MAAN,CAAcC,CAAD,IAAOA,CAApB,EAAuBC,IAAvB,CAA4B,GAA5B,CAAP;EACH;;qBAFuBJ,c","names":["combineClasses","names","filter","n","join"],"sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"sourcesContent":[null]}

package/dist/basic/in-built/InBuiltStyles.sys.js

@@ -0,0 +1,55 @@
+System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
+  "use strict";
+
+  var Colors, StyleRule, CSS, style, InBuiltStyles;
+
+  function fromCamelToHyphen(input) {
+    return input.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  }
+
+  function registerDataStyle(name, fx) {
+    const className = `.${name}`;
+    style = style.nested(fx(StyleRule(className)));
+    const dataName = `data-${fromCamelToHyphen(name)}`;
+    style = style.nested(fx(StyleRule(`*[${dataName}]`)));
+    return {
+      [dataName]: "1",
+
+      toString() {
+        return name;
+      }
+
+    };
+  }
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      style = StyleRule();
+      InBuiltStyles = {
+        colors: {
+          red: registerDataStyle("color-red", x => x.color(Colors.red)),
+          yellow: registerDataStyle("color-yellow", x => x.color(Colors.yellow)),
+          green: registerDataStyle("color-green", x => x.color(Colors.green)),
+          lightGreen: registerDataStyle("color-light-green", x => x.color(Colors.lightGreen))
+        },
+        rotate: {
+          animate: {
+            d180: registerDataStyle("rotate-animate-d180", x => x.transform("rotate(-180deg)").transition("transform 150ms ease")),
+            d0: registerDataStyle("rotate-animate-d0", x => x.transform("rotate(0deg)").transition("transform 150ms ease"))
+          }
+        }
+      };
+      CSS(style, "body");
+
+      _export("default", InBuiltStyles);
+    }
+  };
+});
+//# sourceMappingURL=InBuiltStyles.sys.js.map

package/dist/basic/in-built/InBuiltStyles.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAIA,SAASA,iBAAT,CAA2BC,KAA3B,EAAwC;IACpC,OAAOA,KAAK,CAACC,OAAN,CAAe,iBAAf,EAAkC,OAAlC,EAA4CC,WAA5C,EAAP;EACH;;EAID,SAASC,iBAAT,CAA2BC,IAA3B,EAAiCC,EAAjC,EAA0E;IACtE,MAAMC,SAAS,GAAG,IAAIF,IAAI,EAA1B;IACAG,KAAK,GAAGA,KAAK,CAACC,MAAN,CAAaH,EAAE,CAACI,SAAS,CAACH,SAAD,CAAV,CAAf,CAAR;IACA,MAAMI,QAAQ,GAAG,QAAQX,iBAAiB,CAACK,IAAD,CAAM,EAAhD;IACAG,KAAK,GAAGA,KAAK,CAACC,MAAN,CAAaH,EAAE,CAACI,SAAS,CAAC,KAAKC,QAAQ,GAAd,CAAV,CAAf,CAAR;IACA,OAAO;MACH,CAACA,QAAD,GAAY,GADT;;MAEHC,QAAQ;QACJ,OAAOP,IAAP;MACH;;IAJE,CAAP;EAMH;;;;MArBMQ,M;;MACAH,S;;MACAI,G;;;MAMHN,K,GAAQE,SAAS,E;MAefK,a,GAAgB;QAClBC,MAAM,EAAE;UACJC,GAAG,EAAEb,iBAAiB,CAAC,WAAD,EAAec,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACI,GAAf,CAArB,CADlB;UAEJG,MAAM,EAAEhB,iBAAiB,CAAC,cAAD,EAAkBc,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACO,MAAf,CAAxB,CAFrB;UAGJC,KAAK,EAAEjB,iBAAiB,CAAC,aAAD,EAAiBc,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACQ,KAAf,CAAvB,CAHpB;UAIJC,UAAU,EAAElB,iBAAiB,CAAC,mBAAD,EAAuBc,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQN,MAAM,CAACS,UAAf,CAA7B;QAJzB,CADU;QAOlBC,MAAM,EAAE;UACJC,OAAO,EAAE;YACLC,IAAI,EAAErB,iBAAiB,CAAC,qBAAD,EAAyBc,CAAD,IAAOA,CAAC,CAACQ,SAAF,CAAY,iBAAZ,EAAsCC,UAAtC,CAAiD,sBAAjD,CAA/B,CADlB;YAELC,EAAE,EAAExB,iBAAiB,CAAC,mBAAD,EAAuBc,CAAD,IAAOA,CAAC,CAACQ,SAAF,CAAY,cAAZ,EAAmCC,UAAnC,CAA8C,sBAA9C,CAA7B;UAFhB;QADL;MAPU,C;MAetBb,GAAG,CAACN,KAAD,EAAQ,MAAR,CAAH;;yBAEeO,a","names":["fromCamelToHyphen","input","replace","toLowerCase","registerDataStyle","name","fx","className","style","nested","StyleRule","dataName","toString","Colors","CSS","InBuiltStyles","colors","red","x","color","yellow","green","lightGreen","rotate","animate","d180","transform","transition","d0"],"sourceRoot":"","sources":["../../../src/basic/in-built/InBuiltStyles.ts"],"sourcesContent":[null]}

package/dist/button-bar/AtomButtonBar.sys.js

@@ -0,0 +1,52 @@
+System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomItemsControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
+  "use strict";
+
+  var Colors, StyleRule, AtomItemsControl, CSS, AtomButtonBar;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebControlsAtomItemsControl) {
+      AtomItemsControl = _webAtomsCoreDistWebControlsAtomItemsControl.AtomItemsControl;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      CSS(StyleRule().flexLayout({
+        inline: true,
+        gap: 0
+      }).border("solid 1px lightblue").borderRadius(10).child(StyleRule("*").borderRadius(10).padding(5).cursor("pointer").and(StyleRule(":first-child").borderTopRightRadius(0).borderBottomRightRadius(0)).and(StyleRule(":last-child").borderTopLeftRadius(0).borderBottomLeftRadius(0))).child(StyleRule("*[data-item=selected-item]").backgroundColor(Colors.lightBlue)), "*[data-button-bar=button-bar]");
+
+      _export("default", AtomButtonBar = class AtomButtonBar extends AtomItemsControl {
+        preCreate() {
+          this.allowSelectFirst = true;
+          super.preCreate();
+          this.element.dataset.buttonBar = "button-bar";
+          this.runAfterInit(() => {
+            var _a;
+
+            if (!this.selectedItem) {
+              this.selectedItem = (_a = this.items[0]) !== null && _a !== void 0 ? _a : null;
+            }
+          });
+        }
+
+        createChild(df, data) {
+          const child = super.createChild(df, data);
+          child.element.dataset.buttonBarItem = "item";
+          child.bindEvent(child.element, "click", () => {
+            this.selectedItem = child.data;
+          });
+          child.bind(child.element, "data-item", [["data"], ["this", "selectedItem"]], false, (v1, v2) => v1 === v2 ? "selected-item" : "item", this);
+          return child;
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=AtomButtonBar.sys.js.map