@web-atoms/core 2.1.357 → 2.1.369

package/dist/web/styles/AtomTheme.sys.js

@@ -0,0 +1,70 @@
+System.register(["../../App", "../../core/Colors", "../../di/Inject", "../../di/RegisterSingleton", "../../services/NavigationService", "../styles/AtomStyleSheet"], function (_export, _context) {
+  "use strict";
+
+  var App, Colors, Inject, RegisterSingleton, NavigationService, AtomStyleSheet, __decorate, __metadata, __param, AtomTheme;
+
+  return {
+    setters: [function (_App) {
+      App = _App.App;
+    }, function (_coreColors) {
+      Colors = _coreColors.default;
+    }, function (_diInject) {
+      Inject = _diInject.Inject;
+    }, function (_diRegisterSingleton) {
+      RegisterSingleton = _diRegisterSingleton.RegisterSingleton;
+    }, function (_servicesNavigationService) {
+      NavigationService = _servicesNavigationService.NavigationService;
+    }, function (_stylesAtomStyleSheet) {
+      AtomStyleSheet = _stylesAtomStyleSheet.AtomStyleSheet;
+    }],
+    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);
+      };
+
+      __param = void 0 && (void 0).__param || function (paramIndex, decorator) {
+        return function (target, key) {
+          decorator(target, key, paramIndex);
+        };
+      };
+
+      _export("AtomTheme", AtomTheme = class AtomTheme extends AtomStyleSheet {
+        constructor(app, navigationService) {
+          super(app, "atom-theme");
+          this.navigationService = navigationService;
+          this.bgColor = Colors.white;
+          this.color = Colors.gray;
+          this.hoverColor = Colors.lightGray;
+          this.activeColor = Colors.lightBlue;
+          this.selectedBgColor = Colors.blue;
+          this.selectedColor = Colors.white;
+          this.padding = 5;
+          setTimeout(() => {
+            window.addEventListener("resize", () => {
+              setTimeout(() => {
+                this.pushUpdate();
+              }, 10);
+            });
+            document.body.addEventListener("resize", () => {
+              setTimeout(() => {
+                this.pushUpdate();
+              }, 10);
+            });
+          }, 1000);
+        }
+
+      });
+
+      _export("AtomTheme", AtomTheme = __decorate([RegisterSingleton, __param(0, Inject), __param(1, Inject), __metadata("design:paramtypes", [App, NavigationService])], AtomTheme));
+    }
+  };
+});
+//# sourceMappingURL=AtomTheme.sys.js.map

package/dist/web/styles/AtomTheme.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;MAISA,G,QAAAA,G;;MAGFC,M;;MAEEC,M,aAAAA,M;;MACAC,iB,wBAAAA,iB;;MACAC,iB,8BAAAA,iB;;MAGAC,c,yBAAAA,c;;;;;;;;;;;;;;;;;;;;;2BAIIC,S,GAAb,MAAaA,SAAb,SAA+BD,cAA/B,CAA6C;QAuBzCE,YACYC,GADZ,EAEoBC,iBAFpB,EAEwD;UACpD,MAAMD,GAAN,EAAW,YAAX;UADgB;UApBb,eAAqBP,MAAM,CAACS,KAA5B;UAEA,aAAmBT,MAAM,CAACU,IAA1B;UAEA,kBAAwBV,MAAM,CAACW,SAA/B;UAEA,mBAAyBX,MAAM,CAACY,SAAhC;UAEA,uBAA6BZ,MAAM,CAACa,IAApC;UAEA,qBAA2Bb,MAAM,CAACS,KAAlC;UAEA,eAAkB,CAAlB;UAWHK,UAAU,CAAC,MAAK;YACZC,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,MAAK;cACnCF,UAAU,CAAC,MAAK;gBACZ,KAAKG,UAAL;cACH,CAFS,EAEP,EAFO,CAAV;YAGH,CAJD;YAKAC,QAAQ,CAACC,IAAT,CAAcH,gBAAd,CAA+B,QAA/B,EAAyC,MAAK;cAC1CF,UAAU,CAAC,MAAK;gBACZ,KAAKG,UAAL;cACH,CAFS,EAEP,EAFO,CAAV;YAGH,CAJD;UAKH,CAXS,EAWP,IAXO,CAAV;QAYH;;MAxCwC,C;;MAAhC,8BAAS,eADrBf,iBACqB,EAwBbkB,kBAxBa,EAyBbA,kBAzBa,mCAwBDrB,KACsBI,mBAzBrB,GAATE,SAAS,CAAT","names":["App","Colors","Inject","RegisterSingleton","NavigationService","AtomStyleSheet","AtomTheme","constructor","app","navigationService","white","gray","lightGray","lightBlue","blue","setTimeout","window","addEventListener","pushUpdate","document","body","__param"],"sourceRoot":"","sources":["../../../src/web/styles/AtomTheme.ts"],"sourcesContent":[null]}

package/dist/web/styles/AtomToggleButtonBarStyle.sys.js

