@web-atoms/web-controls 2.6.4 → 2.6.6

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

@@ -1,100 +1,99 @@
 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);
-      }
+  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
+  const style = document.createElement("style");
+  style.textContent = css;
+  style.setAttribute("data-id", "input-range-style");
+  document.head.appendChild(style);
+}

package/dist-esm/styles/atom-html-editor.global.css

@@ -0,0 +1,2 @@
+.atom-control-html-editor{display:flex;flex-direction:column;min-height:500px}.atom-control-html-editor>iframe{flex:1 1 100%}.atom-control-html-editor>.files>.file{align-items:center;border:1px solid hsla(0,0%,83%,.5);border-radius:15px;display:inline-flex;flex-direction:row;gap:4px;justify-content:space-around;padding-left:10px;padding-right:10px}.atom-control-html-editor>.files>.file>label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atom-control-html-editor .toolbar{align-items:center;display:flex;flex-wrap:wrap}.atom-control-html-editor .toolbar>.command{align-items:center;background-color:#00000000;border:none;cursor:pointer;display:inline-flex;height:28px;justify-content:space-evenly;min-width:28px}.atom-control-html-editor .toolbar>.command:hover{background-color:#90ee90}.atom-control-html-editor .toolbar>.command.pressed{background-color:#d3d3d3}.atom-control-html-editor .toolbar>.command.pressed:hover{background-color:#90ee90}.atom-control-html-editor .toolbar>.command .ri-bold{font-weight:700}
+/*# sourceMappingURL=atom-html-editor.global.css.map */

package/dist-esm/styles/atom-html-editor.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/atom-html-editor.global.css"],"names":[],"mappings":"AAAA,0BACI,YAAa,CACb,qBAAsB,CACtB,gBA4DJ,CA1DI,iCACI,aACJ,CAEA,uCAEI,kBAAmB,CAMnB,kCAAmB,CACnB,kBAAmB,CAJnB,mBAAoB,CAJpB,kBAAmB,CAGnB,OAAQ,CADR,4BAA6B,CAO7B,iBAAkB,CAClB,kBAQJ,CANI,6CACI,eAAgB,CAChB,eAAgB,CAEhB,sBAAuB,CADvB,kBAEJ,CAIJ,mCAGI,kBAAmB,CAFnB,YAAa,CACb,cA6BJ,CA1BI,4CAEI,kBAAmB,CAInB,0BAA2B,CAF3B,WAAY,CACZ,cAAe,CAJf,mBAAoB,CAOpB,WAAY,CALZ,4BAA6B,CAI7B,cAkBJ,CAfI,kDACI,wBACJ,CAEA,oDACI,wBAKJ,CAHI,0DACI,wBACJ,CAGJ,qDACI,eACJ","file":"atom-html-editor.global.css"}

package/dist-esm/styles/button-bar.global.css

@@ -0,0 +1,2 @@
+[data-button-bar=button-bar]{align-items:center;border:1px solid #add8e6;border-radius:10px;display:inline-flex;gap:0;padding-left:10px;padding-right:10px}[data-button-bar=button-bar]>*{border-radius:10px;cursor:pointer;padding:5px}[data-button-bar=button-bar]>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}[data-button-bar=button-bar]>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}[data-button-bar=button-bar]>[data-item=selected-item]{background-color:#add8e6}
+/*# sourceMappingURL=button-bar.global.css.map */

package/dist-esm/styles/button-bar.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/button-bar.global.css"],"names":[],"mappings":"AAAA,6BAGI,kBAAmB,CACnB,wBAA2B,CAC3B,kBAAmB,CAJnB,mBAAoB,CACpB,KAAM,CAIN,iBAAkB,CAClB,kBAiBJ,CAhBI,+BACI,kBAAmB,CAEnB,cAAe,CADf,WAaJ,CAXI,0CAEI,4BAA4B,CAD5B,yBAEJ,CACA,yCAEI,2BAA4B,CAD5B,wBAEJ,CACA,uDACI,wBACJ","file":"button-bar.global.css"}

package/dist-esm/styles/desktop-app.global.css

@@ -0,0 +1,2 @@
+body,html{height:100vh;width:100vw}body{align-content:stretch;align-items:stretch;flex-direction:row;justify-content:space-around}@media screen{body{display:grid;overflow:hidden}[data-desktop-app=desktop-app]{display:grid;overflow:hidden;position:relative}}[data-desktop-app=desktop-app]{grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;min-width:900px}[data-desktop-app=desktop-app] drawer-menu{transition:all .5s ease-out}[data-desktop-app=desktop-app] drawer-menu[drawer-hidden],[data-desktop-app=desktop-app][drawer-hidden] drawer-menu{width:1px}[data-desktop-app=desktop-app]>[data-page-element=app]{grid-column:2;grid-row:1;position:inherit}[data-desktop-app=desktop-app]>[data-page-element=menu-renderer]{grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=side-bar]{grid-column:3;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=status-bar]{border-top:1px solid #d3d3d3;grid-column:1/span 3;grid-row:2;margin-top:2px;overflow:hidden;padding:5px}[data-desktop-app=desktop-app][data-full-width]{min-width:100vw;width:100vw}[data-desktop-app=desktop-app][data-hide-drawer=true] [data-drwaer-page],[data-desktop-app=desktop-app][data-hide-drawer=true] drawer-menu{display:none}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-base-page=base-page]{grid-template-rows:auto auto 1fr auto}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=icon],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=status-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=title]{display:none}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=header]{grid-row:1}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=content]{grid-row:2/span 3}
+/*# sourceMappingURL=desktop-app.global.css.map */

package/dist-esm/styles/desktop-app.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/desktop-app.global.css"],"names":[],"mappings":"AAAA,UAEI,YAAa,CADb,WAEJ,CAEA,KAGI,qBAAsB,CADtB,mBAAoB,CAEpB,kBAAmB,CAHnB,4BAIJ,CAEA,cACI,KAEI,YAAa,CADb,eAEJ,CAEA,+BAGI,YAAa,CADb,eAAgB,CADhB,iBAGJ,CAEJ,CAEA,+BAGI,mCAAoC,CADpC,2BAA4B,CAD5B,eA2FJ,CAvFI,2CACI,2BAIJ,CAGI,oHACI,SACJ,CAGJ,uDAEI,aAAc,CADd,UAAW,CAEX,gBACJ,CAEA,iEAEI,aAAc,CADd,UAAW,CAEX,iBAAkB,CAClB,eACJ,CAEA,4DAEI,aAAc,CADd,UAAW,CAEX,iBAAkB,CAClB,eACJ,CAEA,8DAKI,4BAA+B,CAH/B,oBAAuB,CADvB,UAAW,CAGX,cAAe,CAEf,eAAgB,CAHhB,WAIJ,CAEA,gDAEI,eAAgB,CADhB,WAEJ,CAGI,2IACI,YACJ,CAKA,kFACI,qCACJ,CAkBA,+ZACI,YACJ,CAEA,kFACI,UACJ,CAEA,mFACI,iBACJ","file":"desktop-app.global.css"}

package/dist-esm/styles/form.global.css

@@ -0,0 +1,2 @@
+[data-form=form]{display:flex;flex-direction:column;gap:var(--spacing,5px)}[data-form=form][data-valid=true] .field-error:not(:empty),[data-form=form][data-valid=true]>.error-message{display:none}[data-form=form]>.error-message{background-color:red;border-radius:9999px;color:#fff;padding:var(--spacing-small,2px);padding-left:var(--spacing-large,10px);padding-right:var(--spacing-large,10px);position:sticky;top:0}
+/*# sourceMappingURL=form.global.css.map */

package/dist-esm/styles/form.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/form.global.css"],"names":[],"mappings":"AAAA,iBACI,YAAa,CACb,qBAAsB,CACtB,sBAqBJ,CAfQ,4GACI,YACJ,CAGJ,gCAII,oBAAqB,CACrB,oBAAqB,CACrB,UAAY,CALZ,gCAAkC,CAClC,sCAAwC,CACxC,uCAAyC,CAIzC,eAAgB,CAChB,KACJ","file":"form.global.css"}

package/dist-esm/styles/html-editor-toolbar.global.css

@@ -0,0 +1,2 @@
+[data-html-editor-element=toolbar]{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing,5px);justify-content:center}[data-html-editor-element=toolbar] .command{align-content:center;align-items:center;display:flex;justify-content:center;justify-items:center}
+/*# sourceMappingURL=html-editor-toolbar.global.css.map */

package/dist-esm/styles/html-editor-toolbar.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/html-editor-toolbar.global.css"],"names":[],"mappings":"AAAA,mCAII,oBAAqB,CADrB,kBAAmB,CAFnB,YAAa,CACb,cAAe,CAIf,sBAAwB,CADxB,sBAUJ,CAPI,4CAEI,oBAAqB,CAErB,kBAAmB,CAHnB,YAAa,CAEb,sBAAuB,CAEvB,oBACJ","file":"html-editor-toolbar.global.css"}

package/dist-esm/styles/inline-html-editor.global.css

@@ -0,0 +1,2 @@
+[data-inline-editor=inline-editor]{display:grid;grid-template-rows:auto 1fr}[data-inline-editor=inline-editor]>[data-element=editor]{border:1px solid #d3d3d3;border-radius:var(--spacing,5px);margin:var(--spacing,5px);overflow:auto;padding:var(--spacing,5px)}[data-inline-editor=inline-editor]>[data-element=editor]>*{outline:none}[data-inline-editor=inline-editor]>[data-element=toolbar]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:space-around}[data-inline-editor=inline-editor]>[data-element=toolbar]>.toolbar{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:space-around}[data-inline-editor=inline-editor]>[data-element=toolbar]>.toolbar .command.pressed{font-weight:700}
+/*# sourceMappingURL=inline-html-editor.global.css.map */

package/dist-esm/styles/inline-html-editor.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/inline-html-editor.global.css"],"names":[],"mappings":"AAAA,mCAEI,YAAa,CACb,2BAsCJ,CApCI,yDAGI,wBAA2B,CAC3B,gCAAkC,CAClC,yBAA2B,CAE3B,aAAc,CALd,0BAUJ,CAHI,2DACI,YACJ,CAGJ,0DAEI,kBAAmB,CAGnB,YAAa,CAJb,qBAAsB,CAGtB,OAAQ,CADR,4BAkBJ,CAdI,mEAEI,kBAAmB,CAGnB,YAAa,CAJb,kBAAmB,CAGnB,OAAQ,CADR,4BAUJ,CAJQ,oFACI,eACJ","file":"inline-html-editor.global.css"}

package/dist-esm/styles/limited-text.global.css

@@ -0,0 +1,2 @@
+[data-limited-text]{contain:content;overflow:hidden;position:relative}[data-limited-text][data-mode=collapsed]>[data-element=more]{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 19%,#fff 65%,#fff);cursor:pointer}[data-limited-text][data-mode=collapsed]>[data-element=more]>button{transform:rotate(180deg)}[data-limited-text]>[data-element=more]{display:flex;justify-content:flex-end;left:0;position:absolute;right:0;transform:translateY(-100%);width:100%}[data-limited-text]>[data-element=more]>button{border:none;border-radius:9999px;box-shadow:0 0 6px 6px #fff;outline:none;padding:1px 10px;transition:transform .5s ease-out}
+/*# sourceMappingURL=limited-text.global.css.map */

package/dist-esm/styles/limited-text.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/limited-text.global.css"],"names":[],"mappings":"AAAA,oBAGI,eAAgB,CADhB,eAAgB,CADhB,iBAkCJ,CA7BQ,6DAEI,yFAAyI,CADzI,cAKJ,CAHI,oEACI,wBACJ,CAIR,wCACI,YAAa,CACb,wBAAyB,CAGzB,MAAO,CACP,iBAAkB,CAFlB,OAAQ,CAGR,2BAA4B,CAJ5B,UAeJ,CAVI,+CAKI,WAAY,CADZ,oBAAqB,CAGrB,2BAA6B,CAD7B,YAAa,CAHb,gBAAmB,CAKnB,iCACJ","file":"limited-text.global.css"}

package/dist-esm/styles/resizable.global.css

@@ -0,0 +1,2 @@
+[data-resizable=resizable]{display:grid;gap:1px;grid-template-columns:1fr 2px;overflow:hidden}[data-resizable=resizable]>*{grid-column:1;grid-row:1}[data-resizable=resizable]>[data-element=resizer]{cursor:ew-resize;grid-column:2;grid-row:1}[data-resizable=resizable]>[data-element=resizer][data-resizing]{background-color:rgba(0,0,0,.25);cursor:col-resize}[data-resizable=resizable][data-direction=vertical]>[data-element=resizer]{cursor:ns-resize}
+/*# sourceMappingURL=resizable.global.css.map */

package/dist-esm/styles/resizable.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/resizable.global.css"],"names":[],"mappings":"AAAA,2BACI,YAAa,CAGb,OAAQ,CADR,6BAA8B,CAD9B,eAuBJ,CApBI,6BAEI,aAAc,CADd,UAEJ,CAEA,kDACI,gBAAiB,CAEjB,aAAc,CADd,UAMJ,CAJI,iEAEI,gCAAkC,CADlC,iBAEJ,CAIA,2EACI,gBACJ","file":"resizable.global.css"}

package/dist-esm/styles/track-progress.global.css

@@ -0,0 +1,2 @@
+[data-track-progress=track-progress]{height:5px}[data-track-progress=track-progress]>*{left:0;position:absolute;top:0}
+/*# sourceMappingURL=track-progress.global.css.map */

package/dist-esm/styles/track-progress.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/track-progress.global.css"],"names":[],"mappings":"AAAA,qCACI,UAMJ,CALI,uCAEI,MAAO,CADP,iBAAkB,CAElB,KACJ","file":"track-progress.global.css"}

package/dist-esm/styles/type-writer.global.css

@@ -0,0 +1,2 @@
+[data-component=type-writer]{align-items:center;border-right:2px solid;display:inline-flex;justify-content:start;padding-right:1px;white-space:nowrap}
+/*# sourceMappingURL=type-writer.global.css.map */

package/dist-esm/styles/type-writer.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/type-writer.global.css"],"names":[],"mappings":"AAAA,6BAEI,kBAAmB,CAMnB,sBAAgC,CAPhC,mBAAoB,CAEpB,qBAAsB,CAEtB,iBAAkB,CADlB,kBAKJ","file":"type-writer.global.css"}

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

@@ -10,21 +10,18 @@ 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();
-        }
+  async init() {
+    AppCommands.install(this);
+    if (!Command.invokeRoute()) {
+      AppCommands.home.dispatch();
     }
+  }
 };
-AppTestApp = __decorate([
-    Pack
-], AppTestApp);
+AppTestApp = __decorate([Pack], AppTestApp);
 export default AppTestApp;
-Route.encodeUrl = (url) => {
-    if (url.startsWith("#")) {
-        return url;
-    }
-    return "#!" + url;
-};
-//# sourceMappingURL=AppTestApp.js.map
+Route.encodeUrl = url => {
+  if (url.startsWith("#")) {
+    return url;
+  }
+  return "#!" + url;
+};

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

@@ -0,0 +1,54 @@
+import "@web-atoms/core/dist/core/Route.js";
+import "@web-atoms/web-controls/dist-esm/desktop-app/MobileDesktopApp.js";
+import "@web-atoms/web-controls/dist-esm/tests/app-test/commands/AppCommands.js";
+import "@web-atoms/core/dist/core/Command.js";
+import "@web-atoms/core/dist/Pack.js";
+import "@web-atoms/web-controls/dist-esm/mobile-app/MobileApp.js";
+import "@web-atoms/web-controls/dist-esm/desktop-app/DesktopApp.js";
+import "@web-atoms/core/dist/core/XNode.js";
+import "@web-atoms/core/dist/web/services/PopupService.js";
+import "@web-atoms/core/dist/core/StringHelper.js";
+import "@web-atoms/core/dist/core/EventScope.js";
+import "@web-atoms/core/dist/core/types.js";
+import "@web-atoms/core/dist/core/AtomLoader.js";
+import "@web-atoms/core/dist/core/sleep.js";
+import "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/web-controls/dist-esm/PageNavigator.js";
+import "@web-atoms/core/dist/core/BindableProperty.js";
+import "@web-atoms/core/dist/core/AtomDisposableList.js";
+import "@web-atoms/core/dist/core/Bind.js";
+import "@web-atoms/core/dist/web/core/AtomUI.js";
+import "@web-atoms/core/dist/view-model/Action.js";
+import "@web-atoms/core/dist/core/InheritedProperty.js";
+import "@web-atoms/core/dist/web/services/LastTarget.js";
+import "@web-atoms/core/dist/web/services/NotificationPopup.js";
+import "@web-atoms/core/dist/web/services/PopupWindow.js";
+import "@web-atoms/date-time/dist/DateTime.js";
+import "@web-atoms/core/dist/core/AtomMap.js";
+import "@web-atoms/core/dist/services/JsonService.js";
+import "@web-atoms/core/dist/services/ReferenceService.js";
+import "@web-atoms/core/dist/core/AtomUri.js";
+import "@web-atoms/core/dist/core/AtomComponent.js";
+import "@web-atoms/core/dist/core/FormattedString.js";
+import "@web-atoms/core/dist/core/Hacks.js";
+import "@web-atoms/core/dist/core/WebImage.js";
+import "@web-atoms/core/dist/core/AtomBinder.js";
+import "@web-atoms/core/dist/core/ExpressionParser.js";
+import "@web-atoms/core/dist/App.js";
+import "@web-atoms/core/dist/services/http/JsonError.js";
+import "@web-atoms/date-time/dist/TimeSpan.js";
+import "@web-atoms/core/dist/di/RegisterSingleton.js";
+import "@web-atoms/core/dist/di/DISingleton.js";
+import "@web-atoms/core/dist/di/Inject.js";
+import "@web-atoms/core/dist/core/AtomWatcher.js";
+import "@web-atoms/core/dist/core/PropertyMap.js";
+import "@web-atoms/core/dist/core/AtomDispatcher.js";
+import "@web-atoms/core/dist/di/ServiceProvider.js";
+import "@web-atoms/core/dist/services/BusyIndicatorService.js";
+import "@web-atoms/core/dist/core/AtomList.js";
+import "@web-atoms/core/dist/di/Register.js";
+import "@web-atoms/core/dist/di/ServiceCollection.js";
+import "@web-atoms/core/dist/di/TypeKey.js";
+import "@web-atoms/core/dist/core/TransientDisposable.js";
+import app from "@web-atoms/web-controls/dist-esm/tests/app-test/AppTestApp.js";
+export default app;

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

@@ -1,13 +1,16 @@
 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
+  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")
+    });
+  }
+}

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

