godown 1.1.4 → 1.1.5

package/view/details-expand.js

@@ -15,15 +15,15 @@ let DetailsExpand = class DetailsExpand extends STD {
         this.float = false;
     }
     render() {
-        return html `<dl>
-<dt ?open=${this.open}  @click=${() => this.toggle()} style="flex-direction:row${this.reverse ? "-reverse" : ""}">
-    <span>${this.summary}<slot name="summary"></slot></span>
-    <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);">${!this.querySelector(`slot[name="icon"]`) ? html `<svg fill="currentColor" viewBox="0 0 16 16"><path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/></svg>` : html `<slot name="icon"></slot>`}</i>
-</dt>
-<dd ?open=${this.open} ?float=${this.float}>
-    <section><slot></slot></section>
-</dd>
-</dl>`;
+        return html `<dl>
+      <dt ?open=${this.open} @click=${() => this.toggle()} style="flex-direction:row${this.reverse ? "-reverse" : ""}">
+        <span>${this.summary}<slot name="summary"></slot></span>
+        <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);">${!this.querySelector(`slot[name="icon"]`) ? html `<svg fill="currentColor" viewBox="0 0 16 16"><path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z" /></svg>` : html `<slot name="icon"></slot>`}</i>
+      </dt>
+      <dd ?open=${this.open} ?float=${this.float}>
+        <section><slot></slot></section>
+      </dd>
+    </dl>`;
     }
     firstUpdated() {
         if (this.fill)
@@ -34,30 +34,35 @@ let DetailsExpand = class DetailsExpand extends STD {
         this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
     }
 };
-DetailsExpand.styles = [STD.styles, DLsharecss, css `
-  dl{
-    height:100%;
-    position: relative;
-  }
-  dt{
-    height:100%;
-  }
-  i{
-    height: 1.2em;
-    min-width:1.2em;
-    aspect-ratio: 1/1;
-    display: flex;
-    margin-left: auto;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-  }
-  [open] i{
-    transform: rotate(-90deg) !important;
-  }
-  [float]{
-    top: 100%;
-    position: absolute;
-  }`];
+DetailsExpand.styles = [
+    STD.styles,
+    DLsharecss,
+    css `
+      dl {
+        height: 100%;
+        position: relative;
+      }
+      dt {
+        height: 100%;
+      }
+      i {
+        height: 1.2em;
+        min-width: 1.2em;
+        aspect-ratio: 1/1;
+        display: flex;
+        margin-left: auto;
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
+      }
+      [open] i {
+        transform: rotate(-90deg) !important;
+      }
+      [float] {
+        top: 100%;
+        position: absolute;
+      }
+    `,
+];
 __decorate([
     property()
 ], DetailsExpand.prototype, "summary", void 0);

package/view/down-drop.d.ts

@@ -3,7 +3,7 @@ export declare class DownDrop extends STD {
     static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
     _div: HTMLDivElement;
     _timer: any;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): Promise<void>;
     resize(): void;
     close(): void;

package/view/down-drop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,8DAsBV;IACW,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM;IAOA,YAAY;IAoBlB,MAAM;IAcN,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,8DA0BX;IACY,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM;IAOA,YAAY;IAkBlB,MAAM;IAcN,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/down-drop.js

@@ -8,11 +8,11 @@ import { html, css, query, define } from "../deps.js";
 import STD from "../layout/std.js";
 let DownDrop = class DownDrop extends STD {
     render() {
-        return html `<main>
-  <slot name="hover"></slot>
-  <slot name="focus" @click=${this.toggle}></slot>
-  <div style="transform:translateX(0)"><slot></slot></div>
-</main>`;
+        return html `<main>
+      <slot name="hover"></slot>
+      <slot name="focus" @click=${this.toggle}></slot>
+      <div style="transform:translateX(0)"><slot></slot></div>
+    </main>`;
     }
     async firstUpdated() {
         if (this.querySelector(`[slot="focus"]`)) {
@@ -27,7 +27,7 @@ let DownDrop = class DownDrop extends STD {
         window.addEventListener("resize", () => {
             clearTimeout(this._timer);
             this._timer = setTimeout(() => {
-                this._div.style.transform = `translateX(0)`;
+                this._div.style.transform = "translateX(0)";
                 this.resize();
             }, 250);
         });
@@ -46,7 +46,7 @@ let DownDrop = class DownDrop extends STD {
             this._div.style.transform = `translateX(${RightWidth}px)`;
         }
         else {
-            this._div.style.transform = `translateX(0)`;
+            this._div.style.transform = "translateX(0)";
         }
     }
     close() {
@@ -61,29 +61,33 @@ let DownDrop = class DownDrop extends STD {
         this._div.style.visibility === "visible" ? this.close() : this.open();
     }
 };
-DownDrop.styles = [STD.styles, css `
-  :host{
-    height: 100%;
-    width: 100%;
-  }
-  main{
-    height: inherit;
-    width: inherit;
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    align-items: center;
-  }
-  div{
-    background-color:inherit;
-    position: absolute;
-    visibility: hidden;
-    top:100%;
-  }
-  slot[name="hover"]:hover~div,div:hover{
-    visibility: visible;
-  }
-  `];
+DownDrop.styles = [
+    STD.styles,
+    css `
+      :host {
+        height: 100%;
+        width: 100%;
+      }
+      main {
+        height: inherit;
+        width: inherit;
+        display: flex;
+        position: relative;
+        flex-direction: column;
+        align-items: center;
+      }
+      div {
+        background-color: inherit;
+        position: absolute;
+        visibility: hidden;
+        top: 100%;
+      }
+      slot[name="hover"]:hover ~ div,
+      div:hover {
+        visibility: visible;
+      }
+    `,
+];
 __decorate([
     query("div")
 ], DownDrop.prototype, "_div", void 0);

package/view/menu-list.d.ts

@@ -5,7 +5,7 @@ export declare class MenuList extends STD {
     def: boolean;
     _section: HTMLElement;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     toggle(to?: boolean): void;
 }
 export default MenuList;

package/view/menu-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,QAAS,SAAQ,GAAG;IACnB,OAAO,SAAM;IACmB,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,8DAqBV;IACH,MAAM;IAcN,MAAM,CAAC,EAAE,UAAa;CAKvB;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,QAAS,SAAQ,GAAG;IACnB,OAAO,SAAM;IACmB,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,8DAyBX;IACF,MAAM;IAeN,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/menu-list.js

@@ -17,42 +17,47 @@ let MenuList = class MenuList extends STD {
         if (notitle) {
             this.open = true;
         }
-        return html `<dl>
-<dt ?open=${this.open} ?notitle=${notitle} >
-  <span>${this.summary}<slot name="summary"></slot></span>
-  <i @click=${() => this.toggle()}>${!this.querySelector(`[slot="icon"]`) ? html `<svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>` : html `<slot name="icon"></slot>`}</i>
-</dt>
-<dd ?open=${this.open}>
-  <section><slot></slot></section>
-</dd></dl>`;
+        return html `<dl>
+      <dt ?open=${this.open} ?notitle=${notitle}>
+        <span>${this.summary}<slot name="summary"></slot></span>
+        <i @click=${() => this.toggle()}>${!this.querySelector(`[slot="icon"]`) ? html `<svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>` : html `<slot name="icon"></slot>`}</i>
+      </dt>
+      <dd ?open=${this.open}>
+        <section><slot></slot></section>
+      </dd>
+    </dl>`;
     }
     toggle(to = !this.open) {
         this.open = to;
         this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
     }
 };
-MenuList.styles = [STD.styles, DLsharecss, css `
-  i{
-    width: 1.2em;
-    height: 1.2em;
-    display: inline-flex;
-    align-items: center;
-    border-radius: 20%;
-    transition:inherit;
-  }
-  dt i{
-    background-color: rgb(0 0 0 / 0.055);
-  }
-  dt i:hover{
-    background-color: rgb(0 0 0 /.075);
-  }
-  [open] svg{
-    transform: rotate(90deg);
-  }
-  [notitle]{
-    display: none;
-  }
-  `];
+MenuList.styles = [
+    STD.styles,
+    DLsharecss,
+    css `
+      i {
+        width: 1.2em;
+        height: 1.2em;
+        display: inline-flex;
+        align-items: center;
+        border-radius: 20%;
+        transition: inherit;
+      }
+      dt i {
+        background-color: rgb(0 0 0 / 0.055);
+      }
+      dt i:hover {
+        background-color: rgb(0 0 0 /0.075);
+      }
+      [open] svg {
+        transform: rotate(90deg);
+      }
+      [notitle] {
+        display: none;
+      }
+    `,
+];
 __decorate([
     property()
 ], MenuList.prototype, "summary", void 0);

package/view/route-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAA2B,UAAU,EAAY,MAAM,YAAY,CAAC;AAE3E,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAA,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KAAE,CAAC,CAAM;IAC1D,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACP,MAAM,UAAS;IAChC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAY;IAC1D,OAAO,SAAM;IACb,IAAI,SAAM;IACO,QAAQ,UAAS;IAClB,QAAQ,MAAQ;IAC5C,IAAI,MAAM,CAAC,CAAC;;;OAAA,EAWX;IACD,IAAI,MAAM;;;QAET;IACD,MAAM,CAAC,MAAM,0BAAgC;IAC7C,MAAM;IASN,SAAS;;;;IAMT,iBAAiB,IAAI,IAAI;IAmBzB,aAAa;IAMb,cAAc;IAmBd,YAAY;IAOZ,cAAc,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc;IAMhE,eAAe,CAAC,iBAAiB,EAAE,MAAM,EAAE,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAA,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KAAE,CAAC,GAAG,IAAI,GAAG,cAAc;IAQ5J,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAA,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KAAE,CAAC,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;KAAE,CAAC;IA+BrH,MAAM,CAAC,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAA,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,MAAW;IA4C5H,MAAM,CAAC,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAoB3F,MAAM,CAAC,SAAS;CAOjB;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAA2B,UAAU,EAAY,MAAM,YAAY,CAAC;AAE3E,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAM;IAC1D,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACP,MAAM,UAAS;IAChC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAY;IAC1D,OAAO,SAAM;IACb,IAAI,SAAM;IACO,QAAQ,UAAS;IAClB,QAAQ,MAAQ;IAC5C,IAAI,MAAM,CAAC,CAAC;;;OAAA,EAWX;IACD,IAAI,MAAM;;;QAET;IACD,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;IASN,SAAS;;;;IAMT,iBAAiB,IAAI,IAAI;IAkBzB,aAAa;IAMb,cAAc;IAmBd,YAAY;IAOZ,cAAc,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc;IAMhE,eAAe,CAAC,iBAAiB,EAAE,MAAM,EAAE,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,GAAG,IAAI,GAAG,cAAc;IAQ5J,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IA+BpH,MAAM,CAAC,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,MAAW;IA4C5H,MAAM,CAAC,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAoB3F,MAAM,CAAC,SAAS;CAOjB;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/view/route-view.js

@@ -59,16 +59,15 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
         });
         if (!this.override)
             return;
-        const self = this;
         const pushHistory = history.pushState;
         history.pushState = function () {
             pushHistory.apply(this, arguments);
-            self.path = window.location.pathname;
+            this.path = window.location.pathname;
         };
         const replaceHistory = history.replaceState;
         history.replaceState = function () {
             replaceHistory.apply(this, arguments);
-            self.path = window.location.pathname;
+            this.path = window.location.pathname;
         };
     }
     render_united() {
@@ -84,7 +83,7 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
             const slotname = node.getAttribute("slot");
             return {
                 path: this.baseURL + slotname,
-                slotname
+                slotname,
             };
         });
         let slotsSort;
@@ -227,12 +226,16 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
     static updateAll() {
         const routeViewTagName = conf.namemap.get("route-view");
         const routeViewArray = document.querySelectorAll(`${routeViewTagName}:not([override])`);
-        for (let index = 0, ArrayItem; ArrayItem = routeViewArray[index]; index++) {
+        for (let index = 0, ArrayItem; (ArrayItem = routeViewArray[index]); index++) {
             ArrayItem.path = window.location.pathname;
         }
     }
 };
-RouteView.styles = css `:host{display:contents}`;
+RouteView.styles = css `
+    :host {
+      display: contents;
+    }
+  `;
 __decorate([
     property({ type: Boolean })
 ], RouteView.prototype, "static", void 0);

package/view/scroll-x.d.ts

@@ -2,7 +2,7 @@ import STD from "./std.js";
 export declare class ScrollX extends STD {
     static styles: import("lit").CSSResult;
     get _section(): HTMLElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     resize(): void;
 }

package/view/scroll-x.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BAyBV;IACH,IAAI,QAAQ,gBAEX;IACD,MAAM;IAGN,YAAY;IASZ,MAAM;CAcP;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BA0BX;IACF,IAAI,QAAQ,gBAEX;IACD,MAAM;IAON,YAAY;IASZ,MAAM;CAcP;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/view/scroll-x.js

@@ -11,7 +11,11 @@ let ScrollX = class ScrollX extends STD {
         return this.shadowRoot.querySelector("section");
     }
     render() {
-        return html `<section><main><span><slot></slot></span></main></section>`;
+        return html `<section>
+      <main>
+        <span><slot></slot></span>
+      </main>
+    </section>`;
     }
     firstUpdated() {
         this._section.addEventListener("scroll", (e) => {
@@ -39,32 +43,33 @@ let ScrollX = class ScrollX extends STD {
         }
     }
 };
-ScrollX.styles = css `
-  :host{ 
-    display: block;
-    width: 100%;
-    height: fit-content;
-  }
-  section {
-    overflow: auto;
-    position: relative;
-    transform-origin: 0 0;
-    transform: rotate(-90deg) translateX(-100%);
-  }
-  section::-webkit-scrollbar {
-    display: none;
-  }
-  span {
-    height: 500px;
-    display: flex;
-  }
-  main {
-    width: auto;
-    position: absolute;
-    left: 100%;
-    transform-origin: 0 0;
-    transform: rotate(90deg);
-  }`;
+ScrollX.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: fit-content;
+    }
+    section {
+      overflow: auto;
+      position: relative;
+      transform-origin: 0 0;
+      transform: rotate(-90deg) translateX(-100%);
+    }
+    section::-webkit-scrollbar {
+      display: none;
+    }
+    span {
+      height: 500px;
+      display: flex;
+    }
+    main {
+      width: auto;
+      position: absolute;
+      left: 100%;
+      transform-origin: 0 0;
+      transform: rotate(90deg);
+    }
+  `;
 ScrollX = __decorate([
     define("scroll-x")
 ], ScrollX);

package/view/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,YAAY,CAAC;AAC1C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,OAAO;CAAI;AAChD,eAAO,MAAM,UAAU,yBAiCtB,CAAC"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,YAAY,CAAC;AAC1C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,OAAO;CAAG;AAC/C,eAAO,MAAM,UAAU,yBAiCtB,CAAC"}