@@ -0,0 +1,83 @@
+System.register(["./AtomListBoxStyle"], function (_export, _context) {
+  "use strict";
+
+  var AtomListBoxStyle, AtomToggleButtonBarStyle;
+
+  _export("AtomToggleButtonBarStyle", void 0);
+
+  return {
+    setters: [function (_AtomListBoxStyle) {
+      AtomListBoxStyle = _AtomListBoxStyle.AtomListBoxStyle;
+    }],
+    execute: function () {
+      _export("AtomToggleButtonBarStyle", AtomToggleButtonBarStyle = class AtomToggleButtonBarStyle extends AtomListBoxStyle {
+        constructor() {
+          super(...arguments);
+          this.toggleColor = "blue";
+        }
+
+        get root() {
+          return Object.assign(Object.assign({}, this.getBaseProperty(AtomToggleButtonBarStyle, "root")), {
+            display: "inline-block",
+            paddingInlineStart: 0,
+            margin: 0
+          });
+        }
+
+        get item() {
+          return Object.assign(Object.assign({}, this.getBaseProperty(AtomToggleButtonBarStyle, "item")), {
+            borderRadius: 0,
+            display: "inline-block",
+            border: "1px solid",
+            borderLeft: "none",
+            color: this.toggleColor,
+            borderColor: this.toggleColor,
+            cursor: "pointer",
+            subclasses: {
+              ":first-child": {
+                borderTopLeftRadius: `${this.padding || this.theme.padding}px`,
+                borderBottomLeftRadius: `${this.padding || this.theme.padding}px`,
+                borderTopRightRadius: 0,
+                borderBottomRightRadius: 0,
+                borderLeft: "1px solid"
+              },
+              ":last-child": {
+                borderTopLeftRadius: 0,
+                borderBottomLeftRadius: 0,
+                borderTopRightRadius: `${this.padding || this.theme.padding}px`,
+                borderBottomRightRadius: `${this.padding || this.theme.padding}px`
+              }
+            }
+          });
+        }
+
+        get selectedItem() {
+          return Object.assign(Object.assign({}, this.getBaseProperty(AtomToggleButtonBarStyle, "selectedItem")), {
+            borderRadius: 0,
+            display: "inline-block",
+            border: "1px solid",
+            borderLeft: "none",
+            borderColor: this.toggleColor,
+            cursor: "pointer",
+            subclasses: {
+              ":first-child": {
+                borderTopLeftRadius: `${this.padding || this.theme.padding}px`,
+                borderBottomLeftRadius: `${this.padding || this.theme.padding}px`,
+                borderTopRightRadius: 0,
+                borderBottomRightRadius: 0
+              },
+              ":last-child": {
+                borderTopLeftRadius: 0,
+                borderBottomLeftRadius: 0,
+                borderTopRightRadius: `${this.padding || this.theme.padding}px`,
+                borderBottomRightRadius: `${this.padding || this.theme.padding}px`
+              }
+            }
+          });
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=AtomToggleButtonBarStyle.sys.js.map

package/dist/web/styles/AtomToggleButtonBarStyle.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;wBAMaA,wB;;;;;;MALJC,gB,qBAAAA,gB;;;0CAKID,wB,GAAP,MAAOA,wBAAP,SAAwCC,gBAAxC,CAAwD;QAA9DC;;UAEW,mBAAsB,MAAtB;QAmEV;;QAjEkB,IAAJC,IAAI;UACX,uCAEQ,KAAKC,eAAL,CAAqBJ,wBAArB,EAAgD,MAAhD,CAFR,GAE+D;YAC3DK,OAAO,EAAE,cADkD;YAE3DC,kBAAkB,EAAE,CAFuC;YAG3DC,MAAM,EAAE;UAHmD,CAF/D;QAOH;;QAEc,IAAJC,IAAI;UACX,uCAEQ,KAAKJ,eAAL,CAAqBJ,wBAArB,EAAgD,MAAhD,CAFR,GAE+D;YAC3DS,YAAY,EAAE,CAD6C;YAE3DJ,OAAO,EAAE,cAFkD;YAG3DK,MAAM,EAAE,WAHmD;YAI3DC,UAAU,EAAE,MAJ+C;YAK3DC,KAAK,EAAE,KAAKC,WAL+C;YAM3DC,WAAW,EAAE,KAAKD,WANyC;YAO3DE,MAAM,EAAE,SAPmD;YAQ3DC,UAAU,EAAE;cACR,gBAAgB;gBACZC,mBAAmB,EAAE,GAAG,KAAKC,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO,IAD9C;gBAEZE,sBAAsB,EAAE,GAAG,KAAKF,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO,IAFjD;gBAGZG,oBAAoB,EAAE,CAHV;gBAIZC,uBAAuB,EAAE,CAJb;gBAKZX,UAAU,EAAE;cALA,CADR;cAQR,eAAe;gBACXM,mBAAmB,EAAE,CADV;gBAEXG,sBAAsB,EAAE,CAFb;gBAGXC,oBAAoB,EAAE,GAAG,KAAKH,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO,IAHhD;gBAIXI,uBAAuB,EAAE,GAAG,KAAKJ,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO;cAJnD;YARP;UAR+C,CAF/D;QA0BH;;QAEsB,IAAZK,YAAY;UACnB,uCACQ,KAAKnB,eAAL,CAAqBJ,wBAArB,EAA+C,cAA/C,CADR,GACsE;YAClES,YAAY,EAAE,CADoD;YAElEJ,OAAO,EAAE,cAFyD;YAGlEK,MAAM,EAAE,WAH0D;YAIlEC,UAAU,EAAE,MAJsD;YAKlEG,WAAW,EAAE,KAAKD,WALgD;YAMlEE,MAAM,EAAE,SAN0D;YAOlEC,UAAU,EAAE;cACR,gBAAgB;gBACZC,mBAAmB,EAAE,GAAG,KAAKC,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO,IAD9C;gBAEZE,sBAAsB,EAAE,GAAG,KAAKF,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO,IAFjD;gBAGZG,oBAAoB,EAAE,CAHV;gBAIZC,uBAAuB,EAAE;cAJb,CADR;cAOR,eAAe;gBACXL,mBAAmB,EAAE,CADV;gBAEXG,sBAAsB,EAAE,CAFb;gBAGXC,oBAAoB,EAAE,GAAG,KAAKH,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO,IAHhD;gBAIXI,uBAAuB,EAAE,GAAG,KAAKJ,OAAL,IAAgB,KAAKC,KAAL,CAAWD,OAAO;cAJnD;YAPP;UAPsD,CADtE;QAuBH;;MAnEyD,C","names":["AtomToggleButtonBarStyle","AtomListBoxStyle","constructor","root","getBaseProperty","display","paddingInlineStart","margin","item","borderRadius","border","borderLeft","color","toggleColor","borderColor","cursor","subclasses","borderTopLeftRadius","padding","theme","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","selectedItem"],"sourceRoot":"","sources":["../../../src/web/styles/AtomToggleButtonBarStyle.ts"],"sourcesContent":[null]}

package/dist/web/styles/AtomWindowStyle.sys.js

@@ -0,0 +1,144 @@
+System.register(["@web-atoms/core/src/web/images/close-button-hover.svg", "../styles/AtomStyle"], function (_export, _context) {
+  "use strict";
+
+  var closeButtonHover, AtomStyle, AtomWindowStyle;
+
+  _export("AtomWindowStyle", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreSrcWebImagesCloseButtonHoverSvg) {
+      closeButtonHover = _webAtomsCoreSrcWebImagesCloseButtonHoverSvg.default;
+    }, function (_stylesAtomStyle) {
+      AtomStyle = _stylesAtomStyle.AtomStyle;
+    }],
+    execute: function () {
+      _export("AtomWindowStyle", AtomWindowStyle = class AtomWindowStyle extends AtomStyle {
+        get root() {
+          return Object.assign(Object.assign({}, this.frameHost), {
+            subclasses: {
+              " .close-button": this.closeButton,
+              " .command-bar-presenter": this.commandBarPresenter,
+              " .command-bar": this.commandBar,
+              " .content-presenter": this.contentPresenter,
+              " .content": this.content,
+              " .frame": this.frame,
+              " .title": this.title,
+              " .title-host": this.titleHost,
+              " .title-presenter": this.titlePresenter
+            }
+          });
+        }
+
+        get frameHost() {
+          return {
+            position: "absolute",
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            backgroundColor: "#50505080"
+          };
+        }
+
+        get frame() {
+          return {
+            position: "absolute",
+            minHeight: "100px",
+            minWidth: "300px",
+            margin: "auto",
+            border: "solid 1px #808080",
+            borderRadius: "5px",
+            backgroundColor: "white"
+          };
+        }
+
+        get titlePresenter() {
+          return {
+            position: "relative",
+            left: 0,
+            right: 0,
+            top: 0,
+            height: "37px"
+          };
+        }
+
+        get titleHost() {
+          return {
+            position: "absolute",
+            left: 0,
+            right: 0,
+            padding: "7px",
+            minHeight: "32px",
+            backgroundColor: "#404040",
+            color: "white",
+            top: 0,
+            borderTopRightRadius: "4px",
+            borderTopLeftRadius: "4px"
+          };
+        }
+
+        get title() {
+          return {
+            margin: "auto"
+          };
+        }
+
+        get closeButton() {
+          return {
+            position: "absolute",
+            right: "6px",
+            top: "7px",
+            width: "0",
+            height: "0",
+            padding: "9px",
+            border: "none",
+            backgroundColor: "transparent",
+            backgroundImage: closeButtonHover
+          };
+        }
+
+        get content() {
+          return {};
+        }
+
+        get contentPresenter() {
+          return {
+            position: "relative",
+            padding: "10px",
+            background: "white"
+          };
+        }
+
+        get commandBarPresenter() {
+          return {
+            left: 0,
+            right: 0,
+            bottom: 0,
+            padding: "5px",
+            backgroundColor: "#d4d4d4",
+            textAlign: "right",
+            borderBottomRightRadius: "4px",
+            borderBottomLeftRadius: "4px"
+          };
+        }
+
+        get commandBar() {
+          return {
+            subclasses: {
+              " button": {
+                borderRadius: "3px",
+                marginLeft: "5px",
+                marginRight: "5px",
+                padding: "4px 16px",
+                backgroundColor: "whitesmoke",
+                border: "1px solid gray"
+              }
+            }
+          };
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=AtomWindowStyle.sys.js.map

package/dist/web/styles/AtomWindowStyle.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;mCASaA,e;;;;;;MATNC,gB;;MAEEC,S,oBAAAA,S;;;iCAOIF,e,GAAP,MAAOA,eAAP,SAA+BE,SAA/B,CAAwC;QAE3B,IAAJC,IAAI;UACX,uCACQ,KAAKC,SADb,GACsB;YAClBC,UAAU,EAAE;cACR,kBAAkB,KAAKC,WADf;cAER,2BAA2B,KAAKC,mBAFxB;cAGR,iBAAiB,KAAKC,UAHd;cAIR,uBAAuB,KAAKC,gBAJpB;cAKR,aAAa,KAAKC,OALV;cAMR,WAAW,KAAKC,KANR;cAOR,WAAW,KAAKC,KAPR;cAQR,gBAAgB,KAAKC,SARb;cASR,qBAAqB,KAAKC;YATlB;UADM,CADtB;QAcH;;QAEmB,IAATV,SAAS;UAChB,OAAO;YACHW,QAAQ,EAAE,UADP;YAEHC,IAAI,EAAE,CAFH;YAGHC,KAAK,EAAE,CAHJ;YAIHC,GAAG,EAAE,CAJF;YAKHC,MAAM,EAAE,CALL;YAMHC,eAAe,EAAE;UANd,CAAP;QAQH;;QAEe,IAALT,KAAK;UACZ,OAAO;YACHI,QAAQ,EAAE,UADP;YAEHM,SAAS,EAAE,OAFR;YAGHC,QAAQ,EAAE,OAHP;YAIHC,MAAM,EAAE,MAJL;YAKHC,MAAM,EAAE,mBALL;YAMHC,YAAY,EAAE,KANX;YAOHL,eAAe,EAAE;UAPd,CAAP;QASH;;QAEwB,IAAdN,cAAc;UACrB,OAAO;YACHC,QAAQ,EAAE,UADP;YAEHC,IAAI,EAAE,CAFH;YAGHC,KAAK,EAAE,CAHJ;YAIHC,GAAG,EAAE,CAJF;YAKHQ,MAAM,EAAE;UALL,CAAP;QAOH;;QAEmB,IAATb,SAAS;UAChB,OAAO;YACHE,QAAQ,EAAE,UADP;YAEHC,IAAI,EAAE,CAFH;YAGHC,KAAK,EAAE,CAHJ;YAIHU,OAAO,EAAE,KAJN;YAKHN,SAAS,EAAE,MALR;YAMHD,eAAe,EAAE,SANd;YAOHQ,KAAK,EAAE,OAPJ;YAQHV,GAAG,EAAE,CARF;YASHW,oBAAoB,EAAE,KATnB;YAUHC,mBAAmB,EAAE;UAVlB,CAAP;QAYH;;QAEe,IAALlB,KAAK;UACZ,OAAO;YACHW,MAAM,EAAE;UADL,CAAP;QAGH;;QAEqB,IAAXjB,WAAW;UAClB,OAAO;YACHS,QAAQ,EAAE,UADP;YAEHE,KAAK,EAAE,KAFJ;YAGHC,GAAG,EAAE,KAHF;YAIHa,KAAK,EAAE,GAJJ;YAKHL,MAAM,EAAE,GALL;YAMHC,OAAO,EAAE,KANN;YAOHH,MAAM,EAAE,MAPL;YAQHJ,eAAe,EAAE,aARd;YASHY,eAAe,EAAE/B;UATd,CAAP;QAiBH;;QAEiB,IAAPS,OAAO;UACd,OAAO,EAAP;QAEH;;QAE0B,IAAhBD,gBAAgB;UACvB,OAAO;YACHM,QAAQ,EAAE,UADP;YAEHY,OAAO,EAAE,MAFN;YAGHM,UAAU,EAAE;UAHT,CAAP;QAKH;;QAE6B,IAAnB1B,mBAAmB;UAC1B,OAAO;YACHS,IAAI,EAAE,CADH;YAEHC,KAAK,EAAE,CAFJ;YAGHE,MAAM,EAAE,CAHL;YAIHQ,OAAO,EAAE,KAJN;YAKHP,eAAe,EAAE,SALd;YAMHc,SAAS,EAAE,OANR;YAOHC,uBAAuB,EAAE,KAPtB;YAQHC,sBAAsB,EAAE;UARrB,CAAP;QAUH;;QAEoB,IAAV5B,UAAU;UACjB,OAAO;YACHH,UAAU,EAAE;cACR,WAAW;gBACPoB,YAAY,EAAE,KADP;gBAEPY,UAAU,EAAE,KAFL;gBAGPC,WAAW,EAAE,KAHN;gBAIPX,OAAO,EAAE,UAJF;gBAKPP,eAAe,EAAE,YALV;gBAMPI,MAAM,EAAE;cAND;YADH;UADT,CAAP;QAYH;;MApIyC,C","names":["AtomWindowStyle","closeButtonHover","AtomStyle","root","frameHost","subclasses","closeButton","commandBarPresenter","commandBar","contentPresenter","content","frame","title","titleHost","titlePresenter","position","left","right","top","bottom","backgroundColor","minHeight","minWidth","margin","border","borderRadius","height","padding","color","borderTopRightRadius","borderTopLeftRadius","width","backgroundImage","background","textAlign","borderBottomRightRadius","borderBottomLeftRadius","marginLeft","marginRight"],"sourceRoot":"","sources":["../../../src/web/styles/AtomWindowStyle.ts"],"sourcesContent":[null]}

package/dist/web/styles/CSS.sys.js

@@ -0,0 +1,96 @@
+System.register(["../../style/StyleRule"], function (_export, _context) {
+  "use strict";
+
+  var AtomStyleRules, styleId;
+
+  function fromCamelToHyphen(input) {
+    return input.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  }
+
+  function createStyleText(name, styles) {
+    const styleList = [];
+    const subclasses = [];
+
+    for (const key in styles) {
+      if (styles.hasOwnProperty(key)) {
+        if (/^(\_\$\_|className$|toString$)/i.test(key)) {
+          continue;
+        }
+
+        const element = styles[key];
+
+        if (element === undefined || element === null) {
+          continue;
+        }
+
+        const keyName = fromCamelToHyphen(key);
+
+        if (key === "subclasses") {
+          const n = name;
+
+          for (const subclassKey in element) {
+            if (element.hasOwnProperty(subclassKey)) {
+              const ve = element[subclassKey];
+              subclasses.push(...createStyleText(`${n}${subclassKey}`, ve));
+            }
+          }
+        } else {
+          if (element.url) {
+            styleList.push(`${keyName}: url(${element})`);
+          } else {
+            styleList.push(`${keyName}: ${element}`);
+          }
+        }
+      }
+    }
+
+    const cname = fromCamelToHyphen(name);
+    const styleClassName = `${cname}`;
+
+    if (styleList.length) {
+      return [`${styleClassName} {\r\n${styleList.join(";\r\n")}; }`, ...subclasses];
+    }
+
+    return subclasses;
+  }
+
+  function CSS(style, selectorName) {
+    let styleName = "";
+
+    if (style instanceof AtomStyleRules) {
+      styleName = style.name || "";
+
+      if (styleName) {
+        styleName = "-" + styleName;
+      }
+
+      style = style.style;
+    }
+
+    let className = selectorName;
+
+    if (!selectorName) {
+      className = `wa-style-${styleId++}${styleName}`;
+      selectorName = `.${className}`;
+    }
+
+    const s = document.createElement("style");
+    s.id = selectorName;
+    const list = createStyleText(selectorName, style);
+    s.textContent = list.join("\r\n");
+    document.head.appendChild(s);
+    return className;
+  }
+
+  _export("default", CSS);
+
+  return {
+    setters: [function (_styleStyleRule) {
+      AtomStyleRules = _styleStyleRule.AtomStyleRules;
+    }],
+    execute: function () {
+      styleId = 1;
+    }
+  };
+});
+//# sourceMappingURL=CSS.sys.js.map

package/dist/web/styles/CSS.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAKA,SAASA,iBAAT,CAA2BC,KAA3B,EAAwC;IACpC,OAAOA,KAAK,CAACC,OAAN,CAAe,iBAAf,EAAkC,OAAlC,EAA4CC,WAA5C,EAAP;EACH;;EAED,SAASC,eAAT,CAAyBC,IAAzB,EAAuCC,MAAvC,EAAgE;IAC5D,MAAMC,SAAS,GAAU,EAAzB;IACA,MAAMC,UAAU,GAAG,EAAnB;;IACA,KAAK,MAAMC,GAAX,IAAkBH,MAAlB,EAA0B;MACtB,IAAIA,MAAM,CAACI,cAAP,CAAsBD,GAAtB,CAAJ,EAAgC;QAC5B,IAAI,kCAAkCE,IAAlC,CAAuCF,GAAvC,CAAJ,EAAiD;UAC7C;QACH;;QACD,MAAMG,OAAO,GAAGN,MAAM,CAACG,GAAD,CAAtB;;QACA,IAAIG,OAAO,KAAKC,SAAZ,IAAyBD,OAAO,KAAK,IAAzC,EAA+C;UAC3C;QACH;;QACD,MAAME,OAAO,GAAGd,iBAAiB,CAACS,GAAD,CAAjC;;QACA,IAAIA,GAAG,KAAK,YAAZ,EAA0B;UACtB,MAAMM,CAAC,GAAGV,IAAV;;UACA,KAAK,MAAMW,WAAX,IAA0BJ,OAA1B,EAAmC;YAC/B,IAAIA,OAAO,CAACF,cAAR,CAAuBM,WAAvB,CAAJ,EAAyC;cACrC,MAAMC,EAAE,GAAGL,OAAO,CAACI,WAAD,CAAlB;cACAR,UAAU,CAACU,IAAX,CAAiB,GAAId,eAAe,CAAC,GAAGW,CAAC,GAAGC,WAAW,EAAnB,EAAuBC,EAAvB,CAApC;YACH;UACJ;QACJ,CARD,MAQO;UACH,IAAIL,OAAO,CAACO,GAAZ,EAAiB;YACbZ,SAAS,CAACW,IAAV,CAAe,GAAGJ,OAAO,SAASF,OAAO,GAAzC;UACH,CAFD,MAEO;YACHL,SAAS,CAACW,IAAV,CAAe,GAAGJ,OAAO,KAAKF,OAAO,EAArC;UACH;QACJ;MACJ;IACJ;;IACD,MAAMQ,KAAK,GAAGpB,iBAAiB,CAACK,IAAD,CAA/B;IAEA,MAAMgB,cAAc,GAAG,GAAGD,KAAK,EAA/B;;IAEA,IAAIb,SAAS,CAACe,MAAd,EAAsB;MAClB,OAAO,CAAC,GAAGD,cAAc,SAASd,SAAS,CAACgB,IAAV,CAAe,OAAf,CAAuB,KAAlD,EAAyD,GAAIf,UAA7D,CAAP;IACH;;IACD,OAAOA,UAAP;EACH;;EASa,SAAUgB,GAAV,CAAcC,KAAd,EAAyDC,YAAzD,EAA8E;IACxF,IAAIC,SAAS,GAAG,EAAhB;;IACA,IAAIF,KAAK,YAAYG,cAArB,EAAqC;MACjCD,SAAS,GAAGF,KAAK,CAACpB,IAAN,IAAc,EAA1B;;MACA,IAAIsB,SAAJ,EAAe;QACXA,SAAS,GAAG,MAAMA,SAAlB;MACH;;MACDF,KAAK,GAAGA,KAAK,CAACA,KAAd;IACH;;IACD,IAAII,SAAS,GAAGH,YAAhB;;IACA,IAAI,CAACA,YAAL,EAAmB;MACfG,SAAS,GAAG,YAAYC,OAAO,EAAE,GAAGH,SAAS,EAA7C;MACAD,YAAY,GAAG,IAAIG,SAAS,EAA5B;IACH;;IACD,MAAME,CAAC,GAAGC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAV;IACAF,CAAC,CAACG,EAAF,GAAOR,YAAP;IACA,MAAMS,IAAI,GAAG/B,eAAe,CAACsB,YAAD,EAAeD,KAAf,CAA5B;IACAM,CAAC,CAACK,WAAF,GAAgBD,IAAI,CAACZ,IAAL,CAAU,MAAV,CAAhB;IACAS,QAAQ,CAACK,IAAT,CAAcC,WAAd,CAA0BP,CAA1B;IACA,OAAOF,SAAP;EACH;;qBApBuBL,G;;;;MAxDfI,c,mBAAAA,c;;;MAGLE,O,GAAU,C","names":["fromCamelToHyphen","input","replace","toLowerCase","createStyleText","name","styles","styleList","subclasses","key","hasOwnProperty","test","element","undefined","keyName","n","subclassKey","ve","push","url","cname","styleClassName","length","join","CSS","style","selectorName","styleName","AtomStyleRules","className","styleId","s","document","createElement","id","list","textContent","head","appendChild"],"sourceRoot":"","sources":["../../../src/web/styles/CSS.ts"],"sourcesContent":[null]}

package/dist/web/styles/CommonStyles.sys.js

@@ -0,0 +1,79 @@
+System.register(["../../core/Colors", "../../style/StyleRule", "./CSS"], function (_export, _context) {
+  "use strict";
+
+  var Colors, StyleRule, CSS, CommonStyles;
+
+  function combine(...names) {
+    const r = [];
+
+    for (const iterator of names) {
+      if (!iterator) {
+        continue;
+      }
+
+      const v = iterator.toString();
+
+      if (!v) {
+        continue;
+      }
+
+      r.push(v);
+    }
+
+    return r.join(" ");
+  }
+
+  function CSSToString(s) {
+    const name = CSS(s);
+    return () => name;
+  }
+
+  _export("combine", combine);
+
+  return {
+    setters: [function (_coreColors) {
+      Colors = _coreColors.default;
+    }, function (_styleStyleRule) {
+      StyleRule = _styleStyleRule.default;
+    }, function (_CSS) {
+      CSS = _CSS.default;
+    }],
+    execute: function () {
+      CommonStyles = {
+        combine,
+        color: {
+          yellow: CSS(StyleRule().color(Colors.yellow)),
+          green: CSS(StyleRule().color(Colors.green)),
+          red: CSS(StyleRule().color(Colors.red))
+        },
+        backgroundColor: {
+          yellow: CSS(StyleRule().backgroundColor(Colors.yellow)),
+          green: CSS(StyleRule().backgroundColor(Colors.green)),
+          red: CSS(StyleRule().backgroundColor(Colors.red))
+        },
+        bold: CSS(StyleRule().fontWeight("bold")),
+        margin5: CSS(StyleRule().margin(5)),
+        padding5: CSS(StyleRule().padding(5)),
+        borderRadius9999: CSS(StyleRule().borderRadius(9999)),
+        borderRadius5: CSS(StyleRule().borderRadius(5)),
+        italic: CSS(StyleRule().fontStyle("italic")),
+        overflow: {
+          auto: CSS(StyleRule().overflow("auto")),
+          hidden: CSS(StyleRule().overflow("hidden"))
+        },
+        flex: {
+          inline: CSS(StyleRule().display("inline-flex")),
+          stretch: CSS(StyleRule().flexStretch()),
+          alignItemsCenter: CSS(StyleRule().alignItems("center")),
+          horizontal: CSS(StyleRule().flexDirection("row")),
+          vertical: CSS(StyleRule().flexDirection("column")),
+          justifyContentSpaceAround: CSS(StyleRule().justifyContent("space-around")),
+          toString: CSSToString(StyleRule().display("flex"))
+        }
+      };
+
+      _export("default", CommonStyles);
+    }
+  };
+});
+//# sourceMappingURL=CommonStyles.sys.js.map

package/dist/web/styles/CommonStyles.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAIM,SAAUA,OAAV,CAAkB,GAAIC,KAAtB,EAAkC;IACpC,MAAMC,CAAC,GAAG,EAAV;;IACA,KAAK,MAAMC,QAAX,IAAuBF,KAAvB,EAA8B;MAC1B,IAAI,CAACE,QAAL,EAAe;QACX;MACH;;MACD,MAAMC,CAAC,GAAGD,QAAQ,CAACE,QAAT,EAAV;;MACA,IAAI,CAACD,CAAL,EAAQ;QACJ;MACH;;MACDF,CAAC,CAACI,IAAF,CAAOF,CAAP;IACH;;IACD,OAAOF,CAAC,CAACK,IAAF,CAAO,GAAP,CAAP;EACH;;EAED,SAASC,WAAT,CAAqBC,CAArB,EAAsB;IAClB,MAAMC,IAAI,GAAGC,GAAG,CAACF,CAAD,CAAhB;IACA,OAAO,MAAMC,IAAb;EACH;;qBAlBeV,O;;;;MAJTY,M;;MACAC,S;;MACAF,G;;;MAsBDG,Y,GAAe;QACjBd,OADiB;QAEjBe,KAAK,EAAE;UACHC,MAAM,EAAEL,GAAG,CAACE,SAAS,GAChBE,KADO,CACDH,MAAM,CAACI,MADN,CAAD,CADR;UAGHC,KAAK,EAAEN,GAAG,CAACE,SAAS,GACfE,KADM,CACAH,MAAM,CAACK,KADP,CAAD,CAHP;UAKHC,GAAG,EAAEP,GAAG,CAACE,SAAS,GACbE,KADI,CACEH,MAAM,CAACM,GADT,CAAD;QALL,CAFU;QAUjBC,eAAe,EAAE;UACbH,MAAM,EAAEL,GAAG,CAACE,SAAS,GAChBM,eADO,CACSP,MAAM,CAACI,MADhB,CAAD,CADE;UAGbC,KAAK,EAAEN,GAAG,CAACE,SAAS,GACfM,eADM,CACUP,MAAM,CAACK,KADjB,CAAD,CAHG;UAKbC,GAAG,EAAEP,GAAG,CAACE,SAAS,GACbM,eADI,CACYP,MAAM,CAACM,GADnB,CAAD;QALK,CAVA;QAkBjBE,IAAI,EAAET,GAAG,CAACE,SAAS,GAAGQ,UAAZ,CAAuB,MAAvB,CAAD,CAlBQ;QAmBjBC,OAAO,EAAEX,GAAG,CAACE,SAAS,GAAGU,MAAZ,CAAmB,CAAnB,CAAD,CAnBK;QAoBjBC,QAAQ,EAAEb,GAAG,CAACE,SAAS,GAAGY,OAAZ,CAAoB,CAApB,CAAD,CApBI;QAqBjBC,gBAAgB,EAAEf,GAAG,CAACE,SAAS,GAAGc,YAAZ,CAAyB,IAAzB,CAAD,CArBJ;QAsBjBC,aAAa,EAAEjB,GAAG,CAACE,SAAS,GAAGc,YAAZ,CAAyB,CAAzB,CAAD,CAtBD;QAuBjBE,MAAM,EAAElB,GAAG,CAACE,SAAS,GAAGiB,SAAZ,CAAsB,QAAtB,CAAD,CAvBM;QAwBjBC,QAAQ,EAAE;UACNC,IAAI,EAAErB,GAAG,CAACE,SAAS,GAAGkB,QAAZ,CAAqB,MAArB,CAAD,CADH;UAENE,MAAM,EAAEtB,GAAG,CAACE,SAAS,GAAGkB,QAAZ,CAAqB,QAArB,CAAD;QAFL,CAxBO;QA4BjBG,IAAI,EAAE;UACFC,MAAM,EAAExB,GAAG,CAACE,SAAS,GAAGuB,OAAZ,CAAoB,aAApB,CAAD,CADT;UAEFC,OAAO,EAAE1B,GAAG,CAACE,SAAS,GAAGyB,WAAZ,EAAD,CAFV;UAGFC,gBAAgB,EAAE5B,GAAG,CAACE,SAAS,GAAG2B,UAAZ,CAAuB,QAAvB,CAAD,CAHnB;UAIFC,UAAU,EAAE9B,GAAG,CAACE,SAAS,GAAG6B,aAAZ,CAA0B,KAA1B,CAAD,CAJb;UAKFC,QAAQ,EAAEhC,GAAG,CAACE,SAAS,GAAG6B,aAAZ,CAA0B,QAA1B,CAAD,CALX;UAMFE,yBAAyB,EAAEjC,GAAG,CAACE,SAAS,GAAGgC,cAAZ,CAA2B,cAA3B,CAAD,CAN5B;UAOFxC,QAAQ,EAAEG,WAAW,CAACK,SAAS,GAAGuB,OAAZ,CAAoB,MAApB,CAAD;QAPnB;MA5BW,C;;yBAuCNtB,Y","names":["combine","names","r","iterator","v","toString","push","join","CSSToString","s","name","CSS","Colors","StyleRule","CommonStyles","color","yellow","green","red","backgroundColor","bold","fontWeight","margin5","margin","padding5","padding","borderRadius9999","borderRadius","borderRadius5","italic","fontStyle","overflow","auto","hidden","flex","inline","display","stretch","flexStretch","alignItemsCenter","alignItems","horizontal","flexDirection","vertical","justifyContentSpaceAround","justifyContent"],"sourceRoot":"","sources":["../../../src/web/styles/CommonStyles.ts"],"sourcesContent":[null]}

package/dist/web/styles/IStyleDeclaration.sys.js

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

package/dist/web/styles/IStyleDeclaration.sys.js.map

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

package/dist/web/styles/StyleBuilder.sys.js

@@ -0,0 +1,112 @@
+System.register([], function (_export, _context) {
+  "use strict";
+
+  var StyleBuilder;
+
+  function cssNumberToString(n, unit = "px") {
+    if (typeof n === "number") {
+      if (n === 0) {
+        return n + "";
+      }
+
+      return n + unit;
+    }
+
+    return n;
+  }
+
+  _export({
+    cssNumberToString: cssNumberToString,
+    default: void 0
+  });
+
+  return {
+    setters: [],
+    execute: function () {
+      _export("default", StyleBuilder = class StyleBuilder {
+        constructor(style) {
+          this.style = style;
+          this.style = this.style || {};
+        }
+
+        static get newStyle() {
+          return new StyleBuilder();
+        }
+
+        toStyle() {
+          return this.style;
+        }
+
+        size(width, height) {
+          width = cssNumberToString(width);
+          height = cssNumberToString(height);
+          return this.merge({
+            width,
+            height
+          });
+        }
+
+        roundBorder(radius) {
+          radius = cssNumberToString(radius);
+          return this.merge({
+            borderRadius: radius,
+            padding: radius
+          });
+        }
+
+        border(borderWidth, borderColor, borderStyle = "solid") {
+          borderWidth = cssNumberToString(borderWidth);
+          return this.merge({
+            borderWidth,
+            borderStyle,
+            borderColor
+          });
+        }
+
+        center(width, height) {
+          width = cssNumberToString(width);
+          height = cssNumberToString(height);
+          return this.merge({
+            position: "absolute",
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            width,
+            height,
+            margin: "auto"
+          });
+        }
+
+        absolute(left, top, right, bottom) {
+          left = cssNumberToString(left);
+          top = cssNumberToString(top);
+
+          if (right !== undefined) {
+            right = cssNumberToString(right);
+            bottom = cssNumberToString(bottom);
+            return this.merge({
+              position: "absolute",
+              left,
+              top,
+              right,
+              bottom
+            });
+          }
+
+          return this.merge({
+            position: "absolute",
+            left,
+            top
+          });
+        }
+
+        merge(style) {
+          return new StyleBuilder(Object.assign(Object.assign({}, this.style), style));
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=StyleBuilder.sys.js.map

package/dist/web/styles/StyleBuilder.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;MAiBqBA,Y;;EAZf,SAAUC,iBAAV,CAA4BC,CAA5B,EAA0CC,OAAe,IAAzD,EAA6D;IAC/D,IAAI,OAAOD,CAAP,KAAa,QAAjB,EAA2B;MACvB,IAAIA,CAAC,KAAK,CAAV,EAAa;QACT,OAAOA,CAAC,GAAG,EAAX;MACH;;MAED,OAAOA,CAAC,GAAGC,IAAX;IACH;;IACD,OAAOD,CAAP;EAEH;;;uBAVeD,iB;;;;;;;yBAYKD,Y,GAAP,MAAOA,YAAP,CAAmB;QAM7BI,YAA4BC,KAA5B,EAAqD;UAAzB;UACxB,KAAKA,KAAL,GAAa,KAAKA,KAAL,IAAc,EAA3B;QACH;;QANyB,WAARC,QAAQ;UACtB,OAAO,IAAIN,YAAJ,EAAP;QACH;;QAMMO,OAAO;UACV,OAAO,KAAKF,KAAZ;QACH;;QAEMG,IAAI,CACPC,KADO,EAEPC,MAFO,EAEU;UAEjBD,KAAK,GAAGR,iBAAiB,CAACQ,KAAD,CAAzB;UACAC,MAAM,GAAGT,iBAAiB,CAACS,MAAD,CAA1B;UACA,OAAO,KAAKC,KAAL,CAAW;YACdF,KADc;YAEdC;UAFc,CAAX,CAAP;QAIH;;QAEME,WAAW,CAACC,MAAD,EAAkB;UAChCA,MAAM,GAAGZ,iBAAiB,CAACY,MAAD,CAA1B;UACA,OAAO,KAAKF,KAAL,CAAW;YACdG,YAAY,EAAED,MADA;YAEdE,OAAO,EAAEF;UAFK,CAAX,CAAP;QAIH;;QAEMG,MAAM,CACTC,WADS,EAETC,WAFS,EAGTC,cAA+B,OAHtB,EAG6B;UAClCF,WAAW,GAAGhB,iBAAiB,CAACgB,WAAD,CAA/B;UACA,OAAO,KAAKN,KAAL,CAAW;YACdM,WADc;YAEdE,WAFc;YAGdD;UAHc,CAAX,CAAP;QAKH;;QAEEE,MAAM,CAACX,KAAD,EAAmBC,MAAnB,EAAoC;UAC7CD,KAAK,GAAGR,iBAAiB,CAACQ,KAAD,CAAzB;UACAC,MAAM,GAAGT,iBAAiB,CAACS,MAAD,CAA1B;UACA,OAAO,KAAKC,KAAL,CAAW;YACdU,QAAQ,EAAE,UADI;YAEdC,IAAI,EAAE,CAFQ;YAGdC,KAAK,EAAE,CAHO;YAIdC,GAAG,EAAE,CAJS;YAKdC,MAAM,EAAE,CALM;YAMdhB,KANc;YAOdC,MAPc;YAQdgB,MAAM,EAAE;UARM,CAAX,CAAP;QAUH;;QAEMC,QAAQ,CACXL,IADW,EAEXE,GAFW,EAGXD,KAHW,EAIXE,MAJW,EAIO;UAClBH,IAAI,GAAGrB,iBAAiB,CAACqB,IAAD,CAAxB;UACAE,GAAG,GAAGvB,iBAAiB,CAACuB,GAAD,CAAvB;;UACA,IAAID,KAAK,KAAKK,SAAd,EAAyB;YACrBL,KAAK,GAAGtB,iBAAiB,CAACsB,KAAD,CAAzB;YACAE,MAAM,GAAGxB,iBAAiB,CAACwB,MAAD,CAA1B;YACA,OAAO,KAAKd,KAAL,CAAY;cACfU,QAAQ,EAAE,UADK;cAEfC,IAFe;cAGfE,GAHe;cAIfD,KAJe;cAKfE;YALe,CAAZ,CAAP;UAOH;;UACD,OAAO,KAAKd,KAAL,CAAW;YACdU,QAAQ,EAAE,UADI;YAEdC,IAFc;YAGdE;UAHc,CAAX,CAAP;QAKH;;QAEOb,KAAK,CAACN,KAAD,EAAyB;UAClC,OAAO,IAAIL,YAAJ,CAAgB6B,gCACf,KAAKxB,KADU,GAEfA,KAFe,CAAhB,CAAP;QAIH;;MA3F4B,C","names":["StyleBuilder","cssNumberToString","n","unit","constructor","style","newStyle","toStyle","size","width","height","merge","roundBorder","radius","borderRadius","padding","border","borderWidth","borderColor","borderStyle","center","position","left","right","top","bottom","margin","absolute","undefined","Object"],"sourceRoot":"","sources":["../../../src/web/styles/StyleBuilder.ts"],"sourcesContent":[null]}