@web-atoms/web-controls 2.5.64 → 2.6.2

package/dist-esm/player/AtomVideoPlayer.d.ts

@@ -0,0 +1,35 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "./AtomVideoPlayer.global.css";
+export type playerState = "playing" | "paused" | "ended" | "waiting" | "aborted" | "none";
+export default class AtomVideoPlayer extends AtomControl {
+    source: any;
+    logo: any;
+    logoTitle: string;
+    logoDescription: string;
+    get poster(): string;
+    set poster(v: string);
+    useStageView: boolean;
+    get state(): playerState;
+    set state(v: playerState);
+    get duration(): number;
+    get time(): number;
+    set time(v: number);
+    get paused(): boolean;
+    get isFullScreen(): boolean;
+    private video;
+    private progress;
+    private currentTimeSpan;
+    private soundIcon;
+    private volumeRange;
+    private maxWidth;
+    stopFullscreen(): Promise<void>;
+    pause(): void;
+    play(): void;
+    onPropertyChanged(name: keyof AtomVideoPlayer): void;
+    protected setCurrentTime(n: number): void;
+    protected create(): void;
+    protected updateSource(): void;
+    private updateProgress;
+    private updateVolume;
+}
+//# sourceMappingURL=AtomVideoPlayer.d.ts.map

package/dist-esm/player/AtomVideoPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomVideoPlayer.d.ts","sourceRoot":"","sources":["../../src/player/AtomVideoPlayer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAM/E,OAAO,8BAA8B,CAAC;AAsCtC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAc1F,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,WAAW;IAG7C,MAAM,EAAE,GAAG,CAAC;IAGZ,IAAI,EAAE,GAAG,CAAC;IAGV,SAAS,EAAE,MAAM,CAAC;IAGlB,eAAe,EAAE,MAAM,CAAC;IAE/B,IAAW,MAAM,IAII,MAAM,CAF1B;IAED,IAAW,MAAM,CAAC,CAAC,EAAE,MAAM,EAE1B;IAKM,YAAY,EAAE,OAAO,CAAC;IAE7B,IAAW,KAAK,IAGI,WAAW,CAD9B;IACD,IAAW,KAAK,CAAC,CAAC,EAAE,WAAW,EAI9B;IAED,IAAW,QAAQ,WAElB;IAED,IAAW,IAAI,WAEd;IACD,IAAW,IAAI,CAAC,CAAC,QAAA,EAEhB;IAED,IAAW,MAAM,YAEhB;IAED,IAAW,YAAY,YAEtB;IAED,OAAO,CAAC,KAAK,CAAmB;IAEhC,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,WAAW,CAAmB;IAEtC,OAAO,CAAC,QAAQ,CAAc;IAEvB,cAAc;IAOd,KAAK;IAIL,IAAI;IAKJ,iBAAiB,CAAC,IAAI,EAAE,MAAM,eAAe,GAAG,IAAI;IAQ3D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM;IAKlC,SAAS,CAAC,MAAM,IAAI,IAAI;IA0MxB,SAAS,CAAC,YAAY;IAItB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,YAAY;CA0BvB"}

package/dist-esm/player/AtomVideoPlayer.js

