@web-atoms/web-controls 2.1.265 → 2.1.266

package/dist/player/AtomVideoPlayer.sys.js

@@ -0,0 +1,280 @@
+System.register(["@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS", "@web-atoms/core/dist/web/core/AtomUI"], function (_export, _context) {
+  "use strict";
+
+  var BindableProperty, Colors, XNode, StyleRule, AtomControl, CSS, ChildEnumerator, AtomVideoPlayer, __decorate, __metadata, gatherElements, numberToText, durationText, noSoundIcon, mute, low, mid, high;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_webAtomsCoreDistWebCoreAtomUI) {
+      ChildEnumerator = _webAtomsCoreDistWebCoreAtomUI.ChildEnumerator;
+    }],
+    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().display("grid").gridTemplateRows("auto 1fr auto").gridTemplateColumns("auto 1fr auto auto").backgroundColor(Colors.black).child(StyleRule("[data-element=video]").gridRowStart("1").gridRowEnd("span 3").gridColumnStart("1").gridColumnEnd("span 3").alignSelf("stretch").justifySelf("stretch")).child(StyleRule("[data-element=play-element]").gridRowStart("1").gridRowEnd("span 3").gridColumnStart("1").gridColumnEnd("span 3").alignSelf("stretch").justifySelf("stretch").flexLayout({
+        justifyContent: "center"
+      }).child(StyleRule("button.play").display("inline-flex").alignItems("center").justifyContent("center").color(Colors.white).backgroundColor(Colors.blue).borderRadius(9999).fontSize(25).padding(10).width(50).height(50).textAlign("center").verticalAlign("middle").child(StyleRule("i").marginLeft(4)))).child(StyleRule("[data-element=progress]").zIndex("11").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 3").alignSelf("flex-end").height(4).justifySelf("stretch").width("100%").cursor("pointer")).child(StyleRule("[data-element=toolbar]").zIndex("10").gridRowStart("3").gridColumnStart("1").gridColumnEnd("span 3").backgroundColor(Colors.black.withAlphaPercent(0.3)).color(Colors.white).flexLayout({
+        justifyContent: "flex-start"
+      }).child(StyleRule("*").minWidth(20).marginLeft(5).padding(5)).child(StyleRule("[data-style=button]").width(20)).child(StyleRule("[data-font-size=small]").fontSize("x-small")).child(StyleRule("[data-element=volume-range]").height(2).color(Colors.green)).child(StyleRule("[data-element=full-screen]").marginLeft("auto").marginRight(5))).and(StyleRule("[data-controls=true]").child(StyleRule("[data-element=toolbar]").display("flex")).child(StyleRule("[data-element=progress]").display("flex"))).and(StyleRule("[data-state=pause]").child(StyleRule("[data-element=toolbar]").display("flex")).child(StyleRule("[data-element=toolbar]").child(StyleRule("[data-element=pause]").display("none")))).and(StyleRule("[data-state=play]").child(StyleRule("[data-element=play-element]").display("none")).child(StyleRule("[data-element=toolbar]").child(StyleRule("[data-element=play]").display("none"))).and(StyleRule("[data-controls=false]").child(StyleRule("[data-element=toolbar]").display("none")).child(StyleRule("[data-element=progress]").display("none")))).and(StyleRule("[data-state=waiting]").child(StyleRule("[data-element=play-element]").display("none")).child(StyleRule("[data-element=toolbar]").child(StyleRule("[data-element=play]").display("none"))).and(StyleRule("[data-controls=false]").child(StyleRule("[data-element=toolbar]").display("none")).child(StyleRule("[data-element=progress]").display("none")))), "*[data-video-player=video-player]");
+
+      gatherElements = (e, data = {}) => {
+        var _a;
+
+        const ce = ChildEnumerator.enumerate(e);
+
+        for (const iterator of ce) {
+          const elementName = (_a = iterator.dataset.element) === null || _a === void 0 ? void 0 : _a.replace(/-([a-z])/g, g => g[1].toUpperCase());
+
+          if (elementName) {
+            data[elementName] = iterator;
+          }
+
+          gatherElements(iterator, data);
+        }
+
+        return data;
+      };
+
+      numberToText = n => {
+        if (n < 10) {
+          return "0" + n;
+        }
+
+        return n.toString();
+      };
+
+      durationText = (n, total) => {
+        if (n === null || n === undefined) {
+          return "";
+        }
+
+        const minutes = Math.floor(n / 60);
+        const seconds = numberToText(Math.ceil(n % 60));
+        const totalMinutes = Math.floor(total / 60);
+        const totalSeconds = numberToText(Math.ceil(total % 60));
+        return `${minutes}:${seconds} / ${totalMinutes}:${totalSeconds}`;
+      };
+
+      noSoundIcon = "fa-duotone fa-volume-slash";
+      mute = "fa-duotone fa-volume-xmark";
+      low = "fa-duotone fa-volume-low";
+      mid = "fa-duotone fa-volume";
+      high = "fa-duotone fa-volume-high";
+
+      _export("default", AtomVideoPlayer = class AtomVideoPlayer extends AtomControl {
+        onPropertyChanged(name) {
+          switch (name) {
+            case "source":
+              this.updateSource();
+              break;
+          }
+        }
+
+        create() {
+          this.element.dataset.videoPlayer = "video-player";
+          this.bindEvent(this.element, "togglePlay", e => {
+            if (this.video.paused) {
+              this.video.play();
+            } else {
+              this.video.pause();
+            }
+          });
+          this.bindEvent(this.element, "volume", e => {
+            this.video.muted = !this.video.muted;
+            this.updateVolume();
+          });
+          this.bindEvent(this.element, "fullScreen", e => {
+            const f = e.target;
+
+            if (this.element === document.fullscreenElement) {
+              document.exitFullscreen();
+              return;
+            }
+
+            document.onfullscreenchange = () => {
+              if (document.fullscreenElement !== this.element) {
+                f.className = "fa-solid fa-expand";
+                document.onfullscreenchange = undefined;
+              }
+            };
+
+            this.element.requestFullscreen({
+              navigationUI: "show"
+            });
+            f.className = "fa-solid fa-compress";
+          });
+          this.render(XNode.create("div", {
+            "data-click-event": "toggle-play",
+            "data-state": "pause"
+          }, XNode.create("video", {
+            "event-abort": () => this.element.dataset.state = "abort",
+            "event-durationchange": e => this.duration = this.video.duration,
+            "event-ended": () => this.element.dataset.state = "ended",
+            "event-loadedmetadata": () => {
+              this.duration = this.video.duration;
+              this.updateVolume();
+              this.currentTimeSpan.textContent = durationText(0, this.duration);
+              this.updateProgress();
+            },
+            "event-pause": () => this.element.dataset.state = "pause",
+            "event-play": () => this.element.dataset.state = "play",
+            "event-progress": e => this.updateProgress(),
+            "event-timeupdate": () => {
+              this.time = this.video.currentTime;
+              this.currentTimeSpan.textContent = durationText(this.time, this.duration);
+              this.element.dataset.state = "play";
+              this.updateProgress();
+            },
+            "event-waiting": () => this.element.dataset.state = "waiting",
+            "event-volumechange": () => this.updateVolume(),
+            autoplay: false,
+            "data-element": "video"
+          }), XNode.create("canvas", {
+            "data-element": "progress"
+          }), XNode.create("img", {
+            "data-element": "poster"
+          }), XNode.create("div", {
+            "data-element": "toolbar"
+          }, XNode.create("i", {
+            "data-element": "play",
+            "data-style": "button",
+            class: "fa-solid fa-play"
+          }), XNode.create("i", {
+            "data-element": "pause",
+            "data-style": "button",
+            class: "fa-solid fa-pause"
+          }), XNode.create("i", {
+            "data-click-event": "volume",
+            "data-style": "button",
+            "data-element": "sound",
+            class: "fa-duotone fa-volume-slash"
+          }), XNode.create("input", {
+            "data-click-event": "none",
+            "data-element": "volume-range",
+            type: "range",
+            min: 0,
+            max: 1,
+            step: 0.1
+          }), XNode.create("span", {
+            "data-font-size": "small",
+            "data-element": "current",
+            text: "0:00"
+          }), XNode.create("i", {
+            "data-click-event": "full-screen",
+            "data-style": "button",
+            "data-element": "full-screen",
+            class: "fa-solid fa-expand"
+          })), XNode.create("div", {
+            "data-element": "play-element"
+          }, XNode.create("button", {
+            class: "play"
+          }, XNode.create("i", {
+            class: "fa-solid fa-play"
+          })))));
+          const all = gatherElements(this.element);
+          this.video = all.video;
+          this.progress = all.progress;
+          this.currentTimeSpan = all.current;
+          this.soundIcon = all.sound;
+          this.volumeRange = all.volumeRange;
+          this.bindEvent(this.volumeRange, "input", () => {
+            setTimeout(() => {
+              this.video.volume = parseFloat(this.volumeRange.value);
+            }, 1);
+          });
+          this.bindEvent(this.element, "pointerenter", () => {
+            this.element.dataset.controls = "true";
+          });
+          this.bindEvent(this.element, "pointerleave", () => {
+            this.element.dataset.controls = "false";
+          });
+          this.bindEvent(this.progress, "click", e => {
+            e.preventDefault();
+            const scale = e.clientX / this.progress.clientWidth;
+            this.video.currentTime = this.video.duration * scale;
+          });
+        }
+
+        updateProgress() {
+          const context = this.progress.getContext("2d");
+          context.strokeStyle = "rgba(0,0,0,0)";
+          const width = this.progress.clientWidth;
+          const height = this.progress.clientHeight;
+          this.progress.width = width;
+          this.progress.height = height;
+          context.clearRect(0, 0, width, height);
+          const max = this.video.duration;
+          const seekable = this.video.buffered;
+          const scale = width / max;
+          context.fillStyle = "rgba(255,255,255,0.5)";
+
+          for (let index = 0; index < seekable.length; index++) {
+            const start = seekable.start(index) * scale;
+            const end = seekable.end(index) * scale;
+            context.fillRect(start, 0, end, height);
+          }
+
+          context.fillStyle = "#ffffff";
+          context.fillRect(0, 0, this.video.currentTime * scale, height);
+        }
+
+        updateVolume() {
+          if (this.video.muted) {
+            this.soundIcon.className = mute;
+            this.volumeRange.style.display = "none";
+            this.soundIcon.title = "Unmute";
+            return;
+          }
+
+          const audio = this.video.volume;
+          this.volumeRange.style.display = "";
+          this.volumeRange.value = audio === null || audio === void 0 ? void 0 : audio.toString();
+          this.soundIcon.title = "Mute";
+
+          if (audio > 0.8) {
+            this.soundIcon.className = high;
+            return;
+          }
+
+          if (audio < 0.2) {
+            this.soundIcon.className = low;
+            return;
+          }
+
+          this.soundIcon.className = mid;
+        }
+
+        updateSource() {
+          this.video.src = this.source;
+        }
+
+      });
+
+      __decorate([BindableProperty, __metadata("design:type", Object)], AtomVideoPlayer.prototype, "source", void 0);
+    }
+  };
+});
+//# sourceMappingURL=AtomVideoPlayer.sys.js.map