@@ -1,9 +1,7 @@
 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
+  async init() {
+    this.render(XNode.create("div", null, XNode.create("div", null)));
+  }
+}

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

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

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

@@ -2,18 +2,24 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
 import { ContentPage } from "../../../../mobile-app/MobileApp.js";
 import FormField from "../../../../basic/FormField.js";
 export default class DetailPage extends ContentPage {
-    async init() {
-        this.model = this.parameters;
-        this.renderer = XNode.create("div", null,
-            XNode.create("section", null,
-                XNode.create(FormField, { label: "ID" },
-                    XNode.create("span", { text: this.model.id })),
-                XNode.create(FormField, { label: "Title" },
-                    XNode.create("span", { text: this.model.title })),
-                XNode.create(FormField, { label: "User" },
-                    XNode.create("span", { text: this.model.userId })),
-                XNode.create(FormField, { label: "Reactions" },
-                    XNode.create("span", { text: this.model.reactions }))));
-    }
-}
-//# sourceMappingURL=DetailPage.js.map
+  async init() {
+    this.model = this.parameters;
+    this.renderer = XNode.create("div", null, XNode.create("section", null, XNode.create(FormField, {
+      label: "ID"
+    }, XNode.create("span", {
+      text: this.model.id
+    })), XNode.create(FormField, {
+      label: "Title"
+    }, XNode.create("span", {
+      text: this.model.title
+    })), XNode.create(FormField, {
+      label: "User"
+    }, XNode.create("span", {
+      text: this.model.userId
+    })), XNode.create(FormField, {
+      label: "Reactions"
+    }, XNode.create("span", {
+      text: this.model.reactions
+    }))));
+  }
+}

