@web-atoms/web-controls 2.2.0 → 2.2.2

package/dist/basic/MaskedInputDiv.js

@@ -1,121 +1,100 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+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;
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const Colors_1 = require("@web-atoms/core/dist/core/Colors");
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
-    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .display("inline")
-        .position("relative")
-        .paddingLeft(2)
-        .paddingTop(2)
-        .fontFamily("monospace")
-        .and((0, StyleRule_1.default)("::before")
-        .absolutePosition({
+        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((0, StyleRule_1.default)("::after")
-        .absolutePosition({
+      }).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((0, StyleRule_1.default)("input")
-        .color(Colors_1.default.transparent)
-        .caretColor(Colors_1.default.gray)
-        .fontFamily("inherit")
-        .fontWeight("inherit")
-        .fontSize("inherit")), "div[data-mask]");
-    const updateMask = (e) => {
+      }).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;
+          return;
         }
         let result = "";
         const value = target.value;
-        // check max length
         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;
-            }
+          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);
-    const maskProperty = AtomControl_1.AtomControl.registerProperty("data-mask", "format", (ctrl, e, value) => {
+      };
+      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;
+          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;
-            }
+          switch (iterator) {
+            case "#":
+              result += " ";
+              continue;
+            case "0":
+              result += "0";
+              continue;
+            default:
+              result += iterator;
+              continue;
+          }
         }
         e.dataset.label = result;
-    });
-    function MaskedInput(_a) {
-        var { mask } = _a, a = __rest(_a, ["mask"]);
-        return XNode_1.default.create("div", Object.assign({ "data-mask": mask }, maskProperty(mask)),
-            XNode_1.default.create("input", Object.assign({ "data-mask": mask }, a)));
+      });
     }
-    exports.default = MaskedInput;
-});
+  };
+});
 //# sourceMappingURL=MaskedInputDiv.js.map

package/dist/basic/MaskedInputDiv.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedInputDiv.js","sourceRoot":"","sources":["../../src/basic/MaskedInputDiv.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAAA,6DAAsD;IACtD,2DAAoD;IACpD,oEAA6D;IAC7D,+EAA4E;IAC5E,6DAAsD;IAOtD,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SACV,OAAO,CAAC,QAAQ,CAAC;SACjB,QAAQ,CAAC,UAAU,CAAC;SACpB,WAAW,CAAC,CAAC,CAAC;SACd,UAAU,CAAC,CAAC,CAAC;SACb,UAAU,CAAC,WAAW,CAAC;SACvB,GAAG,CAAC,IAAA,mBAAS,EAAC,UAAU,CAAC;SACrB,gBAAgB,CAAC;QACd,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACT,CAAC;SACD,OAAO,CAAC,kBAAyB,CAAC;SAClC,UAAU,CAAC,SAAS,CAAC;SACrB,UAAU,CAAC,SAAS,CAAC;SACrB,QAAQ,CAAC,SAAS,CAAC;SACnB,aAAa,CAAC,MAAM,CAAC,CACzB;SACA,GAAG,CAAC,IAAA,mBAAS,EAAC,SAAS,CAAC;SACpB,gBAAgB,CAAC;QACd,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACT,CAAC;SACD,OAAO,CAAC,iBAAwB,CAAC;SACjC,UAAU,CAAC,SAAS,CAAC;SACrB,UAAU,CAAC,SAAS,CAAC;SACrB,QAAQ,CAAC,SAAS,CAAC;SACnB,aAAa,CAAC,MAAM,CAAC;SACrB,OAAO,CAAC,KAAK,CAAC,CAClB;SACA,KAAK,CAAC,IAAA,mBAAS,EAAC,OAAO,CAAC;SACpB,KAAK,CAAC,gBAAM,CAAC,WAAW,CAAC;SACzB,UAAU,CAAC,gBAAM,CAAC,IAAI,CAAC;SACvB,UAAU,CAAC,SAAS,CAAC;SACrB,UAAU,CAAC,SAAS,CAAC;SACrB,QAAQ,CAAC,SAAS,CAAC,CACvB,EACH,gBAAgB,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,CAAC,CAAQ,EAAE,EAAE;QAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC3B,mBAAmB;QACnB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE;YACxF,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;YACpC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,QAAQ,WAAW,EAAE;gBACjB,KAAK,GAAG;oBACJ,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;oBAChD,SAAS;gBACb,KAAK,GAAG;oBACJ,IAAI,OAAO,KAAK,GAAG,EAAE;wBACjB,MAAM,IAAI,GAAG,CAAC;qBACjB;oBACD,MAAM,IAAI,OAAO,CAAC;oBAClB,MAAM;gBACV;oBACI,MAAM,IAAI,OAAO,CAAC;oBAClB,MAAM;aACb;SACJ;QACD,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;IAChD,CAAC,CAAC;IAEF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACrD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACvD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,yBAAW,CAAC,gBAAgB,CAC7C,WAAW,EAAE,QAAQ,EAAE,CAAC,IAAiB,EAAE,CAAc,EAAE,KAAU,EAAE,EAAE;QACzE,IAAI,CAAC,KAAK,EAAE;YACR,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YACrB,OAAO;SACV;QACD,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,MAAM,QAAQ,IAAI,KAAK,EAAE;YAC1B,QAAQ,QAAQ,EAAE;gBACd,KAAK,GAAG;oBACJ,MAAM,IAAI,GAAG,CAAC;oBACd,SAAS;gBACb,KAAK,GAAG;oBACJ,MAAM,IAAI,GAAG,CAAC;oBACd,SAAS;gBACb;oBACI,MAAM,IAAI,QAAQ,CAAC;oBACnB,SAAS;aAChB;SACJ;QACD,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,SAAwB,WAAW,CAAC,EAA4B;YAA5B,EAAE,IAAI,OAAsB,EAAhB,CAAC,cAAb,QAAc,CAAD;QAC7C,OAAO,2DACY,IAAI,IACT,YAAY,CAAC,IAAI,CAAC;YAExB,6DACW,IAAI,IACT,CAAC,EACL,CACA,CAAC;IACf,CAAC;IAVD,8BAUC"}
+{"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.js

@@ -1,36 +1,37 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+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;
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
+        return t;
+      };
+      CSS(StyleRule().display("inline-grid").and(StyleRule("[data-block=true]").display("grid")), "*[data-mix=mix]");
     }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .display("inline-grid")