package/dist/player/AtomVideoPlayer.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["AtomVideoPlayer","BindableProperty","Colors","XNode","StyleRule","AtomControl","CSS","ChildEnumerator","display","gridTemplateRows","gridTemplateColumns","backgroundColor","black","child","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","alignSelf","justifySelf","flexLayout","justifyContent","alignItems","color","white","blue","borderRadius","fontSize","padding","width","height","textAlign","verticalAlign","marginLeft","zIndex","cursor","withAlphaPercent","minWidth","green","marginRight","and","gatherElements","e","data","ce","enumerate","iterator","elementName","dataset","element","_a","replace","g","toUpperCase","numberToText","n","toString","durationText","total","undefined","minutes","Math","floor","seconds","ceil","totalMinutes","totalSeconds","noSoundIcon","mute","low","mid","high","onPropertyChanged","name","updateSource","create","videoPlayer","bindEvent","video","paused","play","pause","muted","updateVolume","f","target","document","fullscreenElement","exitFullscreen","onfullscreenchange","className","requestFullscreen","navigationUI","render","state","duration","currentTimeSpan","textContent","updateProgress","time","currentTime","autoplay","class","type","min","max","step","text","all","progress","current","soundIcon","sound","volumeRange","setTimeout","volume","parseFloat","value","controls","preventDefault","scale","clientX","clientWidth","context","getContext","strokeStyle","clientHeight","clearRect","seekable","buffered","fillStyle","index","length","start","end","fillRect","style","title","audio","src","source","__decorate"],"sourceRoot":"","sources":["../../src/player/AtomVideoPlayer.tsx"],"sourcesContent":[null]}