package/view/std.js

@@ -1,37 +1,37 @@
 import { GLOBSTD, css } from "../deps.js";
 export default class ViewSTD extends GLOBSTD {
 }
-export const DLsharecss = css `
-:host{
-  display: block;
-  transition: all .3s ease-in-out;
-}
-span{
-  display: inline-flex;
-  align-items: center;
-  flex:1;
-  white-space: nowrap;
-}
-dt{
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  background: inherit;
-  align-items: center;
-}
-*{
-  transition:inherit;
-}
-dd{
-  overflow:hidden;
-  display:grid;
-  grid-template-rows:0fr;
-}
-section{
-  min-height:0;
-  overflow:hidden;
-}
-dd[open]{
-  grid-template-rows:1fr;
-}
+export const DLsharecss = css `
+  :host {
+    display: block;
+    transition: all 0.3s ease-in-out;
+  }
+  span {
+    display: inline-flex;
+    align-items: center;
+    flex: 1;
+    white-space: nowrap;
+  }
+  dt {
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    background: inherit;
+    align-items: center;
+  }
+  * {
+    transition: inherit;
+  }
+  dd {
+    overflow: hidden;
+    display: grid;
+    grid-template-rows: 0fr;
+  }
+  section {
+    min-height: 0;
+    overflow: hidden;
+  }
+  dd[open] {
+    grid-template-rows: 1fr;
+  }
 `;

package/with.d.ts

@@ -1,9 +1,9 @@
 export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
 /**
-* Create element with args append to target
-* @param target Appended target element or use document.querySelector(target) or document.body
-* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
-*/
+ * Create element with args append to target
+ * @param target Appended target element or use document.querySelector(target) or document.body
+ * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ */
 export declare const append: (target?: string | object, args?: string | {
     tag: any;
     props?: any;
@@ -11,9 +11,9 @@ export declare const append: (target?: string | object, args?: string | {
     html?: any;
 }) => void;
 /**
-* Create element from args
-* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
-*/
+ * Create element from args
+ * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ */
 export declare const create: (args?: string | {
     tag: any;
     props?: any;
@@ -21,8 +21,8 @@ export declare const create: (args?: string | {
     html?: any;
 }) => any;
 /**
-* Create element with args append to target
-* @param map Map of key:selector, value:args
-*/
+ * Create element with args append to target
+ * @param map Map of key:selector, value:args
+ */
 export declare const retag: (map: any) => void;
 //# sourceMappingURL=with.d.ts.map

package/with.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AACF;;;;EAIE;AACF,eAAO,MAAM,MAAM,YAAY,MAAM,GAAG,MAAM,SAAiB,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;CAAE,SAK7H,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,MAAM,UAAU,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;CAAE,QAqB3F,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,KAAK,oBAuBjB,CAAC"}
+{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,MAAM,YAAY,MAAM,GAAG,MAAM,SAAiB,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,SAK5H,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAU,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,QAqB1F,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,KAAK,oBAqBjB,CAAC"}

package/with.js

@@ -9,10 +9,10 @@ export const define = (name, options) => (constructor) => {
     }
 };
 /**
-* Create element with args append to target
-* @param target Appended target element or use document.querySelector(target) or document.body
-* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
-*/
+ * Create element with args append to target
+ * @param target Appended target element or use document.querySelector(target) or document.body
+ * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ */
 export const append = (target = "body", args = "div") => {
     if (!args)
         return;
@@ -21,9 +21,9 @@ export const append = (target = "body", args = "div") => {
     target.appendChild(element);
 };
 /**
-* Create element from args
-* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
-*/
+ * Create element from args
+ * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ */
 export const create = (args = "div") => {
     const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
     const { props, children, html } = args || {};
@@ -34,12 +34,11 @@ export const create = (args = "div") => {
             element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
         });
     }
-    ;
     if (html)
         element.innerHTML += html;
     if (children) {
-        if (children.length) /* Iterators exist */ {
-            [...children].forEach((child) => {
+        if (children.length) {
+            /* Iterators exist */ [...children].forEach((child) => {
                 typeof child === "string" ? element.appendChild(document.createTextNode(child)) : element.appendChild(child);
             });
         }
@@ -50,17 +49,17 @@ export const create = (args = "div") => {
     return element;
 };
 /**
-* Create element with args append to target
-* @param map Map of key:selector, value:args
-*/
+ * Create element with args append to target
+ * @param map Map of key:selector, value:args
+ */
 export const retag = (map) => {
     if (!map)
         return;
-    for (let [key, args] of map) {
+    for (const [key, args] of map) {
         for (let i = document.querySelectorAll(key).length - 1; i >= 0; i--) {
             const element = document.querySelectorAll(key)[i];
             const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
-            let props = args.props || {};
+            const props = args.props || {};
             const { children, html = "" } = args;
             [...element.attributes].reduce((acc, attr) => {
                 acc[attr.name] = attr.args;

package/view/react/effect.d.ts

@@ -1,10 +0,0 @@
-import * as X from "../../effect/index.js";
-export declare const OVText: import("@lit-labs/react").ReactWebComponent<X.OVText, {}>;
-export declare const OVPort: import("@lit-labs/react").ReactWebComponent<X.OVPort, {}>;
-export declare const OVButton: import("@lit-labs/react").ReactWebComponent<X.OVButton, {}>;
-export declare const ROPort: import("@lit-labs/react").ReactWebComponent<X.ROPort, {}>;
-export declare const TWText: import("@lit-labs/react").ReactWebComponent<X.TWText, {
-    onChange: string;
-    onDone: string;
-}>;
-//# sourceMappingURL=effect.d.ts.map

package/view/react/effect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../../../src/view/react/effect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,uBAAuB,CAAC;AAE3C,eAAO,MAAM,MAAM,2DAIjB,CAAC;AACH,eAAO,MAAM,MAAM,2DAIjB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,MAAM,2DAIjB,CAAC;AACH,eAAO,MAAM,MAAM;;;EAQjB,CAAC"}