@@ -0,0 +1,303 @@
+import { __decorate, __metadata } from "tslib";
+import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder.js";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+const isTouchEnabled = /android|iPhone|iPad/i.test(navigator.userAgent);
+import "./AtomVideoPlayer.global.css";
+const gatherElements = (e, data = {}) => {
+    const ce = ChildEnumerator.enumerate(e);
+    for (const iterator of ce) {
+        const elementName = iterator.dataset.element?.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+        if (elementName) {
+            data[elementName] = iterator;
+        }
+        gatherElements(iterator, data);
+    }
+    return data;
+};
+const numberToText = (n) => {
+    if (n < 10) {
+        return "0" + n;
+    }
+    return n.toString();
+};
+const 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}`;
+};
+const noSoundIcon = "fa-duotone fa-volume-slash";
+const mute = "fa-duotone fa-volume-xmark";
+const low = "fa-duotone fa-volume-low";
+const mid = "fa-duotone fa-volume";
+const high = "fa-duotone fa-volume-high";
+const getPlayIcon = (state) => {
+    switch (state) {
+        case "ended":
+            return "fa-solid fa-refresh";
+        case "paused":
+            return "fa-solid fa-play";
+        case "playing":
+            return "fa-solid fa-pause";
+    }
+    return "fa-solid fa-play";
+};
+export default class AtomVideoPlayer extends AtomControl {
+    constructor() {
+        super(...arguments);
+        this.maxWidth = "";
+    }
+    get poster() {
+        return this.video.poster;
+    }
+    set poster(v) {
+        this.video.poster = v;
+    }
+    get state() {
+        return this.element.getAttribute("data-state");
+    }
+    set state(v) {
+        this.element.setAttribute("data-state", v);
+        AtomBinder.refreshValue(this, "paused");
+        AtomBinder.refreshValue(this, "state");
+    }
+    get duration() {
+        return this.video.duration;
+    }
+    get time() {
+        return this.video.currentTime;
+    }
+    set time(v) {
+        this.video.currentTime = v;
+    }
+    get paused() {
+        return this.video.paused;
+    }
+    get isFullScreen() {
+        return (document.fullscreenEnabled && this.element === document.fullscreenElement) ?? false;
+    }
+    stopFullscreen() {
+        if (this.isFullScreen) {
+            return document.exitFullscreen();
+        }
+        return Promise.resolve();
+    }
+    pause() {
+        this.video.pause();
+    }
+    play() {
+        this.video.play().catch(console.error);
+    }
+    onPropertyChanged(name) {
+        switch (name) {
+            case "source":
+                this.updateSource();
+                break;
+        }
+    }
+    setCurrentTime(n) {
+        this.video.currentTime = n * this.video.duration;
+    }
+    create() {
+        this.element.dataset.videoPlayer = "video-player";
+        this.bindEvent(this.element, "togglePlay", (e) => {
+            if (e.defaultPrevented) {
+                return;
+            }
+            e.preventDefault();
+            if (isTouchEnabled) {
+                if (this.state === "playing") {
+                    if (e.target === this.video) {
+                        if (this.element.dataset.controls === "true") {
+                            this.element.dataset.controls = "false";
+                        }
+                        else {
+                            this.element.dataset.controls = "true";
+                        }
+                        return;
+                    }
+                }
+                if (e.target.tagName === "CANVAS") {
+                    return;
+                }
+            }
+            if (this.video.paused) {
+                this.video.play();
+                this.element.dataset.controls = "false";
+            }
+            else {
+                this.video.pause();
+                this.element.dataset.controls = "true";
+            }
+        });
+        this.bindEvent(this.element, "volume", (e) => {
+            this.video.muted = !this.video.muted;
+            this.updateVolume();
+        });
+        this.bindEvent(this.element, "fullScreen", async (e) => {
+            if (!this.element.requestFullscreen) {
+                this.video.webkitEnterFullscreen();
+                return;
+            }
+            if (this.isFullScreen) {
+                await document.exitFullscreen();
+                return;
+            }
+            await this.element.requestFullscreen({ navigationUI: "show" });
+        });
+        this.bindEvent(document, "fullscreenchange", () => {
+            AtomBinder.refreshValue(this, "isFullScreen");
+        });
+        this.render(XNode.create("div", { "data-click-event": "toggle-play", "data-state": "pause" },
+            XNode.create("div", { "data-has-logo": Bind.oneWay(() => this.logo ? "true" : "false", "false"), "data-element": "banner", "style-width": Bind.oneWay(() => this.maxWidth) },
+                XNode.create("img", { "data-element": "logo", src: Bind.oneWay(() => this.logo) }),
+                XNode.create("div", { "data-element": "logo-title", text: Bind.oneWay(() => this.logo && this.logoTitle) }),
+                XNode.create("div", { "data-element": "logo-description", text: Bind.oneWay(() => this.logo && this.logoDescription) })),
+            XNode.create("video", { "event-abort": () => this.state = "aborted", "event-durationchange": (e) => AtomBinder.refreshValue(this, "duration"), "event-ended": async (e) => {
+                    this.state = "ended";
+                    if (document.fullscreenEnabled && this.element === document.fullscreenElement) {
+                        await document.exitFullscreen();
+                    }
+                    e.target.dispatchEvent(new CustomEvent("videoEnded", { bubbles: true }));
+                }, "event-loadedmetadata": () => {
+                    this.updateVolume();
+                    this.currentTimeSpan.textContent = durationText(0, this.duration);
+                    this.updateProgress();
+                    const { video } = this;
+                    const { videoWidth, videoHeight } = video;
+                    const eW = video.offsetWidth * videoHeight / videoWidth;
+                    const maxWidth = (100 * (this.element.offsetWidth - eW) / this.element.offsetWidth);
+                    if (maxWidth > 50 && maxWidth < 100) {
+                        this.maxWidth = `${maxWidth}%`;
+                    }
+                    AtomBinder.refreshValue(this, "duration");
+                }, "event-pause": () => this.state = "paused", "event-play": () => this.state = "playing", "event-progress": () => this.updateProgress(), "event-timeupdate": () => {
+                    this.currentTimeSpan.textContent = durationText(this.time, this.duration);
+                    this.state = "playing";
+                    this.updateProgress();
+                    AtomBinder.refreshValue(this, "time");
+                }, "event-waiting": () => this.state = "waiting", "event-volumechange": () => this.updateVolume(), autoplay: false, playsInline: true, "style-max-width": "100%", "style-max-height": "100%", "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: Bind.oneWay(() => getPlayIcon(this.state)) }),
+                XNode.create("i", { "data-click-event": "volume", "data-style": "button", "data-element": "sound", class: "fa-duotone fa-volume-slash" }),
+                !isTouchEnabled && 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: Bind.oneWay(() => this.isFullScreen
+                        ? "fa-solid fa-compress" :
+                        "fa-solid fa-expand") })),
+            XNode.create("div", { "data-click-event": "toggle-play", "data-element": "play-element" },
+                XNode.create("button", { class: "play" },
+                    XNode.create("i", { class: Bind.oneWay(() => getPlayIcon(this.state)) })))));
+        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;
+        if (this.volumeRange) {
+            this.bindEvent(this.volumeRange, "input", () => {
+                setTimeout(() => {
+                    this.video.volume = parseFloat(this.volumeRange.value);
+                }, 1);
+            });
+        }
+        this.bindEvent(this.element, "mouseenter", () => {
+            this.element.dataset.controls = "true";
+        });
+        this.bindEvent(this.element, "mouseleave", () => {
+            this.element.dataset.controls = "false";
+        });
+        this.bindEvent(this.progress, "pointerdown", (e) => {
+            e.preventDefault();
+            this.setCurrentTime(e.offsetX / this.progress.clientWidth);
+            const move = (e1) => {
+                e1.preventDefault();
+                this.setCurrentTime(e1.offsetX / this.progress.clientWidth);
+            };
+            const up = (e1) => {
+                e1.preventDefault();
+                this.progress.removeEventListener("pointermove", move);
+                this.progress.removeEventListener("pointerup", up);
+            };
+            this.progress.addEventListener("pointermove", move);
+            this.progress.addEventListener("pointerup", up);
+        });
+    }
+    updateSource() {
+        this.video.src = this.source;
+    }
+    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.3)";
+        context.fillRect(0, 0, width, height);
+        context.fillStyle = "rgba(255,255,255,0.6)";
+        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.soundIcon.title = "Unmute";
+            if (this.volumeRange) {
+                this.volumeRange.style.display = "none";
+            }
+            return;
+        }
+        const audio = this.video.volume;
+        if (this.volumeRange) {
+            this.volumeRange.style.display = "";
+            this.volumeRange.value = 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;
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomVideoPlayer.prototype, "source", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomVideoPlayer.prototype, "logo", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomVideoPlayer.prototype, "logoTitle", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomVideoPlayer.prototype, "logoDescription", void 0);
+//# sourceMappingURL=AtomVideoPlayer.js.map

package/dist-esm/player/AtomVideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomVideoPlayer.js","sourceRoot":"","sources":["../../src/player/AtomVideoPlayer.tsx"],"names":[],"mappings":"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"}

package/dist-esm/player/TrackProgress.d.ts

@@ -0,0 +1,3 @@
+import "../styles/track-progress.global.css";
+export default function TrackProgress(a: any): any;
+//# sourceMappingURL=TrackProgress.d.ts.map

package/dist-esm/player/TrackProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackProgress.d.ts","sourceRoot":"","sources":["../../src/player/TrackProgress.tsx"],"names":[],"mappings":"AAEA,OAAO,qCAAqC,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,KAAA,OAOtC"}

package/dist-esm/player/TrackProgress.js

@@ -0,0 +1,9 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "../styles/track-progress.global.css";
+export default 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" }));
+}
+//# sourceMappingURL=TrackProgress.js.map

package/dist-esm/player/TrackProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackProgress.js","sourceRoot":"","sources":["../../src/player/TrackProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,qCAAqC,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC;IACnC,OAAO,6CACiB,gBAAgB;QACpC,sBAAK,KAAK,EAAC,WAAW,GAAE;QACxB,sBAAK,KAAK,EAAC,MAAM,GAAE;QACnB,sBAAK,KAAK,EAAC,OAAO,GAAE,CAClB,CAAC;AACX,CAAC"}

package/dist-esm/player/input-range-style.d.ts

@@ -0,0 +1,2 @@
+export declare function installInputRangeStyle(): void;
+//# sourceMappingURL=input-range-style.d.ts.map

package/dist-esm/player/input-range-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-range-style.d.ts","sourceRoot":"","sources":["../../src/player/input-range-style.ts"],"names":[],"mappings":"AAAA,wBAAgB,sBAAsB,SAqGrC"}

package/dist-esm/player/input-range-style.js

@@ -0,0 +1,100 @@
+export function installInputRangeStyle() {
+    if (document.head.querySelector(`[data-id="input-range-style"]`)) {
+        return;
+    }
+    const css = `input[type=range] {
+        height: 22px;
+        -webkit-appearance: none;
+        margin: 10px 0;
+        width: 100%;
+      }
+      input[type=range]:focus {
+        outline: none;
+      }
+      input[type=range]::-webkit-slider-runnable-track {
+        width: 100%;
+        height: 5px;
+        cursor: pointer;
+        animate: 0.2s;
+        box-shadow: 0px 0px 0px #000000;
+        background: var(--accent-track-color,#2497E3);
+        border-radius: 1px;
+        border: 0px solid #000000;
+      }
+      input[type=range]::-webkit-slider-thumb {
+        box-shadow: 0px 0px 0px #000000;
+        border: 1px solid var(--accent-track-color,#2497E3);
+        height: 15px;
+        width: 15px;
+        border-radius: 50px;
+        background: var(--accent-thumb-color,#A1D0FF)
+        cursor: pointer;
+        -webkit-appearance: none;
+        margin-top: -5.5px;
+      }
+      input[type=range]:focus::-webkit-slider-runnable-track {
+        background: var(--accent-track-color,#2497E3);
+      }
+      input[type=range]::-moz-range-track {
+        width: 100%;
+        height: 5px;
+        cursor: pointer;
+        animate: 0.2s;
+        box-shadow: 0px 0px 0px #000000;
+        background: var(--accent-track-color,#2497E3);
+        border-radius: 1px;
+        border: 0px solid #000000;
+      }
+      input[type=range]::-moz-range-thumb {
+        box-shadow: 0px 0px 0px #000000;
+        border: 1px solid var(--accent-track-color,#2497E3);
+        height: 15px;
+        width: 15px;
+        border-radius: 50px;
+        background: var(--accent-thumb-color,#A1D0FF)
+        cursor: pointer;
+      }
+      input[type=range]::-ms-track {
+        width: 100%;
+        height: 5px;
+        cursor: pointer;
+        animate: 0.2s;
+        background: transparent;
+        border-color: transparent;
+        color: transparent;
+      }
+      input[type=range]::-ms-fill-lower {
+        background: var(--accent-track-color,#2497E3);
+        border: 0px solid #000000;
+        border-radius: 2px;
+        box-shadow: 0px 0px 0px #000000;
+      }
+      input[type=range]::-ms-fill-upper {
+        background: var(--accent-track-color,#2497E3);
+        border: 0px solid #000000;
+        border-radius: 2px;
+        box-shadow: 0px 0px 0px #000000;
+      }
+      input[type=range]::-ms-thumb {
+        margin-top: 1px;
+        box-shadow: 0px 0px 0px #000000;
+        border: 1px solid var(--accent-track-color,#2497E3);
+        height: 15px;
+        width: 15px;
+        border-radius: 50px;
+        background: var(--accent-thumb-color,#A1D0FF)
+        cursor: pointer;
+      }
+      input[type=range]:focus::-ms-fill-lower {
+        background: var(--accent-track-color,#2497E3);
+      }
+      input[type=range]:focus::-ms-fill-upper {
+        background: var(--accent-track-color,#2497E3);
+      }
+      `.replace(/input\[/g, "input.player[");
+    const style = document.createElement("style");
+    style.textContent = css;
+    style.setAttribute("data-id", "input-range-style");
+    document.head.appendChild(style);
+}
+//# sourceMappingURL=input-range-style.js.map

package/dist-esm/player/input-range-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-range-style.js","sourceRoot":"","sources":["../../src/player/input-range-style.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,sBAAsB;IAElC,IAAI,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,+BAA+B,CAAC,EAAE,CAAC;QAC/D,OAAO;IACX,CAAC;IAED,MAAM,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyFT,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,GAAG,GAAG,CAAC;IACxB,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;IACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACrC,CAAC"}

package/dist-esm/tests/app-test/AppTestApp.d.ts

@@ -0,0 +1,5 @@
+import MobileDesktopApp from "../../desktop-app/MobileDesktopApp.js";
+export default class AppTestApp extends MobileDesktopApp {
+    init(): Promise<void>;
+}
+//# sourceMappingURL=AppTestApp.d.ts.map

package/dist-esm/tests/app-test/AppTestApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTestApp.d.ts","sourceRoot":"","sources":["../../../src/tests/app-test/AppTestApp.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,uCAAuC,CAAC;AAWrE,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,gBAAgB;IAE9C,IAAI;CAUb"}

package/dist-esm/tests/app-test/AppTestApp.js

@@ -0,0 +1,30 @@
+import { __decorate } from "tslib";
+import Route from "@web-atoms/core/dist/core/Route.js";
+import MobileDesktopApp from "../../desktop-app/MobileDesktopApp.js";
+import AppCommands from "./commands/AppCommands.js";
+import Command from "@web-atoms/core/dist/core/Command.js";
+import Pack from "@web-atoms/core/dist/Pack.js";
+const fa = document.createElement("link");
+fa.href = "https://dtzkc6yot8xw8.cloudfront.net/npm/package/@c8private/fa-icons@6.7.1/css/all.min.css";
+fa.crossOrigin = "anonymous";
+fa.rel = "stylesheet";
+document.head.appendChild(fa);
+let AppTestApp = class AppTestApp extends MobileDesktopApp {
+    async init() {
+        AppCommands.install(this);
+        if (!Command.invokeRoute()) {
+            AppCommands.home.dispatch();
+        }
+    }
+};
+AppTestApp = __decorate([
+    Pack
+], AppTestApp);
+export default AppTestApp;
+Route.encodeUrl = (url) => {
+    if (url.startsWith("#")) {
+        return url;
+    }
+    return "#!" + url;
+};
+//# sourceMappingURL=AppTestApp.js.map

package/dist-esm/tests/app-test/AppTestApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTestApp.js","sourceRoot":"","sources":["../../../src/tests/app-test/AppTestApp.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,gBAAgB,MAAM,uCAAuC,CAAC;AACrE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,OAAO,MAAM,sCAAsC,CAAC;AAC3D,OAAO,IAAI,MAAM,8BAA8B,CAAC;AAEhD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC1C,EAAE,CAAC,IAAI,GAAG,4FAA4F,CAAC;AACvG,EAAE,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7B,EAAE,CAAC,GAAG,GAAG,YAAY,CAAC;AACtB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAEf,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,gBAAgB;IAEpD,KAAK,CAAC,IAAI;QACN,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAE1B,IAAG,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;YAGxB,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,CAAC;IACL,CAAC;CAEJ,CAAA;AAZoB,UAAU;IAD9B,IAAI;GACgB,UAAU,CAY9B;eAZoB,UAAU;AAc/B,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,EAAE,EAAE;IACtB,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC;IACf,CAAC;IACD,OAAO,IAAI,GAAG,GAAG,CAAC;AACtB,CAAC,CAAC"}

package/dist-esm/tests/app-test/commands/AppCommands.d.ts

@@ -0,0 +1,6 @@
+import Command, { Commands } from "@web-atoms/core/dist/core/Command.js";
+export default class AppCommands extends Commands {
+    static home: Command<any, any>;
+    static list: Command<any, any>;
+}
+//# sourceMappingURL=AppCommands.d.ts.map

package/dist-esm/tests/app-test/commands/AppCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCommands.d.ts","sourceRoot":"","sources":["../../../../src/tests/app-test/commands/AppCommands.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAEzE,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,QAAQ;IAE7C,MAAM,CAAC,IAAI,oBAIR;IAEH,MAAM,CAAC,IAAI,oBAGR;CACN"}

package/dist-esm/tests/app-test/commands/AppCommands.js

@@ -0,0 +1,13 @@
+import Command, { Commands } from "@web-atoms/core/dist/core/Command.js";
+export default class AppCommands extends Commands {
+    static { this.home = Command.create({
+        route: "/",
+        routeOrder: 1000,
+        openPage: () => import("../pages/home/HomePage")
+    }); }
+    static { this.list = Command.create({
+        route: "/list",
+        openPage: () => import("../pages/list/ListPage")
+    }); }
+}
+//# sourceMappingURL=AppCommands.js.map

package/dist-esm/tests/app-test/commands/AppCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCommands.js","sourceRoot":"","sources":["../../../../src/tests/app-test/commands/AppCommands.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAEzE,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,QAAQ;aAEtC,SAAI,GAAG,OAAO,CAAC,MAAM,CAAC;QACzB,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,wBAAwB,CAAC;KACnD,CAAC,CAAC;aAEI,SAAI,GAAG,OAAO,CAAC,MAAM,CAAC;QACzB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,wBAAwB,CAAC;KACnD,CAAC,CAAC"}

package/dist-esm/tests/app-test/drawer/AppDrawer.d.ts

@@ -0,0 +1,5 @@
+import { Drawer } from "../../../mobile-app/MobileApp.js";
+export default class AppDrawer extends Drawer {
+    init(): Promise<void>;
+}
+//# sourceMappingURL=AppDrawer.d.ts.map

package/dist-esm/tests/app-test/drawer/AppDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawer.d.ts","sourceRoot":"","sources":["../../../../src/tests/app-test/drawer/AppDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,MAAM;IAEnC,IAAI;CAOb"}

package/dist-esm/tests/app-test/drawer/AppDrawer.js

@@ -0,0 +1,9 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { Drawer } from "../../../mobile-app/MobileApp.js";
+export default class AppDrawer extends Drawer {
+    async init() {
+        this.render(XNode.create("div", null,
+            XNode.create("div", null)));
+    }
+}
+//# sourceMappingURL=AppDrawer.js.map

package/dist-esm/tests/app-test/drawer/AppDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawer.js","sourceRoot":"","sources":["../../../../src/tests/app-test/drawer/AppDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,MAAM;IAEzC,KAAK,CAAC,IAAI;QACN,IAAI,CAAC,MAAM,CAAC;YACR,yBACM,CACJ,CAAC,CAAC;IACZ,CAAC;CAEJ"}

package/dist-esm/tests/app-test/model/model.d.ts

@@ -0,0 +1,16 @@
+export interface IPostSearchResult {
+    posts: [
+        {
+            id: number;
+            title: string;
+            reactions: number;
+            userId: number;
+            tags: string[];
+        }
+    ];
+    total: number;
+    skip: number;
+    limit: number;
+}
+export type IPost = IPostSearchResult["posts"][0];
+//# sourceMappingURL=model.d.ts.map

package/dist-esm/tests/app-test/model/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../src/tests/app-test/model/model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE;QAAC;YACJ,EAAE,EAAE,MAAM,CAAC;YACX,KAAK,EAAE,MAAM,CAAC;YACd,SAAS,EAAE,MAAM,CAAC;YAClB,MAAM,EAAE,MAAM,CAAC;YACf,IAAI,EAAE,MAAM,EAAE,CAAC;SAClB;KAAC,CAAC;IACH,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist-esm/tests/app-test/model/model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=model.js.map

package/dist-esm/tests/app-test/model/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../src/tests/app-test/model/model.ts"],"names":[],"mappings":""}

package/dist-esm/tests/app-test/pages/detail/DetailPage.d.ts

@@ -0,0 +1,7 @@
+import { ContentPage } from "../../../../mobile-app/MobileApp.js";
+import { IPost } from "../../model/model.js";
+export default class DetailPage extends ContentPage<IPost> {
+    model: IPost;
+    init(): Promise<void>;
+}
+//# sourceMappingURL=DetailPage.d.ts.map

package/dist-esm/tests/app-test/pages/detail/DetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.d.ts","sourceRoot":"","sources":["../../../../../src/tests/app-test/pages/detail/DetailPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW,CAAC,KAAK,CAAC;IAEtD,KAAK,EAAE,KAAK,CAAC;IAEP,IAAI;CAuBb"}