package/dist/player/TrackProgress.sys.js

@@ -0,0 +1,33 @@
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
+  "use strict";
+
+  var XNode, StyleRule, CSS;
+
+  function TrackProgress(a) {
+    return XNode.create("div", {
+      "data-track-progress": "track-progress"
+    }, XNode.create("div", {
+      class: "available"
+    }), XNode.create("div", {
+      class: "done"
+    }), XNode.create("div", {
+      class: "thumb"
+    }));
+  }
+
+  _export("default", TrackProgress);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }],
+    execute: function () {
+      CSS(StyleRule().height(5).child(StyleRule("*").position("absolute").left(0).top(0)), "*[data-track-progress=track-progress]");
+    }
+  };
+});
+//# sourceMappingURL=TrackProgress.sys.js.map

package/dist/player/TrackProgress.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAac,SAAUA,aAAV,CAAwBC,CAAxB,EAAyB;IACnC,OAAOC;MAAA,uBACiB;IADjB,GAEHA;MAAKC,KAAK,EAAC;IAAX,EAFG,EAGHD;MAAKC,KAAK,EAAC;IAAX,EAHG,EAIHD;MAAKC,KAAK,EAAC;IAAX,EAJG,CAAP;EAMH;;qBAPuBH,a;;;;MAbjBE,K;;MACAE,S;;MACAC,G;;;MAEPA,GAAG,CAACD,SAAS,GACRE,MADD,CACQ,CADR,EAECC,KAFD,CAEOH,SAAS,CAAC,GAAD,CAAT,CACFI,QADE,CACO,UADP,EAEFC,IAFE,CAEG,CAFH,EAGFC,GAHE,CAGE,CAHF,CAFP,CAAD,EAOD,uCAPC,CAAH","names":["TrackProgress","a","XNode","class","StyleRule","CSS","height","child","position","left","top"],"sourceRoot":"","sources":["../../src/player/TrackProgress.tsx"],"sourcesContent":[null]}