-        .and((0, StyleRule_1.default)("[data-block=true]")
-        .display("grid")), "*[data-mix=mix]");
-    function Mix(_a, ...nodes) {
-        var { block = false } = _a, a = __rest(_a, ["block"]);
-        return XNode_1.default.create("div", Object.assign({ "data-block": !!block, "data-mix": "mix" }, a), ...nodes);
-    }
-    exports.default = Mix;
-});
+  };
+});
 //# sourceMappingURL=Mix.js.map

package/dist/basic/Mix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mix.js","sourceRoot":"","sources":["../../src/basic/Mix.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAAA,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAGtD,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SACV,OAAO,CAAC,aAAa,CAAC;SACtB,GAAG,CAAC,IAAA,mBAAS,EAAC,mBAAmB,CAAC;SAC9B,OAAO,CAAC,MAAM,CAAC,CACnB,EACH,iBAAiB,CAAC,CAAC;IAMrB,SAAwB,GAAG,CAAC,EAElB,EAAE,GAAI,KAAc;YAFF,EACxB,KAAK,GAAG,KAAK,OACP,EAAF,CAAC,cAFmB,SAElB,CAAD;QACL,OAAO,4DACS,CAAC,CAAC,KAAK,cACV,KAAK,IAAO,CAAC,MACZ,KAAK,CACT,CAAC;IACf,CAAC;IARD,sBAQC"}
+{"version":3,"mappings":";;;;EAgBc,SAAUA,GAAG,CAACC,EAElB,EAAE,GAAIC,KAAc;QAFF;QACxBC,KAAK,GAAG;MAAK,MACP;MAAFC,CAAC,cAFmB,SAElB,CAAD;IACL,OAAOC;MAAA,cACS,CAAC,CAACF,KAAK;MAAA,YACV;IAAK,GAAOC,CAAC,MACZF,KAAK,CACT;EACd;EAAC,mBARuBF,GAAG;EAAA;IAAA;MAhBpBK,KAAK;IAAA;MACLC,SAAS;IAAA;MACTC,GAAG;IAAA;IAAA;;;;;;;;;MAGVA,GAAG,CAACD,SAAS,EAAE,CACVE,OAAO,CAAC,aAAa,CAAC,CACtBC,GAAG,CAACH,SAAS,CAAC,mBAAmB,CAAC,CAC9BE,OAAO,CAAC,MAAM,CAAC,CACnB,EACH,iBAAiB,CAAC;IAAC;EAAA;AAAA","names":["Mix","_a","nodes","block","a","XNode","StyleRule","CSS","display","and"],"sourceRoot":"","sources":["../../src/basic/Mix.tsx"],"sourcesContent":[null]}