package/dist-esm/tests/app-test/pages/home/HomePage.js

@@ -2,11 +2,10 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
 import { ContentPage } from "../../../../mobile-app/MobileApp.js";
 import AppCommands from "../../commands/AppCommands.js";
 export default class HomePage extends ContentPage {
-    async init() {
-        this.renderer = XNode.create("div", null,
-            "This is a Home Page",
-            XNode.create("br", null),
-            XNode.create("a", { href: AppCommands.list.displayRoute({}), "data-click-event": "route" }, "List"));
-    }
-}
-//# sourceMappingURL=HomePage.js.map
+  async init() {
+    this.renderer = XNode.create("div", null, "This is a Home Page", XNode.create("br", null), XNode.create("a", {
+      href: AppCommands.list.displayRoute({}),
+      "data-click-event": "route"
+    }, "List"));
+  }
+}

package/dist-esm/tests/app-test/pages/list/ListPage.js

@@ -6,70 +6,87 @@ import FetchBuilder from "@web-atoms/core/dist/services/FetchBuilder.js";
 import Action from "@web-atoms/core/dist/view-model/Action.js";
 import MasterDetailPage from "../../../../mobile-app/MasterDetailPage.js";
 import DetailPage from "../detail/DetailPage.js";
-import "./ListPage.local.css";
+ESMPack.installStyleSheet(import.meta.resolve("./ListPage.local.css"));
 export default class ListPage extends MasterDetailPage {
-    constructor() {
-        super(...arguments);
-        this.start = 0;
-        this.size = 20;
-        this.search = "";
+  constructor() {
+    super(...arguments);
+    this.start = 0;
+    this.size = 20;
+    this.search = "";
+  }
+  async init() {
+    this.element.className = "list-page";
+    this.renderer = XNode.create("div", {
+      "data-layout": "center-all"
+    }, XNode.create("div", null, "Loading...."));
+    this.headerRenderer = () => XNode.create("div", {
+      "data-layout": "row"
+    }, XNode.create("input", {
+      type: "search",
+      "event-input": () => this.start = 0,
+      value: Bind.twoWaysImmediate(() => this.search),
+      placeholder: "Search in post title..."
+    }));
+    this.renderer = XNode.create("div", null, XNode.create(AtomRepeater, {
+      selectOnClick: true,
+      "data-items-updated-event": "items-updated",
+      "data-selection-updated-event": "selection-updated",
+      presenter: Bind.presenter(c => this.repeater = c),
+      items: Bind.oneWayAsync((c, e, cancelToken) => this.searchPosts({
+        q: this.search,
+        skip: this.start,
+        limit: this.size,
+        cancelToken
+      })),
+      itemRenderer: item => XNode.create("div", null, XNode.create("span", {
+        class: "title",
+        text: item.title
+      }), XNode.create("div", {
+        class: "reaction"
+      }, XNode.create("i", {
+        class: "fas fa-heart"
+      }), XNode.create("span", {
+        text: item.reactions
+      })), XNode.create("div", {
+        class: "tags"
+      }, ...item.tags.map(x => XNode.create("span", {
+        text: "#" + x
+      }))))
+    }));
+  }
+  itemsUpdated() {
+    if (!this.repeater.items.length) {
+      return;
     }
-    async init() {
-        this.element.className = "list-page";
-        this.renderer = XNode.create("div", { "data-layout": "center-all" },
-            XNode.create("div", null, "Loading...."));
-        this.headerRenderer = () => XNode.create("div", { "data-layout": "row" },
-            XNode.create("input", { type: "search", "event-input": () => this.start = 0, value: Bind.twoWaysImmediate(() => this.search), placeholder: "Search in post title..." }));
-        this.renderer = XNode.create("div", null,
-            XNode.create(AtomRepeater, { selectOnClick: true, "data-items-updated-event": "items-updated", "data-selection-updated-event": "selection-updated", presenter: Bind.presenter((c) => this.repeater = c), items: Bind.oneWayAsync((c, e, cancelToken) => this.searchPosts({
-                    q: this.search,
-                    skip: this.start,
-                    limit: this.size,
-                    cancelToken
-                })), itemRenderer: (item) => XNode.create("div", null,
-                    XNode.create("span", { class: "title", text: item.title }),
-                    XNode.create("div", { class: "reaction" },
-                        XNode.create("i", { class: "fas fa-heart" }),
-                        XNode.create("span", { text: item.reactions })),
-                    XNode.create("div", { class: "tags" }, ...item.tags.map((x) => XNode.create("span", { text: "#" + x })))) }));
+    if (this.repeater.selectedItem) {
+      return;
     }
-    itemsUpdated() {
-        if (!this.repeater.items.length) {
-            return;
-        }
-        if (this.repeater.selectedItem) {
-            return;
-        }
-        this.repeater.selectedItem = this.repeater.items[0];
-    }
-    selectionUpdated() {
-        if (!this.repeater.selectedItem) {
-            return;
-        }
-        this.openDetail(DetailPage, this.repeater.selectedItem);
-    }
-    async searchPosts({ q = "", skip = 0, limit = 20, cancelToken = null }) {
-        const results = await FetchBuilder.get("https://dummyjson.com/posts/search")
-            .queries({
-            q,
-            skip,
-            limit
-        })
-            .cancelToken(cancelToken)
-            .asJson();
-        return results.posts;
+    this.repeater.selectedItem = this.repeater.items[0];
+  }
+  selectionUpdated() {
+    if (!this.repeater.selectedItem) {
+      return;
     }
+    this.openDetail(DetailPage, this.repeater.selectedItem);
+  }
+  async searchPosts({
+    q = "",
+    skip = 0,
+    limit = 20,
+    cancelToken = null
+  }) {
+    const results = await FetchBuilder.get("https://dummyjson.com/posts/search").queries({
+      q,
+      skip,
+      limit
+    }).cancelToken(cancelToken).asJson();
+    return results.posts;
+  }
 }
-__decorate([
-    Action({ onEvent: "items-updated" }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ListPage.prototype, "itemsUpdated", null);
-__decorate([
-    Action({ onEvent: "selection-updated", defer: 10 }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], ListPage.prototype, "selectionUpdated", null);
-//# sourceMappingURL=ListPage.js.map
+__decorate([Action({
+  onEvent: "items-updated"
+}), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ListPage.prototype, "itemsUpdated", null);
+__decorate([Action({
+  onEvent: "selection-updated",
+  defer: 10
+}), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ListPage.prototype, "selectionUpdated", null);