package/dist/setupBridge.sys.js

@@ -0,0 +1,108 @@
+System.register(["@web-atoms/core/dist/core/AtomBridge", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
+  "use strict";
+
+  var AtomBridge, AtomControl;
+
+  function setupBridge() {}
+
+  _export("default", setupBridge);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreAtomBridge) {
+      AtomBridge = _webAtomsCoreDistCoreAtomBridge.AtomBridge;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }],
+    execute: function () {
+      AtomBridge.instance.createNode = function (target, node, binder, xNodeClass, creator) {
+        let parent = null;
+        const app = target.app;
+        let e = null;
+
+        if (typeof node.name === "string") {
+          e = document.createElement(node.name);
+          parent = e;
+        } else {
+          target = new node.name(app);
+          e = target.element;
+          parent = target;
+        }
+
+        const a = node.attributes;
+
+        if (a) {
+          for (const key in a) {
+            if (a.hasOwnProperty(key)) {
+              let element = a[key];
+
+              if (element instanceof binder) {
+                if (/^event/.test(key)) {
+                  let ev = key.substr(5);
+
+                  if (ev.startsWith("-")) {
+                    ev = ev.split("-").map(s => s[0].toLowerCase() + s.substr(1)).join("");
+                  } else {
+                    ev = ev[0].toLowerCase() + ev.substr(1);
+                  }
+
+                  element.setupFunction(ev, element, target, e);
+                } else {
+                  element.setupFunction(key, element, target, e);
+                }
+              } else {
+                if (element instanceof xNodeClass) {
+                  const templateNode = element;
+                  const name = templateNode.name;
+
+                  if (typeof name === "string") {
+                    element = ((bx, n) => class extends bx {
+                      create() {
+                        this.render(n);
+                      }
+
+                    })(creator, templateNode.children[0]);
+                  } else {
+                    element = ((base, n) => class extends base {
+                      create() {
+                        this.render(n);
+                      }
+
+                    })(name, templateNode.children[0]);
+                  }
+                }
+
+                target.setLocalValue(e, key, element);
+              }
+            }
+          }
+        }
+
+        const children = node.children;
+
+        if (children) {
+          for (const iterator of children) {
+            if (typeof iterator === "string") {
+              e.appendChild(document.createTextNode(iterator));
+              continue;
+            }
+
+            if (typeof iterator.name === "string") {
+              e.appendChild(this.createNode(target, iterator, binder, xNodeClass, creator));
+            } else {
+              const child = this.createNode(target, iterator, binder, xNodeClass, creator);
+
+              if (parent instanceof AtomControl) {
+                parent.append(child.atomControl || child);
+              } else {
+                parent.appendChild(child);
+              }
+            }
+          }
+        }
+
+        return e;
+      };
+    }
+  };
+});
+//# sourceMappingURL=setupBridge.sys.js.map