package/dist/basic/Panel.js

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

package/dist/basic/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/basic/Panel.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,6DAAsD;IACtD,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAOtD,MAAM,GAAG,GAAG,IAAA,aAAG,EAAC,IAAA,mBAAS,EAAC,OAAO,CAAC;SAC7B,OAAO,CAAC,cAAc,CAAC;SACvB,OAAO,CAAC,CAAC,CAAC;SACV,MAAM,CAAC,CAAC,CAAC;SACT,YAAY,CAAC,IAAI,CAAC;SAClB,gBAAgB,EAAE;SAClB,KAAK,CAAC,IAAA,mBAAS,EAAC,SAAS,CAAC;SACtB,eAAe,CAAC,gBAAM,CAAC,SAAS,CAAC;SACjC,YAAY,CAAC,CAAC,CAAC;SACf,OAAO,CAAC,CAAC,CAAC,CACd,CAAC,CAAC;IAEP,SAAwB,KAAK,CACzB,EACI,MAAM,EACN,KAAK,EAAE,SAAS,EACD,EACnB,GAAI,QAAe;QAEnB,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;QAEpD,IAAI,MAAM,EAAE;YACR,OAAO,gCAAK,KAAK,EAAE,SAAS;gBACxB,kCAAO,KAAK,EAAC,QAAQ,IAAE,MAAM,CAAS;mBAChC,QAAQ,CACZ,CAAC;SACV;QAED,OAAO,gCAAK,KAAK,EAAE,SAAS,OAClB,QAAQ,CACZ,CAAC;IAEX,CAAC;IApBD,wBAoBC"}
+{"version":3,"mappings":";;;;EAsBc,SAAUA,KAAK,CACzB;IACIC,MAAM;IACNC,KAAK,EAAEC;EAAS,CACD,EACnB,GAAIC,QAAe;IAEnBD,SAAS,GAAGA,SAAS,GAAGE,GAAG,GAAG,GAAG,GAAGF,SAAS,GAAGE,GAAG;IAEnD,IAAIJ,MAAM,EAAE;MACR,OAAOK;QAAKJ,KAAK,EAAEC;MAAS,GACxBG;QAAOJ,KAAK,EAAC;MAAQ,GAAED,MAAM,CAAS,KAChCG,QAAQ,CACZ;;IAGV,OAAOE;MAAKJ,KAAK,EAAEC;IAAS,MAClBC,QAAQ,CACZ;EAEV;EAAC,mBApBuBJ,KAAK;EAAA;IAAA;MAtBtBO,MAAM;IAAA;MACND,KAAK;IAAA;MACLE,SAAS;IAAA;MACTC,GAAG;IAAA;IAAA;MAOJJ,GAAG,GAAGI,GAAG,CAACD,SAAS,CAAC,OAAO,CAAC,CAC7BE,OAAO,CAAC,cAAc,CAAC,CACvBC,OAAO,CAAC,CAAC,CAAC,CACVC,MAAM,CAAC,CAAC,CAAC,CACTC,YAAY,CAAC,IAAI,CAAC,CAClBC,gBAAgB,EAAE,CAClBC,KAAK,CAACP,SAAS,CAAC,SAAS,CAAC,CACtBQ,eAAe,CAACT,MAAM,CAACU,SAAS,CAAC,CACjCJ,YAAY,CAAC,CAAC,CAAC,CACfF,OAAO,CAAC,CAAC,CAAC,CACd,CAAC;IAAA;EAAA;AAAA","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/PasswordBox.js

@@ -1,60 +1,57 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+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 PasswordBox(_a) {
+    var {
+        placeholder,
+        value
+      } = _a,
+      a = __rest(_a, ["placeholder", "value"]);
+    return XNode.create("div", Object.assign({
+      "data-password-box": "password-box"
+    }, a), XNode.create("input", {
+      placeholder: placeholder,
+      type: "password",
+      value: value
+    }), XNode.create("i", {
+      class: "fa-solid fa-eye",
+      title: "Display Password",
+      "data-click-event": "togglePassword",
+      "data-password-hint": "password-hint"
+    }));
+  }
+  _export("default", PasswordBox);
+  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;
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .display("inline-grid")
-        .gridTemplateColumns("1fr 20px")
-        .child((0, StyleRule_1.default)("input")
-        .gridRowStart("1")
-        .gridColumnStart("1")
-        .gridColumnEnd("span 2")
-        .and((0, StyleRule_1.default)("::-ms-reveal")
-        .display("none")))
-        .child((0, StyleRule_1.default)("i")
-        .gridRowStart("1")
-        .gridColumnStart("2")
-        .alignSelf("center")
-        .justifySelf("center")
-        .zIndex("2")), "div[data-password-box=password-box]");
-    document.body.addEventListener("togglePassword", (e) => {
+        return t;
+      };
+      CSS(StyleRule().display("inline-grid").gridTemplateColumns("1fr 20px").child(StyleRule("input").gridRowStart("1").gridColumnStart("1").gridColumnEnd("span 2").and(StyleRule("::-ms-reveal").display("none"))).child(StyleRule("i").gridRowStart("1").gridColumnStart("2").alignSelf("center").justifySelf("center").zIndex("2")), "div[data-password-box=password-box]");
+      document.body.addEventListener("togglePassword", e => {
         const current = e.target;
         const input = current.previousElementSibling;
         if ((input === null || input === void 0 ? void 0 : input.tagName) !== "INPUT") {
-            return;
+          return;
         }
         const isPassword = input.type === "password";
         input.type = isPassword ? "text" : "password";
         current.className = !isPassword ? "fa-solid fa-eye" : "fa-solid fa-eye-slash";
         current.title = !isPassword ? "Display Password" : "Hide Password";
-    });
-    function PasswordBox(_a) {
-        var { placeholder, value } = _a, a = __rest(_a, ["placeholder", "value"]);
-        return XNode_1.default.create("div", Object.assign({ "data-password-box": "password-box" }, a),
-            XNode_1.default.create("input", { placeholder: placeholder, type: "password", value: value }),
-            XNode_1.default.create("i", { class: "fa-solid fa-eye", title: "Display Password", "data-click-event": "togglePassword", "data-password-hint": "password-hint" }));
+      });
     }
