@web-atoms/web-controls 2.3.0 → 2.3.2

package/dist/basic/PasswordBox.js

@@ -1,57 +1,2 @@
-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;
-      };
-      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;
-        }
-        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";
-      });
-    }
-  };
-});
+System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var __rest,XNode,StyleRule,CSS;function 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(_tslib){__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){CSS(StyleRule().display("inline-grid").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;}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";});}};});
 //# sourceMappingURL=PasswordBox.js.map

package/dist/basic/PasswordBox.js.map

@@ -1 +1 @@
-{"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]}
+{"version":3,"mappings":"gNA2Cc,QAAUA,YAAW,CAACC,EAIrB,KAJqB,CAChCC,WAAW,CACXC,KAAK,IAEM,CADPC,CAAC,WAH2B,uBAInC,CADQ,CAEL,MAAOC,uDACe,cAAc,EAC1BD,CAAC,EACPC,sBACIH,WAAW,CAAEA,WAAW,CACxBI,IAAI,CAAC,UAAU,CACfH,KAAK,CAAEA,KAAK,EAAI,CACpBE,kBACIE,KAAK,CAAC,iBAAiB,CACvBC,KAAK,CAAC,kBAAkB,oBACP,gBAAgB,sBACd,eAAe,EAAG,CACvC,CACV,CAAC,kBAlBuBR,WAAW,+FA1C5BK,KAAK,gFACLI,SAAS,mFACTC,GAAG,6DAGVA,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,CACH,qCAAqC,CAAC,CAExCC,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,gBAAgB,CAAGC,CAAC,EAAI,CACnD,KAAMC,QAAO,CAAGD,CAAC,CAACE,MAAqB,CACvC,KAAMC,MAAK,CAAGF,OAAO,CAACG,sBAA0C,CAChE,GAAI,MAAK,SAALD,KAAK,iBAALA,KAAK,CAAEE,OAAO,IAAK,OAAO,CAAE,CAC5B,QAEJ,KAAMC,WAAU,CAAGH,KAAK,CAACrB,IAAI,GAAK,UAAU,CAC5CqB,KAAK,CAACrB,IAAI,CAAGwB,UAAU,CAAG,MAAM,CAAG,UAAU,CAC7CL,OAAO,CAACM,SAAS,CAAG,CAACD,UAAU,CAAG,iBAAiB,CAAG,uBAAuB,CAC7EL,OAAO,CAACjB,KAAK,CAAG,CAACsB,UAAU,CAAG,kBAAkB,CAAG,eAAe,CACtE,CAAC,CAAC,CAAC","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]}

package/dist/basic/PinchZoomView.js

@@ -1,271 +1,2 @@
-System.register(["@web-atoms/core/dist/core/Bind", "@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/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
-  "use strict";
-
-  var Bind, BindableProperty, Colors, XNode, StyleRule, AtomControl, CSS, PinchZoomView, __decorate, __metadata, center, distance;
-  _export("default", void 0);
-  return {
-    setters: [function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_webAtomsCoreDistCoreBindableProperty) {
-      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
-    }, 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 () {
-      __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().position("relative").overflow("hidden").cursor("grab").and(StyleRule("[data-state=grabbing]").cursor("grabbing")).child(StyleRule(".scale").absolutePosition({
-        right: 10,
-        top: 10
-      }).border("solid 2px darkgray").borderRadius(4).backgroundColor(Colors.white).padding(4).color(Colors.black)).child(StyleRule(".image-container").maximizeAbsolute().overflow("hidden").display("grid").alignItems("center").justifyItems("center").justifyContent("center")).child(StyleRule(".spinner").maximizeAbsolute().display("inline-grid").alignItems("center").justifyItems("center")).child(StyleRule(".hide").display("none")), "div[data-pinch-zoom]");
-      center = ev => {
-        const touch = ev.touches[0];
-        if (touch) {
-          return {
-            x: touch.clientX,
-            y: touch.clientY
-          };
-        }
-        return {
-          x: 0,
-          y: 0
-        };
-      };
-      distance = (first, second) => {
-        return Math.hypot(first.pageX - second.pageX, first.pageY - second.pageY);
-      };
-      _export("default", PinchZoomView = class PinchZoomView extends AtomControl {
-        preCreate() {
-          this.element.title = "Use mouse wheel to zoom";
-          this.loading = false;
-          this.zoom = {
-            scale: 0,
-            anchorX: 0,
-            anchorY: 0,
-            x: 0,
-            y: 0
-          };
-          this.element.dataset.pinchZoom = "true";
-          this.render(XNode.create("div", null, XNode.create("div", {
-            class: "image-container"
-          }, XNode.create("img", {
-            src: Bind.oneWay(() => this.getSource(this.source)),
-            "event-load": () => {
-              this.loading = false;
-              this.updateZoom(this.zoom);
-            }
-          })), XNode.create("i", {
-            class: Bind.oneWay(() => this.loading ? "spinner fa-duotone fa-spinner fa-spin" : "hide")
-          }), XNode.create("i", {
-            "event-click": () => this.updateZoom(),
-            class: Bind.oneWay(() => this.zoom.scale ? "scale fa-solid fa-arrows-minimize" : "hide"),
-            title: "Display entire image"
-          })));
-          this.imageContainer = this.element.firstElementChild;
-          this.image = this.imageContainer.firstElementChild;
-          const scrollView = this.element;
-          let previous;
-          let touchMoveDisposable;
-          let touchEndDisposable;
-          this.bindEvent(scrollView, "touchstart", evs => {
-            previous = center(evs);
-            let previousDistance = undefined;
-            touchMoveDisposable !== null && touchMoveDisposable !== void 0 ? touchMoveDisposable : touchMoveDisposable = this.bindEvent(scrollView, "touchmove", ev => {
-              var _a;
-              ev.preventDefault();
-              (_a = ev.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(ev);
-              let {
-                x,
-                y,
-                anchorX,
-                anchorY,
-                scale
-              } = this.zoom;
-              if (ev.touches.length === 2) {
-                const rect = this.element.getBoundingClientRect();
-                const first = ev.touches[0];
-                const second = ev.touches[1];
-                anchorX = (first.clientX + second.clientX) / 2 - rect.left;
-                anchorY = (first.clientY + second.clientY) / 2 - rect.top;
-                const newScale = distance(first, second);
-                if (previousDistance === void 0) {
-                  previousDistance = newScale;
-                  return;
-                }
-                if (previousDistance === newScale) {
-                  return;
-                }
-                scale += newScale - previousDistance;
-                previousDistance = newScale;
-                this.updateZoom({
-                  anchorX,
-                  anchorY,
-                  x,
-                  y,
-                  scale
-                });
-                return;
-              }
-              if (!previous) {
-                return;
-              }
-              const cp = center(ev);
-              x += cp.x - previous.x;
-              y += cp.y - previous.y;
-              previous = cp;
-              this.updateZoom({
-                anchorX,
-                anchorY,
-                x,
-                y,
-                scale
-              });
-            });
-            touchEndDisposable !== null && touchEndDisposable !== void 0 ? touchEndDisposable : touchEndDisposable = this.bindEvent(scrollView, "touchend", ev => {
-              touchMoveDisposable === null || touchMoveDisposable === void 0 ? void 0 : touchMoveDisposable.dispose();
-              touchEndDisposable === null || touchEndDisposable === void 0 ? void 0 : touchEndDisposable.dispose();
-              touchMoveDisposable = undefined;
-              touchEndDisposable = undefined;
-              previousDistance = undefined;
-            });
-          });
-          let mouseMoveDisposable;
-          let mouseUpDisposable;
-          this.bindEvent(scrollView, "mousedown", ev => {
-            this.element.dataset.state = "grabbing";
-            previous = {
-              x: ev.clientX,
-              y: ev.clientY
-            };
-            mouseMoveDisposable !== null && mouseMoveDisposable !== void 0 ? mouseMoveDisposable : mouseMoveDisposable = this.bindEvent(scrollView, "mousemove", e => {
-              var _a;
-              e.preventDefault();
-              (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
-              const {
-                anchorX,
-                anchorY,
-                scale
-              } = this.zoom;
-              let {
-                x,
-                y
-              } = this.zoom;
-              const cp = {
-                x: e.clientX,
-                y: e.clientY
-              };
-              x += cp.x - previous.x;
-              y += cp.y - previous.y;
-              previous = cp;
-              this.updateZoom({
-                anchorX,
-                anchorY,
-                x,
-                y,
-                scale
-              });
-            });
-            mouseUpDisposable !== null && mouseUpDisposable !== void 0 ? mouseUpDisposable : mouseUpDisposable = this.bindEvent(scrollView, "mouseup", e => {
-              var _a;
-              e.preventDefault();
-              (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
-              this.element.dataset.state = "";
-              previous = null;
-              mouseMoveDisposable.dispose();
-              mouseUpDisposable.dispose();
-              mouseMoveDisposable = undefined;
-              mouseUpDisposable = undefined;
-            });
-          });
-          this.bindEvent(scrollView, "wheel", ev => {
-            var _a;
-            const target = ev.currentTarget;
-            ev.preventDefault();
-            (_a = ev.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(ev);
-            const newScale = this.zoom.scale - (ev.deltaY < 0 ? -50 : 50);
-            const anchorX = ev.offsetX;
-            const anchorY = ev.offsetY;
-            const {
-              x,
-              y
-            } = this.zoom;
-            this.updateZoom({
-              anchorX,
-              anchorY,
-              x,
-              y,
-              scale: newScale < 0 ? 0 : newScale
-            });
-          }, undefined, {
-            passive: false
-          });
-        }
-        getSource(text) {
-          if (text) {
-            this.loading = true;
-          }
-          return text;
-        }
-        updateZoom(zoom = {
-          x: 0,
-          y: 0,
-          anchorX: 0,
-          anchorY: 0,
-          scale: 0
-        }) {
-          const {
-            anchorX,
-            anchorY,
-            x,
-            y
-          } = zoom;
-          let {
-            scale
-          } = zoom;
-          this.zoom = zoom;
-          const image = this.image;
-          if (!image.naturalHeight) {
-            return;
-          }
-          const maxHeight = this.element.clientWidth > this.element.clientHeight;
-          const s = maxHeight ? this.element.clientWidth / image.naturalWidth : this.element.clientHeight / image.naturalHeight;
-          if (scale <= 0) {
-            scale = 0;
-          }
-          const newWidth = this.element.clientWidth + scale + "px";
-          const newHeight = this.element.clientHeight + scale + "px";
-          this.image.style.maxWidth = this.element.clientWidth + "px";
-          this.image.style.maxHeight = this.element.clientHeight + "px";
-          if (scale <= 0) {
-            this.imageContainer.style.transform = "";
-            return;
-          }
-          const clientWidth = this.element.clientWidth;
-          const scaleFactor = (clientWidth + scale) / clientWidth;
-          this.imageContainer.style.transformOrigin = `${anchorX}px ${anchorY}`;
-          this.imageContainer.style.transform = `translate(${x}px, ${y}px) scale(${scaleFactor})`;
-        }
-      });
-      __decorate([BindableProperty, __metadata("design:type", Object)], PinchZoomView.prototype, "zoom", void 0);
-      __decorate([BindableProperty, __metadata("design:type", String)], PinchZoomView.prototype, "source", void 0);
-      __decorate([BindableProperty, __metadata("design:type", Boolean)], PinchZoomView.prototype, "loading", void 0);
-    }
-  };
-});
+System.register(["tslib","@web-atoms/core/dist/core/Bind","@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/controls/AtomControl","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var __decorate,__metadata,Bind,BindableProperty,Colors,XNode,StyleRule,AtomControl,CSS,PinchZoomView,center,distance;_export("default",void 0);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_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(){CSS(StyleRule().position("relative").overflow("hidden").cursor("grab").and(StyleRule("[data-state=grabbing]").cursor("grabbing")).child(StyleRule(".scale").absolutePosition({right:10,top:10}).border("solid 2px darkgray").borderRadius(4).backgroundColor(Colors.white).padding(4).color(Colors.black)).child(StyleRule(".image-container").maximizeAbsolute().overflow("hidden").display("grid").alignItems("center").justifyItems("center").justifyContent("center")).child(StyleRule(".spinner").maximizeAbsolute().display("inline-grid").alignItems("center").justifyItems("center")).child(StyleRule(".hide").display("none")),"div[data-pinch-zoom]");center=ev=>{const touch=ev.touches[0];if(touch){return{x:touch.clientX,y:touch.clientY};}return{x:0,y:0};};distance=(first,second)=>{return Math.hypot(first.pageX-second.pageX,first.pageY-second.pageY);};_export("default",PinchZoomView=class PinchZoomView extends AtomControl{preCreate(){this.element.title="Use mouse wheel to zoom";this.loading=false;this.zoom={scale:0,anchorX:0,anchorY:0,x:0,y:0};this.element.dataset.pinchZoom="true";this.render(XNode.create("div",null,XNode.create("div",{class:"image-container"},XNode.create("img",{src:Bind.oneWay(()=>this.getSource(this.source)),"event-load":()=>{this.loading=false;this.updateZoom(this.zoom);}})),XNode.create("i",{class:Bind.oneWay(()=>this.loading?"spinner fa-duotone fa-spinner fa-spin":"hide")}),XNode.create("i",{"event-click":()=>this.updateZoom(),class:Bind.oneWay(()=>this.zoom.scale?"scale fa-solid fa-arrows-minimize":"hide"),title:"Display entire image"})));this.imageContainer=this.element.firstElementChild;this.image=this.imageContainer.firstElementChild;const scrollView=this.element;let previous;let touchMoveDisposable;let touchEndDisposable;this.bindEvent(scrollView,"touchstart",evs=>{previous=center(evs);let previousDistance=undefined;touchMoveDisposable!==null&&touchMoveDisposable!==void 0?touchMoveDisposable:touchMoveDisposable=this.bindEvent(scrollView,"touchmove",ev=>{var _a;ev.preventDefault();(_a=ev.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(ev);let{x,y,anchorX,anchorY,scale}=this.zoom;if(ev.touches.length===2){const rect=this.element.getBoundingClientRect();const first=ev.touches[0];const second=ev.touches[1];anchorX=(first.clientX+second.clientX)/2-rect.left;anchorY=(first.clientY+second.clientY)/2-rect.top;const newScale=distance(first,second);if(previousDistance===void 0){previousDistance=newScale;return;}if(previousDistance===newScale){return;}scale+=newScale-previousDistance;previousDistance=newScale;this.updateZoom({anchorX,anchorY,x,y,scale});return;}if(!previous){return;}const cp=center(ev);x+=cp.x-previous.x;y+=cp.y-previous.y;previous=cp;this.updateZoom({anchorX,anchorY,x,y,scale});});touchEndDisposable!==null&&touchEndDisposable!==void 0?touchEndDisposable:touchEndDisposable=this.bindEvent(scrollView,"touchend",ev=>{touchMoveDisposable===null||touchMoveDisposable===void 0?void 0:touchMoveDisposable.dispose();touchEndDisposable===null||touchEndDisposable===void 0?void 0:touchEndDisposable.dispose();touchMoveDisposable=undefined;touchEndDisposable=undefined;previousDistance=undefined;});});let mouseMoveDisposable;let mouseUpDisposable;this.bindEvent(scrollView,"mousedown",ev=>{this.element.dataset.state="grabbing";previous={x:ev.clientX,y:ev.clientY};mouseMoveDisposable!==null&&mouseMoveDisposable!==void 0?mouseMoveDisposable:mouseMoveDisposable=this.bindEvent(scrollView,"mousemove",e=>{var _a;e.preventDefault();(_a=e.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(e);const{anchorX,anchorY,scale}=this.zoom;let{x,y}=this.zoom;const cp={x:e.clientX,y:e.clientY};x+=cp.x-previous.x;y+=cp.y-previous.y;previous=cp;this.updateZoom({anchorX,anchorY,x,y,scale});});mouseUpDisposable!==null&&mouseUpDisposable!==void 0?mouseUpDisposable:mouseUpDisposable=this.bindEvent(scrollView,"mouseup",e=>{var _a;e.preventDefault();(_a=e.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(e);this.element.dataset.state="";previous=null;mouseMoveDisposable.dispose();mouseUpDisposable.dispose();mouseMoveDisposable=undefined;mouseUpDisposable=undefined;});});this.bindEvent(scrollView,"wheel",ev=>{var _a;const target=ev.currentTarget;ev.preventDefault();(_a=ev.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(ev);const newScale=this.zoom.scale-(ev.deltaY<0?-50:50);const anchorX=ev.offsetX;const anchorY=ev.offsetY;const{x,y}=this.zoom;this.updateZoom({anchorX,anchorY,x,y,scale:newScale<0?0:newScale});},undefined,{passive:false});}getSource(text){if(text){this.loading=true;}return text;}updateZoom(zoom={x:0,y:0,anchorX:0,anchorY:0,scale:0}){const{anchorX,anchorY,x,y}=zoom;let{scale}=zoom;this.zoom=zoom;const image=this.image;if(!image.naturalHeight){return;}const maxHeight=this.element.clientWidth>this.element.clientHeight;const s=maxHeight?this.element.clientWidth/image.naturalWidth:this.element.clientHeight/image.naturalHeight;if(scale<=0){scale=0;}const newWidth=this.element.clientWidth+scale+"px";const newHeight=this.element.clientHeight+scale+"px";this.image.style.maxWidth=this.element.clientWidth+"px";this.image.style.maxHeight=this.element.clientHeight+"px";if(scale<=0){this.imageContainer.style.transform="";return;}const clientWidth=this.element.clientWidth;const scaleFactor=(clientWidth+scale)/clientWidth;this.imageContainer.style.transformOrigin=`${anchorX}px ${anchorY}`;this.imageContainer.style.transform=`translate(${x}px, ${y}px) scale(${scaleFactor})`;}});__decorate([BindableProperty,__metadata("design:type",Object)],PinchZoomView.prototype,"zoom",void 0);__decorate([BindableProperty,__metadata("design:type",String)],PinchZoomView.prototype,"source",void 0);__decorate([BindableProperty,__metadata("design:type",Boolean)],PinchZoomView.prototype,"loading",void 0);}};});
 //# sourceMappingURL=PinchZoomView.js.map

package/dist/basic/PinchZoomView.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["PinchZoomView","Bind","BindableProperty","Colors","XNode","StyleRule","AtomControl","CSS","position","overflow","cursor","and","child","absolutePosition","right","top","border","borderRadius","backgroundColor","white","padding","color","black","maximizeAbsolute","display","alignItems","justifyItems","justifyContent","center","ev","touch","touches","x","clientX","y","clientY","distance","first","second","Math","hypot","pageX","pageY","preCreate","element","title","loading","zoom","scale","anchorX","anchorY","dataset","pinchZoom","render","class","src","oneWay","getSource","source","updateZoom","imageContainer","firstElementChild","image","scrollView","previous","touchMoveDisposable","touchEndDisposable","bindEvent","evs","previousDistance","undefined","preventDefault","stopImmediatePropagation","length","rect","getBoundingClientRect","left","newScale","cp","dispose","mouseMoveDisposable","mouseUpDisposable","state","e","target","currentTarget","deltaY","offsetX","offsetY","passive","text","naturalHeight","maxHeight","clientWidth","clientHeight","s","naturalWidth","newWidth","newHeight","style","maxWidth","transform","scaleFactor","transformOrigin","__decorate"],"sourceRoot":"","sources":["../../src/basic/PinchZoomView.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":"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","names":["PinchZoomView","Bind","BindableProperty","Colors","XNode","StyleRule","AtomControl","CSS","position","overflow","cursor","and","child","absolutePosition","right","top","border","borderRadius","backgroundColor","white","padding","color","black","maximizeAbsolute","display","alignItems","justifyItems","justifyContent","center","ev","touch","touches","x","clientX","y","clientY","distance","first","second","Math","hypot","pageX","pageY","preCreate","element","title","loading","zoom","scale","anchorX","anchorY","dataset","pinchZoom","render","class","src","oneWay","getSource","source","updateZoom","imageContainer","firstElementChild","image","scrollView","previous","touchMoveDisposable","touchEndDisposable","bindEvent","evs","previousDistance","undefined","preventDefault","stopImmediatePropagation","length","rect","getBoundingClientRect","left","newScale","cp","dispose","mouseMoveDisposable","mouseUpDisposable","state","e","target","currentTarget","deltaY","offsetX","offsetY","passive","text","naturalHeight","maxHeight","clientWidth","clientHeight","s","naturalWidth","newWidth","newHeight","style","maxWidth","transform","scaleFactor","transformOrigin","__decorate"],"sourceRoot":"","sources":["../../src/basic/PinchZoomView.tsx"],"sourcesContent":[null]}

package/dist/basic/PopupButton.js

@@ -1,74 +1,2 @@
-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", "./InlinePopup"], function (_export, _context) {
-  "use strict";
-
-  var Colors, XNode, StyleRule, CSS, InlinePopupButton, __rest, iconLabelCss;
-  function MenuItem(_a) {
-    var {
-        label,
-        icon,
-        eventClick,
-        href,
-        target
-      } = _a,
-      others = __rest(_a, ["label", "icon", "eventClick", "href", "target"]);
-    if (label) {
-      return XNode.create("div", Object.assign({
-        "data-menu-item": "menu-item",
-        eventClick: eventClick
-      }, others), XNode.create("i", {
-        class: icon
-      }), XNode.create("span", {
-        text: label
-      }));
-    }
-    return XNode.create("div", Object.assign({
-      "data-menu-item": "menu-item",
-      eventClick: eventClick
-    }, others), XNode.create("i", {
-      class: icon
-    }));
-  }
-  function PopupActionButton(a, ...nodes) {
-    a.anchorRight = true;
-    a["data-alignment"] = "bottom-right";
-    return InlinePopupButton(a, ...nodes);
-  }
-  _export({
-    MenuItem: MenuItem,
-    PopupActionButton: PopupActionButton
-  });
-  return {
-    setters: [function (_webAtomsCoreDistCoreColors) {
-      Colors = _webAtomsCoreDistCoreColors.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }, function (_InlinePopup) {
-      InlinePopupButton = _InlinePopup.InlinePopupButton;
-    }],
-    execute: function () {
-      __rest = void 0 && (void 0).__rest || function (s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-        }
-        return t;
-      };
-      CSS(StyleRule().padding(5).borderRadius(5).cursor("pointer").hoverBackgroundColor(Colors.lightGreen).flexLayout({
-        alignItems: "center",
-        justifyContent: "flex-start"
-      }).flexWrap("wrap").child(StyleRule("*").flexShrink("0")), "*[data-menu-item=menu-item]");
-      CSS(StyleRule().verticalFlexLayout({
-        justifyContent: "stretch",
-        alignItems: "stretch"
-      }), "*[data-menu-items=menu-items]");
-      iconLabelCss = CSS(StyleRule(".label").display("inline-flex").child(StyleRule("span").flexStretch()));
-      _export("default", InlinePopupButton);
-    }
-  };
-});
+System.register(["tslib","@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","./InlinePopup"],function(_export,_context){"use strict";var __rest,Colors,XNode,StyleRule,CSS,InlinePopupButton,iconLabelCss;function MenuItem(_a){var{label,icon,eventClick,href,target}=_a,others=__rest(_a,["label","icon","eventClick","href","target"]);if(label){return XNode.create("div",Object.assign({"data-menu-item":"menu-item",eventClick:eventClick},others),XNode.create("i",{class:icon}),XNode.create("span",{text:label}));}return XNode.create("div",Object.assign({"data-menu-item":"menu-item",eventClick:eventClick},others),XNode.create("i",{class:icon}));}function PopupActionButton(a,...nodes){a.anchorRight=true;a["data-alignment"]="bottom-right";return InlinePopupButton(a,...nodes);}_export({MenuItem:MenuItem,PopupActionButton:PopupActionButton});return{setters:[function(_tslib){__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_InlinePopup){InlinePopupButton=_InlinePopup.InlinePopupButton;}],execute:function(){CSS(StyleRule().padding(5).borderRadius(5).cursor("pointer").hoverBackgroundColor(Colors.lightGreen).flexLayout({alignItems:"center",justifyContent:"flex-start"}).flexWrap("wrap").child(StyleRule("*").flexShrink("0")),"*[data-menu-item=menu-item]");CSS(StyleRule().verticalFlexLayout({justifyContent:"stretch",alignItems:"stretch"}),"*[data-menu-items=menu-items]");iconLabelCss=CSS(StyleRule(".label").display("inline-flex").child(StyleRule("span").flexStretch()));_export("default",InlinePopupButton);}};});
 //# sourceMappingURL=PopupButton.js.map

package/dist/basic/PopupButton.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;EAyCM,SAAUA,QAAQ,CAACC,EAOb;QAPa;QACrBC,KAAK;QACLC,IAAI;QACJC,UAAU;QACVC,IAAI;QACJC;MAAM,MAEE;MADJC,MAAM,cANW,iDAOxB,CADa;IAGV,IAAIL,KAAK,EAAE;MACP,OAAOM;QAAA,kBAAoB,WAAW;QAACJ,UAAU,EAAEA;MAAU,GAAQG,MAAM,GACvEC;QAAGC,KAAK,EAAEN;MAAI,EAAG,EACjBK;QAAME,IAAI,EAAER;MAAK,EAAG,CAClB;;IAEV,OAAOM;MAAA,kBAAoB,WAAW;MAACJ,UAAU,EAAEA;IAAU,GAAQG,MAAM,GACvEC;MAAGC,KAAK,EAAEN;IAAI,EAAG,CACf;EACV;EAYM,SAAUQ,iBAAiB,CAACC,CAA4B,EAAE,GAAIC,KAAc;IAC9ED,CAAC,CAACE,WAAW,GAAG,IAAI;IACpBF,CAAC,CAAC,gBAAgB,CAAC,GAAG,cAAc;IACpC,OAAOG,iBAAiB,CAACH,CAAC,EAAE,GAAIC,KAAK,CAAC;EAC1C;EAAC;IAAA,UAlCeb,QAAQ;IAAA,mBA8BRW;EAAiB;EAAA;IAAA;MAtE1BK,MAAM;IAAA;MACNR,KAAK;IAAA;MACLS,SAAS;IAAA;MAGTC,GAAG;IAAA;MACuCH,iBAAiB,gBAAjBA,iBAAiB;IAAA;IAAA;;;;;;;;;MAElEG,GAAG,CAACD,SAAS,EAAE,CACVE,OAAO,CAAC,CAAC,CAAC,CACVC,YAAY,CAAC,CAAC,CAAC,CACfC,MAAM,CAAC,SAAS,CAAC,CACjBC,oBAAoB,CAACN,MAAM,CAACO,UAAU,CAAC,CACvCC,UAAU,CAAC;QAAEC,UAAU,EAAE,QAAQ;QAAEC,cAAc,EAAE;MAAY,CAAC,CAAC,CACjEC,QAAQ,CAAC,MAAM,CAAC,CAChBC,KAAK,CAACX,SAAS,CAAC,GAAG,CAAC,CAChBY,UAAU,CAAC,GAAG,CAAC,CACnB,EACH,6BAA6B,CAAC;MAEhCX,GAAG,CAACD,SAAS,EAAE,CACVa,kBAAkB,CAAC;QAAEJ,cAAc,EAAE,SAAgB;QAAED,UAAU,EAAE;MAAS,CAAC,CAAC,EACjF,+BAA+B,CAAC;MAsC5BM,YAAY,GAAGb,GAAG,CACpBD,SAAS,CAAC,QAAQ,CAAC,CACde,OAAO,CAAC,aAAa,CAAC,CACtBJ,KAAK,CAACX,SAAS,CAAC,MAAM,CAAC,CACnBgB,WAAW,EAAE,CACjB,CACR;MAAA,mBAEclB,iBAAiB;IAAA;EAAA;AAAA","names":["MenuItem","_a","label","icon","eventClick","href","target","others","XNode","class","text","PopupActionButton","a","nodes","anchorRight","InlinePopupButton","Colors","StyleRule","CSS","padding","borderRadius","cursor","hoverBackgroundColor","lightGreen","flexLayout","alignItems","justifyContent","flexWrap","child","flexShrink","verticalFlexLayout","iconLabelCss","display","flexStretch"],"sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":"ySAyCM,QAAUA,SAAQ,CAACC,EAOb,KAPa,CACrBC,KAAK,CACLC,IAAI,CACJC,UAAU,CACVC,IAAI,CACJC,MAAM,IAEE,CADJC,MAAM,WANW,6CAOxB,CADa,CAGV,GAAIL,KAAK,CAAE,CACP,MAAOM,oDAAoB,WAAW,CAACJ,UAAU,CAAEA,UAAU,EAAQG,MAAM,EACvEC,kBAAGC,KAAK,CAAEN,IAAI,EAAG,CACjBK,qBAAME,IAAI,CAAER,KAAK,EAAG,CAClB,EAEV,MAAOM,oDAAoB,WAAW,CAACJ,UAAU,CAAEA,UAAU,EAAQG,MAAM,EACvEC,kBAAGC,KAAK,CAAEN,IAAI,EAAG,CACf,CACV,CAYM,QAAUQ,kBAAiB,CAACC,CAA4B,CAAE,GAAIC,KAAc,EAC9ED,CAAC,CAACE,WAAW,CAAG,IAAI,CACpBF,CAAC,CAAC,gBAAgB,CAAC,CAAG,cAAc,CACpC,MAAOG,kBAAiB,CAACH,CAAC,CAAE,GAAIC,KAAK,CAAC,CAC1C,CAAC,kBAlCeb,QAAQ,mBA8BRW,iBAAiB,iGAtE1BK,MAAM,4EACNR,KAAK,gFACLS,SAAS,mFAGTC,GAAG,gEACuCH,iBAAiB,cAAjBA,iBAAiB,uBAElEG,GAAG,CAACD,SAAS,EAAE,CACVE,OAAO,CAAC,CAAC,CAAC,CACVC,YAAY,CAAC,CAAC,CAAC,CACfC,MAAM,CAAC,SAAS,CAAC,CACjBC,oBAAoB,CAACN,MAAM,CAACO,UAAU,CAAC,CACvCC,UAAU,CAAC,CAAEC,UAAU,CAAE,QAAQ,CAAEC,cAAc,CAAE,YAAY,CAAC,CAAC,CACjEC,QAAQ,CAAC,MAAM,CAAC,CAChBC,KAAK,CAACX,SAAS,CAAC,GAAG,CAAC,CAChBY,UAAU,CAAC,GAAG,CAAC,CACnB,CACH,6BAA6B,CAAC,CAEhCX,GAAG,CAACD,SAAS,EAAE,CACVa,kBAAkB,CAAC,CAAEJ,cAAc,CAAE,SAAgB,CAAED,UAAU,CAAE,SAAS,CAAC,CAAC,CACjF,+BAA+B,CAAC,CAsC5BM,YAAY,CAAGb,GAAG,CACpBD,SAAS,CAAC,QAAQ,CAAC,CACde,OAAO,CAAC,aAAa,CAAC,CACtBJ,KAAK,CAACX,SAAS,CAAC,MAAM,CAAC,CACnBgB,WAAW,EAAE,CACjB,CACR,mBAEclB,iBAAiB","names":["MenuItem","_a","label","icon","eventClick","href","target","others","XNode","class","text","PopupActionButton","a","nodes","anchorRight","InlinePopupButton","Colors","StyleRule","CSS","padding","borderRadius","cursor","hoverBackgroundColor","lightGreen","flexLayout","alignItems","justifyContent","flexWrap","child","flexShrink","verticalFlexLayout","iconLabelCss","display","flexStretch"],"sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"sourcesContent":[null]}

package/dist/basic/RadioButtonList.js

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

package/dist/basic/RadioButtonList.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;mDA2BqBA,eAAgB;EAAA;EAAA;IAAA;MAzB9BC,MAAM;IAAA;MACNC,KAAK;IAAA;MACLC,SAAS;IAAA;MAETC,GAAG;IAAA;MACHC,YAAY;IAAA;IAAA;MAEnBD,GAAG,CAACD,SAAS,EAAE,CACVG,UAAU,CAAC;QAAEC,MAAM,EAAE,IAAI;QAAEC,cAAc,EAAE;MAAY,CAAC,CAAC,CACzDC,QAAQ,CAAC,MAAM,CAAC,EACrB,6CAA6C,CAAC;MAE9CL,GAAG,CAACD,SAAS,EAAE,CACVG,UAAU,CAAC;QAAEE,cAAc,EAAE;MAAY,CAAE,CAAC,CAC5CE,WAAW,CAAC,CAAC,CAAC,CACdC,KAAK,CAACR,SAAS,CAAC,MAAM,CAAC,CACnBS,MAAM,CAAC,SAAS,CAAC,CACrB,CACAC,GAAG,CAACV,SAAS,CAAC,2BAA2B,CAAC,CACtCW,KAAK,CAACb,MAAM,CAACc,IAAI,CAAC,CACtB,CACAC,WAAW,CAAC,yCAAyC,CAAC,CACtDA,WAAW,CAAC,8CAA8C,CAAC,EAC9D,2BAA2B,CAAC;MAAC,mBAEVhB,eAAgB,GAAvB,MAAOA,eAAgB,SAAQK,YAAY;QAE3CY,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAACC,SAAS,GAAIC,IAAI,IAAI;YAAA;YAAC,iBAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,KAAK,mCAAID,IAAI;UAAA;UAC9C,IAAI,CAACE,SAAS,CAAC,IAAI,CAACC,OAAO,EAAE,WAAW,EAAGC,CAAc,IAAI;YACzD,MAAMC,CAAC,GAAG,IAAI,CAACC,aAAa;YAC5B,IAAI,CAACD,CAAC,EAAE;cACJ;;YAEJ,MAAML,IAAI,GAAGI,CAAC,CAACG,MAAM;YACrB,MAAMC,GAAG,GAAG,IAAI,CAACC,YAAY;YAC7B,IAAID,GAAG,EAAE;cACL,IAAI,CAACL,OAAO,CAACO,aAAa,CAAC,IAAIC,WAAW,CAAC,cAAc,EAAE;gBAAEJ,MAAM,EAAEC,GAAG;gBAAEI,OAAO,EAAE;cAAK,CAAE,CAAC,CAAC;;YAEhG,IAAI,CAACH,YAAY,GAAGT,IAAI;YACxB,IAAI,CAACG,OAAO,CAACO,aAAa,CAAC,IAAIC,WAAW,CAAC,YAAY,EAAE;cAAEJ,MAAM,EAAEP,IAAI;cAAEY,OAAO,EAAE;YAAK,CAAE,CAAC,CAAC;UAC/F,CAAC,CAAC;UACF,IAAI,CAACT,OAAO,CAACU,OAAO,CAACC,eAAe,GAAG,mBAAmB;UAC1D,IAAI,CAACC,YAAY,GAAIf,IAAI,IAAKjB;YAAA,kBACX;UAAO,GACtBA;YAAGiC,KAAK,EAAC;UAAmB,EAAE,EAC9BjC;YAAGiC,KAAK,EAAC;UAAe,EAAE,EAC1BjC;YAAMkC,IAAI,EAAEjB,IAAI,CAACkB;UAAK,EAAG,CACvB;QAEV;OAEH;IAAA;EAAA;AAAA","names":["RadioButtonList","Colors","XNode","StyleRule","CSS","AtomRepeater","flexLayout","inline","justifyContent","flexFlow","marginRight","child","cursor","and","color","blue","displayNone","preCreate","valuePath","item","value","bindEvent","element","e","s","selectedItems","detail","old","selectedItem","dispatchEvent","CustomEvent","bubbles","dataset","radioButtonList","itemRenderer","class","text","label"],"sourceRoot":"","sources":["../../src/basic/RadioButtonList.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":"yQA2BqBA,eAAgB,iFAzB9BC,MAAM,4EACNC,KAAK,gFACLC,SAAS,mFAETC,GAAG,iEACHC,YAAY,6CAEnBD,GAAG,CAACD,SAAS,EAAE,CACVG,UAAU,CAAC,CAAEC,MAAM,CAAE,IAAI,CAAEC,cAAc,CAAE,YAAY,CAAC,CAAC,CACzDC,QAAQ,CAAC,MAAM,CAAC,CACrB,6CAA6C,CAAC,CAE9CL,GAAG,CAACD,SAAS,EAAE,CACVG,UAAU,CAAC,CAAEE,cAAc,CAAE,YAAY,CAAE,CAAC,CAC5CE,WAAW,CAAC,CAAC,CAAC,CACdC,KAAK,CAACR,SAAS,CAAC,MAAM,CAAC,CACnBS,MAAM,CAAC,SAAS,CAAC,CACrB,CACAC,GAAG,CAACV,SAAS,CAAC,2BAA2B,CAAC,CACtCW,KAAK,CAACb,MAAM,CAACc,IAAI,CAAC,CACtB,CACAC,WAAW,CAAC,yCAAyC,CAAC,CACtDA,WAAW,CAAC,8CAA8C,CAAC,CAC9D,2BAA2B,CAAC,CAAC,kBAEVhB,eAAgB,CAAvB,KAAOA,gBAAgB,QAAQK,aAAY,CAE3CY,SAAS,GACf,KAAK,CAACA,SAAS,EAAE,CACjB,IAAI,CAACC,SAAS,CAAIC,IAAI,EAAI,QAAC,cAAI,SAAJA,IAAI,iBAAJA,IAAI,CAAEC,KAAK,yBAAID,IAAI,GAC9C,IAAI,CAACE,SAAS,CAAC,IAAI,CAACC,OAAO,CAAE,WAAW,CAAGC,CAAc,EAAI,CACzD,KAAMC,EAAC,CAAG,IAAI,CAACC,aAAa,CAC5B,GAAI,CAACD,CAAC,CAAE,CACJ,QAEJ,KAAML,KAAI,CAAGI,CAAC,CAACG,MAAM,CACrB,KAAMC,IAAG,CAAG,IAAI,CAACC,YAAY,CAC7B,GAAID,GAAG,CAAE,CACL,IAAI,CAACL,OAAO,CAACO,aAAa,CAAC,GAAIC,YAAW,CAAC,cAAc,CAAE,CAAEJ,MAAM,CAAEC,GAAG,CAAEI,OAAO,CAAE,KAAK,CAAE,CAAC,CAAC,EAEhG,IAAI,CAACH,YAAY,CAAGT,IAAI,CACxB,IAAI,CAACG,OAAO,CAACO,aAAa,CAAC,GAAIC,YAAW,CAAC,YAAY,CAAE,CAAEJ,MAAM,CAAEP,IAAI,CAAEY,OAAO,CAAE,KAAK,CAAE,CAAC,CAAC,CAC/F,CAAC,CAAC,CACF,IAAI,CAACT,OAAO,CAACU,OAAO,CAACC,eAAe,CAAG,mBAAmB,CAC1D,IAAI,CAACC,YAAY,CAAIf,IAAI,EAAKjB,qCACX,OAAO,EACtBA,kBAAGiC,KAAK,CAAC,mBAAmB,EAAE,CAC9BjC,kBAAGiC,KAAK,CAAC,eAAe,EAAE,CAC1BjC,qBAAMkC,IAAI,CAAEjB,IAAI,CAACkB,KAAK,EAAG,CACvB,CAEV,EAEH","names":["RadioButtonList","Colors","XNode","StyleRule","CSS","AtomRepeater","flexLayout","inline","justifyContent","flexFlow","marginRight","child","cursor","and","color","blue","displayNone","preCreate","valuePath","item","value","bindEvent","element","e","s","selectedItems","detail","old","selectedItem","dispatchEvent","CustomEvent","bubbles","dataset","radioButtonList","itemRenderer","class","text","label"],"sourceRoot":"","sources":["../../src/basic/RadioButtonList.tsx"],"sourcesContent":[null]}