package/dist/setupBridge.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["setupBridge","AtomBridge","AtomControl","instance","createNode","target","node","binder","xNodeClass","creator","parent","app","e","name","document","createElement","element","a","attributes","key","hasOwnProperty","test","ev","substr","startsWith","split","map","s","toLowerCase","join","setupFunction","templateNode","bx","n","create","render","children","base","setLocalValue","iterator","appendChild","createTextNode","child","append","atomControl"],"sourceRoot":"","sources":["../src/setupBridge.ts"],"sourcesContent":[null]}

package/dist/switch/AtomSwitch.sys.js

@@ -0,0 +1,56 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "./AtomSwitchStyle"], function (_export, _context) {
+  "use strict";
+
+  var Bind, BindableProperty, XNode, AtomControl, AtomSwitchStyle, AtomSwitch, __decorate, __metadata;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_AtomSwitchStyle) {
+      AtomSwitchStyle = _AtomSwitchStyle.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);
+      };
+
+      _export("default", AtomSwitch = class AtomSwitch extends AtomControl {
+        constructor(app, e) {
+          super(app, e || document.createElement("label"));
+        }
+
+        create() {
+          this.defaultControlStyle = AtomSwitchStyle;
+          this.render(XNode.create("label", {
+            class: Bind.oneTime(() => this.controlStyle.name + " switch")
+          }, XNode.create("input", {
+            type: "checkbox",
+            checked: Bind.twoWays(() => this.value)
+          }), XNode.create("span", {
+            class: "slider"
+          })));
+        }
+
+      });
+
+      __decorate([BindableProperty, __metadata("design:type", Boolean)], AtomSwitch.prototype, "value", void 0);
+    }
+  };
+});
+//# sourceMappingURL=AtomSwitch.sys.js.map

package/dist/switch/AtomSwitch.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;mEAMqBA,U;;;;;;MANdC,I;;MACEC,gB,yCAAAA,gB;;MACFC,K;;MACEC,W,2CAAAA,W;;MACFC,e;;;;;;;;;;;;;;;yBAEcL,U,GAAP,MAAOA,UAAP,SAA0BI,WAA1B,CAAqC;QAK/CE,YAAYC,GAAZ,EAAiBC,CAAjB,EAAkB;UACd,MAAMD,GAAN,EAAWC,CAAC,IAAIC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAhB;QACH;;QAEMC,MAAM;UACT,KAAKC,mBAAL,GAA2BP,eAA3B;UACA,KAAKQ,MAAL,CAAYV;YAAOW,KAAK,EAAEb,IAAI,CAACc,OAAL,CAAa,MAAM,KAAKC,YAAL,CAAkBC,IAAlB,GAAyB,SAA5C;UAAd,GACRd;YAAOe,IAAI,EAAC,UAAZ;YAAuBC,OAAO,EAAElB,IAAI,CAACmB,OAAL,CAAa,MAAM,KAAKC,KAAxB;UAAhC,EADQ,EAERlB;YAAMW,KAAK,EAAC;UAAZ,EAFQ,CAAZ;QAIH;;MAf8C,C;;MAG/CQ,YADCpB,gBACD","names":["AtomSwitch","Bind","BindableProperty","XNode","AtomControl","AtomSwitchStyle","constructor","app","e","document","createElement","create","defaultControlStyle","render","class","oneTime","controlStyle","name","type","checked","twoWays","value","__decorate"],"sourceRoot":"","sources":["../../src/switch/AtomSwitch.tsx"],"sourcesContent":[null]}

package/dist/switch/AtomSwitchStyle.sys.js