-    exports.default = PasswordBox;
-});
+  };
+});
 //# sourceMappingURL=PasswordBox.js.map

package/dist/basic/PasswordBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordBox.js","sourceRoot":"","sources":["../../src/basic/PasswordBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;IACA,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IAGtD,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SACV,OAAO,CAAC,aAAa,CAAC;SACtB,mBAAmB,CAAC,UAAU,CAAC;SAC/B,KAAK,CAAC,IAAA,mBAAS,EAAC,OAAO,CAAC;SACpB,YAAY,CAAC,GAAG,CAAC;SACjB,eAAe,CAAC,GAAG,CAAC;SACpB,aAAa,CAAC,QAAQ,CAAC;SACvB,GAAG,CAAC,IAAA,mBAAS,EAAC,cAAc,CAAC;SACzB,OAAO,CAAC,MAAM,CAAC,CACnB,CACJ;SACA,KAAK,CAAC,IAAA,mBAAS,EAAC,GAAG,CAAC;SAChB,YAAY,CAAC,GAAG,CAAC;SACjB,eAAe,CAAC,GAAG,CAAC;SACpB,SAAS,CAAC,QAAQ,CAAC;SACnB,WAAW,CAAC,QAAQ,CAAC;SACrB,MAAM,CAAC,GAAG,CAAC,CACf,EACH,qCAAqC,CAAC,CAAC;IAEzC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE;QACnD,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,sBAA0C,CAAC;QACjE,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,MAAK,OAAO,EAAE;YAC5B,OAAO;SACV;QACD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;QAC7C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CAAC;QAC9E,OAAO,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC;IACvE,CAAC,CAAC,CAAC;IAOH,SAAwB,WAAW,CAAC,EAIrB;YAJqB,EAChC,WAAW,EACX,KAAK,OAEM,EADP,CAAC,cAH2B,wBAInC,CADQ;QAEL,OAAO,mEACe,cAAc,IAC1B,CAAC;YACP,kCACI,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,GAAI;YACpB,8BACI,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,kBAAkB,sBACP,gBAAgB,wBACd,eAAe,GAAG,CACvC,CAAC;IACX,CAAC;IAlBD,8BAkBC"}
+{"version":3,"mappings":";;;;EA2Cc,SAAUA,WAAW,CAACC,EAIrB;QAJqB;QAChCC,WAAW;QACXC;MAAK,MAEM;MADPC,CAAC,cAH2B,wBAInC,CADQ;IAEL,OAAOC;MAAA,qBACe;IAAc,GAC1BD,CAAC,GACPC;MACIH,WAAW,EAAEA,WAAW;MACxBI,IAAI,EAAC,UAAU;MACfH,KAAK,EAAEA;IAAK,EAAI,EACpBE;MACIE,KAAK,EAAC,iBAAiB;MACvBC,KAAK,EAAC,kBAAkB;MAAA,oBACP,gBAAgB;MAAA,sBACd;IAAe,EAAG,CACvC;EACV;EAAC,mBAlBuBR,WAAW;EAAA;IAAA;MA1C5BK,KAAK;IAAA;MACLI,SAAS;IAAA;MACTC,GAAG;IAAA;IAAA;;;;;;;;;MAGVA,GAAG,CAACD,SAAS,EAAE,CACVE,OAAO,CAAC,aAAa,CAAC,CACtBC,mBAAmB,CAAC,UAAU,CAAC,CAC/BC,KAAK,CAACJ,SAAS,CAAC,OAAO,CAAC,CACpBK,YAAY,CAAC,GAAG,CAAC,CACjBC,eAAe,CAAC,GAAG,CAAC,CACpBC,aAAa,CAAC,QAAQ,CAAC,CACvBC,GAAG,CAACR,SAAS,CAAC,cAAc,CAAC,CACzBE,OAAO,CAAC,MAAM,CAAC,CACnB,CACJ,CACAE,KAAK,CAACJ,SAAS,CAAC,GAAG,CAAC,CAChBK,YAAY,CAAC,GAAG,CAAC,CACjBC,eAAe,CAAC,GAAG,CAAC,CACpBG,SAAS,CAAC,QAAQ,CAAC,CACnBC,WAAW,CAAC,QAAQ,CAAC,CACrBC,MAAM,CAAC,GAAG,CAAC,CACf,EACH,qCAAqC,CAAC;MAExCC,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,gBAAgB,EAAGC,CAAC,IAAI;QACnD,MAAMC,OAAO,GAAGD,CAAC,CAACE,MAAqB;QACvC,MAAMC,KAAK,GAAGF,OAAO,CAACG,sBAA0C;QAChE,IAAI,MAAK,aAALD,KAAK,uBAALA,KAAK,CAAEE,OAAO,MAAK,OAAO,EAAE;UAC5B;;QAEJ,MAAMC,UAAU,GAAGH,KAAK,CAACrB,IAAI,KAAK,UAAU;QAC5CqB,KAAK,CAACrB,IAAI,GAAGwB,UAAU,GAAG,MAAM,GAAG,UAAU;QAC7CL,OAAO,CAACM,SAAS,GAAG,CAACD,UAAU,GAAG,iBAAiB,GAAG,uBAAuB;QAC7EL,OAAO,CAACjB,KAAK,GAAG,CAACsB,UAAU,GAAG,kBAAkB,GAAG,eAAe;MACtE,CAAC,CAAC;IAAC;EAAA;AAAA","names":["PasswordBox","_a","placeholder","value","a","XNode","type","class","title","StyleRule","CSS","display","gridTemplateColumns","child","gridRowStart","gridColumnStart","gridColumnEnd","and","alignSelf","justifySelf","zIndex","document","body","addEventListener","e","current","target","input","previousElementSibling","tagName","isPassword","className"],"sourceRoot":"","sources":["../../src/basic/PasswordBox.tsx"],"sourcesContent":[null]}