@@ -0,0 +1,85 @@
+System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/web/styles/AtomStyle"], function (_export, _context) {
+  "use strict";
+
+  var Colors, AtomStyle, AtomSwitchStyle;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistWebStylesAtomStyle) {
+      AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
+    }],
+    execute: function () {
+      _export("default", AtomSwitchStyle = class AtomSwitchStyle extends AtomStyle {
+        get root() {
+          return {
+            marginLeft: "5px",
+            marginRight: "5px",
+            subclasses: {
+              ".switch": this.switch,
+              " .slider": this.slider
+            }
+          };
+        }
+
+        get switch() {
+          return {
+            position: "relative",
+            display: "inline-block",
+            width: "60px",
+            height: "34px",
+            subclasses: {
+              " input": {
+                opacity: "0",
+                width: "0",
+                height: "0",
+                subclasses: {
+                  ":checked + .slider": {
+                    backgroundColor: Colors.deepSkyBlue
+                  },
+                  ":checked + .slider:before": {
+                    transform: "translateX(26px)"
+                  },
+                  ":focus + .slider": {
+                    boxShadow: "0 0 1px " + Colors.deepSkyBlue
+                  }
+                }
+              }
+            }
+          };
+        }
+
+        get slider() {
+          return {
+            position: "absolute",
+            cursor: "pointer",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: Colors.silver,
+            transition: ".4s",
+            borderRadius: "20px",
+            subclasses: {
+              ":before": {
+                position: "absolute",
+                content: '""',
+                height: "26px",
+                width: "26px",
+                left: "4px",
+                bottom: "4px",
+                backgroundColor: Colors.white,
+                transition: ".4s",
+                borderRadius: "50%"
+              }
+            }
+          };
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=AtomSwitchStyle.sys.js.map

package/dist/switch/AtomSwitchStyle.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;yBAIqBA,e;;;;;;MAJdC,M;;MACEC,S,uCAAAA,S;;;yBAGYF,e,GAAP,MAAOA,eAAP,SAA+BE,SAA/B,CAAwC;QAEnC,IAAJC,IAAI;UACX,OAAO;YACHC,UAAU,EAAE,KADT;YAEHC,WAAW,EAAE,KAFV;YAGHC,UAAU,EAAE;cACR,WAAW,KAAKC,MADR;cAER,YAAY,KAAKC;YAFT;UAHT,CAAP;QAQH;;QAEgB,IAAND,MAAM;UACb,OAAO;YACHE,QAAQ,EAAE,UADP;YAEHC,OAAO,EAAE,cAFN;YAGHC,KAAK,EAAE,MAHJ;YAIHC,MAAM,EAAE,MAJL;YAKHN,UAAU,EAAE;cACR,UAAU;gBACNO,OAAO,EAAE,GADH;gBAENF,KAAK,EAAE,GAFD;gBAGNC,MAAM,EAAE,GAHF;gBAINN,UAAU,EAAE;kBACR,sBAAsB;oBAClBQ,eAAe,EAAEb,MAAM,CAACc;kBADN,CADd;kBAIR,6BAA6B;oBACzBC,SAAS,EAAE;kBADc,CAJrB;kBAOR,oBAAoB;oBAChBC,SAAS,EAAE,aAAahB,MAAM,CAACc;kBADf;gBAPZ;cAJN;YADF;UALT,CAAP;QAwBH;;QAEgB,IAANP,MAAM;UACb,OAAO;YACHC,QAAQ,EAAE,UADP;YAEHS,MAAM,EAAE,SAFL;YAGHC,GAAG,EAAE,CAHF;YAIHC,IAAI,EAAE,CAJH;YAKHC,KAAK,EAAE,CALJ;YAMHC,MAAM,EAAE,CANL;YAOHR,eAAe,EAAEb,MAAM,CAACsB,MAPrB;YAQHC,UAAU,EAAE,KART;YASHC,YAAY,EAAE,MATX;YAUHnB,UAAU,EAAE;cACR,WAAW;gBACPG,QAAQ,EAAE,UADH;gBAEPiB,OAAO,EAAE,IAFF;gBAGPd,MAAM,EAAE,MAHD;gBAIPD,KAAK,EAAE,MAJA;gBAKPS,IAAI,EAAE,KALC;gBAMPE,MAAM,EAAE,KAND;gBAOPR,eAAe,EAAEb,MAAM,CAAC0B,KAPjB;gBAQPH,UAAU,EAAE,KARL;gBASPC,YAAY,EAAE;cATP;YADH;UAVT,CAAP;QAwBH;;MAjEiD,C","names":["AtomSwitchStyle","Colors","AtomStyle","root","marginLeft","marginRight","subclasses","switch","slider","position","display","width","height","opacity","backgroundColor","deepSkyBlue","transform","boxShadow","cursor","top","left","right","bottom","silver","transition","borderRadius","content","white"],"sourceRoot":"","sources":["../../src/switch/AtomSwitchStyle.ts"],"sourcesContent":[null]}