godown 1.2.0 → 2.0.1

package/layout/drag-box.d.ts

@@ -1,20 +1,18 @@
-import STD from "./std.js";
-export declare class DragBox extends STD {
-    x: string;
-    y: string;
-    static styles: import("lit").CSSResult;
-    get offsetsWidth(): number;
-    get offsetsHeight(): number;
-    render(): import("lit").TemplateResult<1>;
-    firstUpdated(): void;
+import LayoutSTD from "./std.js";
+export declare class DragBox extends LayoutSTD {
     drag: boolean;
     t: number;
     l: number;
     cx: number;
     cy: number;
-    _startDrag(e: MouseEvent): void;
-    _endDrag(): void;
-    _handleDrag(e: MouseEvent): void;
+    x: string;
+    y: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
+    protected _handleDragStart(e: MouseEvent): void;
+    protected _handleDragEnd(): void;
+    protected _handleDrag(e: MouseEvent): void;
     reset(): void;
 }
 export default DragBox;

package/layout/drag-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-box.d.ts","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAClB,CAAC,SAAU;IACX,CAAC,SAAU;IACvB,MAAM,CAAC,MAAM,0BAKX;IACF,IAAI,YAAY,WAEf;IACD,IAAI,aAAa,WAEhB;IACD,MAAM;IAKN,YAAY;IAIZ,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,CAAC,EAAE,UAAU;IAQxB,QAAQ;IAIR,WAAW,CAAC,CAAC,EAAE,UAAU;IAmBzB,KAAK;CAUN;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"drag-box.d.ts","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,OAAQ,SAAQ,SAAS;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACC,CAAC,SAAU;IACX,CAAC,SAAU;IACvB,MAAM,CAAC,MAAM,0BAKX;IAEF,MAAM;IAIN,YAAY;IAKZ,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IASxC,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAoBnC,KAAK;CAUN;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/layout/drag-box.js

@@ -4,40 +4,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { html, css, property, define } from "../deps.js";
-import STD from "./std.js";
-let DragBox = class DragBox extends STD {
+import { css, define, html, property } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import LayoutSTD from "./std.js";
+let DragBox = class DragBox extends LayoutSTD {
     constructor() {
         super(...arguments);
         this.x = "auto";
         this.y = "auto";
     }
-    get offsetsWidth() {
-        var _a, _b;
-        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : document.body.offsetWidth;
-    }
-    get offsetsHeight() {
-        var _a, _b;
-        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : document.body.offsetHeight;
-    }
     render() {
-        return html ` <div @mousedown=${this._startDrag} @mouseup=${this._endDrag}>
-      <slot></slot>
-    </div>`;
+        return html `<div @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${htmlSlot()}</div>`;
     }
     firstUpdated() {
         this.reset();
-        document.addEventListener("mouseup", this._endDrag.bind(this));
+        this.addEvent(document, "mouseup", this._handleDragEnd.bind(this));
     }
-    _startDrag(e) {
+    _handleDragStart(e) {
         this.cx = e.clientX;
         this.cy = e.clientY;
         this.t = this.offsetTop;
         this.l = this.offsetLeft;
         this.drag = true;
-        document.addEventListener("mousemove", this._handleDrag.bind(this));
+        this.addEvent(document, "mousemove", this._handleDrag.bind(this));
     }
-    _endDrag() {
+    _handleDragEnd() {
         this.drag = false;
         document.removeEventListener("mousemove", this._handleDrag.bind(this));
     }
@@ -93,3 +84,4 @@ DragBox = __decorate([
 ], DragBox);
 export { DragBox };
 export default DragBox;
+//# sourceMappingURL=drag-box.js.map

package/layout/drag-box.js.map

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

package/layout/flex-flow.d.ts

@@ -1,5 +1,5 @@
-import STD from "./std.js";
-export declare class FlexFlow extends STD {
+import LayoutSTD from "./std.js";
+export declare class FlexFlow extends LayoutSTD {
     flexflow: string;
     m: string;
     static styles: import("lit").CSSResult;

package/layout/flex-flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,QAAS,SAAQ,GAAG;IACnB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;CAQP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,QAAS,SAAQ,SAAS;IACzB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,0BAIX;IAEF,MAAM;CAQP;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/flex-flow.js

@@ -4,9 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { html, css, property, define } from "../deps.js";
-import STD from "./std.js";
-let FlexFlow = class FlexFlow extends STD {
+import { css, define, html, property } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import LayoutSTD from "./std.js";
+let FlexFlow = class FlexFlow extends LayoutSTD {
     constructor() {
         super(...arguments);
         this.flexflow = "row nowrap column nowrap";
@@ -14,8 +15,8 @@ let FlexFlow = class FlexFlow extends STD {
     }
     render() {
         const flexflow = this.flexflow.split(/\s+/);
-        const style = `:host{flex-direction:${flexflow[0] || "row"};flex-wrap:${flexflow[1] || "nowrap"};}@media(max-width: ${this.m || "720px"}){:host{flex-direction:${flexflow[2] || flexflow[0] || "colom"};flex-wrap:${flexflow[3] || flexflow[1] || "nowrap"}}`;
-        return html `<slot></slot>
+        const style = `:host{flex-direction:${flexflow[0] || "row"};flex-wrap:${flexflow[1] || "nowrap"};}@media(max-width: ${this.m || "720px"}){:host{flex-direction:${flexflow[2] || flexflow[0] || "column"};flex-wrap:${flexflow[3] || flexflow[1] || "nowrap"}}`;
+        return html `${htmlSlot()}
       <style>
         ${style}
       </style>`;
@@ -37,3 +38,4 @@ FlexFlow = __decorate([
 ], FlexFlow);
 export { FlexFlow };
 export default FlexFlow;
+//# sourceMappingURL=flex-flow.js.map

package/layout/flex-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-flow.js","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,SAAS,MAAM,UAAU,CAAC;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,aAAQ,GAAG,0BAA0B,CAAC;QACtC,MAAC,GAAG,OAAO,CAAC;IAe1B,CAAC;IARC,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAG,wBAAwB,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,cAAc,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,uBAAuB,IAAI,CAAC,CAAC,IAAI,OAAO,0BAA0B,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,cAAc,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC;QAC/P,OAAO,IAAI,CAAA,GAAG,QAAQ,EAAE;;UAElB,KAAK;eACA,CAAC;IACd,CAAC;;AAbM,eAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AANU;IAAX,QAAQ,EAAE;0CAAuC;AACtC;IAAX,QAAQ,EAAE;mCAAa;AAFb,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAiBpB;;AAED,eAAe,QAAQ,CAAC"}

package/layout/index.d.ts

@@ -3,4 +3,5 @@ export * from "./flex-flow.js";
 export * from "./drag-box.js";
 export * from "./nav-aside.js";
 export * from "./nav-layout.js";
+export * from "./with-wrap.js";
 //# sourceMappingURL=index.d.ts.map

package/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/layout/index.js

@@ -3,3 +3,5 @@ export * from "./flex-flow.js";
 export * from "./drag-box.js";
 export * from "./nav-aside.js";
 export * from "./nav-layout.js";
+export * from "./with-wrap.js";
+//# sourceMappingURL=index.js.map

package/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/layout/nav-aside.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-export declare class NavAside extends STD {
+import LayoutSTD from "./std.js";
+export declare class NavAside extends LayoutSTD {
+    static styles: CSSResultGroup[];
     m: string;
     position: string;
-    static styles: CSSResultGroup[];
     render(): import("lit").TemplateResult<1>;
 }
 export default NavAside;

package/layout/nav-aside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,cAAc,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,mBAwBS;IACtB,MAAM;CAUP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAkC,MAAM,YAAY,CAAC;AACjF,OAAO,SAAuB,MAAM,UAAU,CAAC;AAG/C,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,mBAyBS;IACV,CAAC,SAAW;IACZ,QAAQ,SAAkB;IAEtC,MAAM;CAUP;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/nav-aside.js

@@ -4,9 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { html, css, property, define, cssvar } from "../deps.js";
-import STD, { navstyle } from "./std.js";
-let NavAside = class NavAside extends STD {
+import { css, cssvar, define, html, property } from "../deps.js";
+import LayoutSTD, { navStyle } from "./std.js";
+import { htmlSlot } from "../tmpl.js";
+let NavAside = class NavAside extends LayoutSTD {
     constructor() {
         super(...arguments);
         this.m = "720px";
@@ -17,15 +18,15 @@ let NavAside = class NavAside extends STD {
         const pm = this.position.split(" ")[1] || "fixed";
         const m = this.m || "720px";
         const styled = `:host{position:${p} !important;}@media(min-width:${m}){:host{position:${pm} !important;width:fit-content !important;height:100% !important;}nav{display: flex !important;justify-content: space-between !important;flex-direction: column !important;align-content: flex-start !important;align-items: stretch !important;}}`;
-        return html `<nav><slot></slot></nav>
+        return html `<nav>${htmlSlot()}</nav>
       <style>
         ${styled}
       </style>`;
     }
 };
 NavAside.styles = [
-    STD.styles,
-    navstyle,
+    LayoutSTD.styles,
+    navStyle,
     css `
       :host {
         color: var(${cssvar}--nav-text);
@@ -37,6 +38,7 @@ NavAside.styles = [
         height: fit-content;
         display: flex;
       }
+
       nav {
         height: inherit;
         width: inherit;
@@ -59,3 +61,4 @@ NavAside = __decorate([
 ], NavAside);
 export { NavAside };
 export default NavAside;
+//# sourceMappingURL=nav-aside.js.map

package/layout/nav-aside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-aside.js","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QA2BO,MAAC,GAAG,OAAO,CAAC;QACZ,aAAQ,GAAG,cAAc,CAAC;IAYxC,CAAC;IAVC,MAAM;QACJ,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QAClD,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;QAClD,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;QAC5B,MAAM,MAAM,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,EAAE,mPAAmP,CAAC;QAC9U,OAAO,IAAI,CAAA,QAAQ,QAAQ,EAAE;;UAEvB,MAAM;eACD,CAAC;IACd,CAAC;;AAtCM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,QAAQ;IACR,GAAG,CAAA;;qBAEc,MAAM;0BACD,MAAM;;;;;;;;;;;;;;;;;;KAkB3B;CACkB,AAzBR,CAyBS;AACV;IAAX,QAAQ,EAAE;mCAAa;AACZ;IAAX,QAAQ,EAAE;0CAA2B;AA5B3B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAwCpB;;AAED,eAAe,QAAQ,CAAC"}

package/layout/nav-layout.d.ts

@@ -1,13 +1,11 @@
 import { CSSResultGroup } from "../deps.js";
-import "../view/down-drop.js";
-import STD from "./std.js";
-export declare class NavLayout extends STD {
+import LayoutSTD from "./std.js";
+export declare class NavLayout extends LayoutSTD {
     static styles: CSSResultGroup[];
     host: string;
     subhead: string;
     set: 0 | 1 | 2;
     render(): import("lit").TemplateResult<1>;
-    opt(): any[];
 }
 export default NavLayout;
 declare global {

package/layout/nav-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,cAAc,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,mBAmGS;IACV,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM;IAgBN,GAAG;CAOJ;AAcD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAkC,MAAM,YAAY,CAAC;AACjF,OAAO,SAAuB,MAAM,UAAU,CAAC;AAG/C,qBACa,SAAU,SAAQ,SAAS;IACtC,MAAM,CAAC,MAAM,mBAoGS;IACV,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAE/C,MAAM;CAeP;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/layout/nav-layout.js

@@ -4,10 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { html, css, property, define, cssvar } from "../deps.js";
-import "../view/down-drop.js";
-import STD, { navstyle } from "./std.js";
-let NavLayout = class NavLayout extends STD {
+import { css, cssvar, define, html, property } from "../deps.js";
+import LayoutSTD, { navStyle } from "./std.js";
+import { htmlSlot } from "../tmpl.js";
+let NavLayout = class NavLayout extends LayoutSTD {
     constructor() {
         super(...arguments);
         this.host = "";
@@ -23,28 +23,20 @@ let NavLayout = class NavLayout extends STD {
             <div>${this.subhead}</div>`}
         </h1>
         <div>
-          ${this.opt()}
           <slot name="opt"></slot>
         </div>
       </nav>
-      <main><slot></slot></main>
+      <main>${htmlSlot()}</main>
       <slot name="footer"></slot>`;
     }
-    opt() {
-        const result = [];
-        for (let i = 0; i <= this.set - 1; i++) {
-            opts[i] && result.unshift(opts[i]);
-        }
-        return result;
-    }
 };
 NavLayout.styles = [
-    STD.styles,
-    navstyle,
+    LayoutSTD.styles,
+    navStyle,
     css `
       :host {
-        ${cssvar}--nav-height:2.4em;
-        ${cssvar}--nav-h1-size:calc(var(${cssvar}--nav-height)/2);
+        ${cssvar}--nav-height: 2.4em;
+        ${cssvar}--nav-h1-size: calc(var(${cssvar}--nav-height) / 2);
         width: 100%;
         display: flex;
         flex-flow: column nowrap;
@@ -52,14 +44,17 @@ NavLayout.styles = [
         align-items: center;
         min-height: 100%;
       }
+
       nav,
       .option {
         color: var(${cssvar}--nav-text);
         background: var(${cssvar}--nav-background);
       }
+
       .option a:hover {
         background: var(${cssvar}--nav-super-background);
       }
+
       nav {
         height: var(${cssvar}--nav-height);
         display: flex;
@@ -72,10 +67,12 @@ NavLayout.styles = [
         position: relative;
         z-index: 2;
       }
+
       a {
         text-decoration: none;
         color: currentColor;
       }
+
       h1 {
         font-weight: normal;
         font-size: var(${cssvar}--nav-h1-size);
@@ -83,15 +80,18 @@ NavLayout.styles = [
         display: flex;
         align-items: center;
       }
+
       h1 span {
         height: 1em;
         width: 0.1em;
         background: currentColor;
         margin: 0.24em;
       }
+
       h1 > * {
         white-space: nowrap;
       }
+
       main {
         flex: 1;
         width: inherit;
@@ -99,14 +99,17 @@ NavLayout.styles = [
         flex-direction: column;
         z-index: 1;
       }
+
       nav > div {
         height: 100%;
         display: flex;
         flex-direction: row;
       }
+
       .option {
         overflow: hidden;
       }
+
       .option a {
         height: 2.4em;
         line-height: 2.4em;
@@ -116,21 +119,11 @@ NavLayout.styles = [
         text-align: center;
         transition: background-color 152ms;
       }
+
       .option a:hover {
         transform: scale(1.025);
       }
-      down-drop a {
-        display: flex;
-        padding: 0.15em;
-        box-sizing: border-box;
-        height: 100%;
-        justify-content: center;
-        align-items: center;
-      }
-      down-drop a::selection {
-        color: var(${cssvar}--text-selection);
-        background: var(${cssvar}--text-selection-background);
-      }
+
       @media screen and (max-width: 540px) {
         h1 a ~ * {
           display: none;
@@ -151,17 +144,5 @@ NavLayout = __decorate([
     define("nav-layout")
 ], NavLayout);
 export { NavLayout };
-const opts = [
-    html `<down-drop>
-    <a slot="hover">
-      <svg viewBox="0 0 1024 1024" width="1.8em" height="1.8em"><path fill="currentColor" d="M588.8 128l12 83.2 4.8 34.4 31.2 14.4c12.8 6.4 26.4 13.6 38.4 21.6l28 18.4 31.2-12 81.6-32 76 127.2-67.2 51.2-28 21.6 3.2 35.2c0.8 7.2 0.8 14.4 0.8 20.8s0 13.6-0.8 20.8l-3.2 35.2 28 21.6 67.2 51.2-75.2 127.2-82.4-32-31.2-12-28 18.4c-12.8 8.8-25.6 16-38.4 21.6l-31.2 14.4-4.8 33.6-12 84H435.2l-12-83.2-4.8-34.4-31.2-14.4c-12.8-6.4-26.4-13.6-38.4-21.6l-28-18.4-31.2 12L208 768l-76-127.2 67.2-51.2 28-21.6-3.2-35.2c-0.8-7.2-0.8-14.4-0.8-20.8s0-13.6 0.8-20.8l3.2-35.2-28-21.6-67.2-51.2L207.2 256l82.4 32 31.2 12 28-18.4c12.8-8.8 25.6-16 38.4-21.6l31.2-14.4 4.8-33.6L435.2 128h153.6m8.8-64H426.4c-27.2 0-49.6 19.2-53.6 44.8L360 201.6c-16 7.2-31.2 16-47.2 26.4l-90.4-35.2c-6.4-2.4-12.8-3.2-19.2-3.2-19.2 0-37.6 9.6-46.4 26.4L71.2 360c-13.6 22.4-8 52 12.8 68l76 57.6c-0.8 9.6-1.6 18.4-1.6 26.4s0 16.8 1.6 26.4l-76 57.6c-20.8 16-26.4 44-12.8 68l84.8 143.2c9.6 16.8 28 27.2 47.2 27.2 6.4 0 12-0.8 18.4-3.2L312 796c15.2 10.4 31.2 19.2 47.2 26.4l13.6 92c3.2 25.6 26.4 45.6 53.6 45.6h171.2c27.2 0 49.6-19.2 53.6-44.8l13.6-92.8c16-7.2 31.2-16 47.2-26.4l90.4 35.2c6.4 2.4 12.8 3.2 19.2 3.2 19.2 0 37.6-9.6 46.4-26.4l85.6-144.8c12.8-23.2 7.2-51.2-13.6-67.2l-76-57.6c0.8-8 1.6-16.8 1.6-26.4 0-9.6-0.8-18.4-1.6-26.4l76-57.6c20.8-16 26.4-44 12.8-68l-84.8-143.2c-9.6-16.8-28-27.2-47.2-27.2-6.4 0-12 0.8-18.4 3.2L712 228c-15.2-10.4-31.2-19.2-47.2-26.4l-13.6-92c-4-26.4-26.4-45.6-53.6-45.6zM512 384c70.4 0 128 57.6 128 128s-57.6 128-128 128-128-57.6-128-128 57.6-128 128-128m0-64c-105.6 0-192 86.4-192 192s86.4 192 192 192 192-86.4 192-192-86.4-192-192-192z"></path></svg>
-    </a>
-    <div class="option"><a href="/zh">简体中文</a><a href="/en">English</a><a href="/ru">Русский</a></div>
-  </down-drop>`,
-    html `<down-drop>
-    <a href="/account" slot="hover">
-      <svg viewBox="0 0 1024 1024" width="1.8em" height="1.8em"><path fill="currentColor" d="M870.314 877.39C777.938 967.975 651.552 1024 512 1024 229.24 1024 0.018 794.742 0.018 511.981 0.018 229.221 229.24 0 512 0s511.982 229.222 511.982 511.982c0 143.21-58.914 272.485-153.668 365.41zM512 950.86c103.932 0 199.307-36.314 274.496-96.728C746.45 740.398 639.447 658.262 512 658.262c-127.447 0-234.451 82.136-274.496 195.87C312.693 914.546 408.068 950.86 512 950.86z m0-877.684c-242.35 0-438.842 196.492-438.842 438.842 0 109.528 40.374 209.4 106.712 286.308C237.724 672.597 364.513 585.158 512 585.158c147.45 0 274.276 87.44 332.13 213.168 66.338-76.87 106.712-176.78 106.712-286.308 0-242.35-196.492-438.842-438.842-438.842z m0 475.412c-101.007 0-182.85-81.88-182.85-182.85 0-101.007 81.843-182.851 182.85-182.851 100.97 0 182.85 81.844 182.85 182.85 0 100.97-81.88 182.851-182.85 182.851z m0-292.561c-60.597 0-109.71 49.114-109.71 109.674 0 60.596 49.113 109.71 109.71 109.71 60.597 0 109.71-49.114 109.71-109.71 0-60.56-49.113-109.674-109.71-109.674z"></path></svg>
-    </a>
-  </down-drop>`,
-];
 export default NavLayout;
+//# sourceMappingURL=nav-layout.js.map

package/layout/nav-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-layout.js","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG/B,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,SAAS;IAAjC;;QAsGO,SAAI,GAAG,EAAE,CAAC;QACV,YAAO,GAAG,EAAE,CAAC;QACG,QAAG,GAAc,CAAC,CAAC;IAiBjD,CAAC;IAfC,MAAM;QACJ,OAAO,IAAI,CAAA;;;wBAGS,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,OAAO;YAC1C,IAAI,CAAA;mBACK,IAAI,CAAC,OAAO,QAAQ;;;;;;cAMzB,QAAQ,EAAE;kCACU,CAAC;IACjC,CAAC;;AAvHM,gBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,QAAQ;IACR,GAAG,CAAA;;UAEG,MAAM;UACN,MAAM,2BAA2B,MAAM;;;;;;;;;;;qBAW5B,MAAM;0BACD,MAAM;;;;0BAIN,MAAM;;;;sBAIV,MAAM;;;;;;;;;;;;;;;;;;;yBAmBH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsD1B;CACkB,AApGR,CAoGS;AACV;IAAX,QAAQ,EAAE;uCAAW;AACV;IAAX,QAAQ,EAAE;0CAAc;AACG;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAoB;AAxGpC,SAAS;IADrB,MAAM,CAAC,YAAY,CAAC;GACR,SAAS,CAyHrB;;AAED,eAAe,SAAS,CAAC"}

package/layout/std.d.ts

@@ -1,5 +1,5 @@
-import { GLOBSTD } from "../deps.js";
-export default class LayoutSTD extends GLOBSTD {
+import { GlobalSTD } from "../deps.js";
+export default class LayoutSTD extends GlobalSTD {
 }
-export declare const navstyle: import("lit").CSSResult;
+export declare const navStyle: import("lit").CSSResult;
 //# sourceMappingURL=std.d.ts.map

package/layout/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,OAAO;CAAG;AACjD,eAAO,MAAM,QAAQ,yBAMpB,CAAC"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,SAAS,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,SAAS;CAAG;AACnD,eAAO,MAAM,QAAQ,yBAMpB,CAAC"}

package/layout/std.js

@@ -1,10 +1,11 @@
-import { GLOBSTD, css, cssvar } from "../deps.js";
-export default class LayoutSTD extends GLOBSTD {
+import { css, cssvar, GlobalSTD } from "../deps.js";
+export default class LayoutSTD extends GlobalSTD {
 }
-export const navstyle = css `
+export const navStyle = css `
   :host {
     ${cssvar}--nav-text: rgb(240 240 240);
     ${cssvar}--nav-background: rgb(28 28 30);
     ${cssvar}--nav-super-background: rgb(16 136 138);
   }
 `;
+//# sourceMappingURL=std.js.map

package/layout/std.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,SAAS;CAAG;AACnD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;MAErB,MAAM;MACN,MAAM;MACN,MAAM;;CAEX,CAAC"}

package/layout/with-wrap.d.ts

@@ -0,0 +1,13 @@
+import LayoutSTD from "./std.js";
+export declare class WithWrap extends LayoutSTD {
+    with: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+export default WithWrap;
+declare global {
+    interface HTMLElementTagNameMap {
+        "with-wrap": WithWrap;
+    }
+}
+//# sourceMappingURL=with-wrap.d.ts.map

package/layout/with-wrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-wrap.d.ts","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,0BAIX;IAEF,MAAM;CAGP;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/with-wrap.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__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;
+};
+import { css, define, property } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import LayoutSTD from "./std.js";
+let WithWrap = class WithWrap extends LayoutSTD {
+    constructor() {
+        super(...arguments);
+        this.with = "";
+    }
+    render() {
+        return htmlSlot(this.with);
+    }
+};
+WithWrap.styles = css `
+    :host {
+      display: contents;
+    }
+  `;
+__decorate([
+    property()
+], WithWrap.prototype, "with", void 0);
+WithWrap = __decorate([
+    define("with-wrap")
+], WithWrap);
+export { WithWrap };
+export default WithWrap;
+//# sourceMappingURL=with-wrap.js.map

package/layout/with-wrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-wrap.js","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,SAAS,MAAM,UAAU,CAAC;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,SAAI,GAAG,EAAE,CAAC;IAUxB,CAAC;IAHC,MAAM;QACJ,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;;AARM,eAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AALU;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAWpB;;AAED,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "1.2.0",
+  "version": "2.0.1",
   "main": "./index.js",
   "type": "module",
   "publishConfig": {
@@ -16,7 +16,7 @@
   ],
   "author": "startracex",
   "license": "MIT",
-  "description": "simple,sylized,semantic components",
+  "description": "simple,stylized,semantic components",
   "repository": {
     "type": "git",
     "url": "https://github.com/startracex/godown.git"
@@ -29,6 +29,7 @@
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.5",
     "@types/react": "^18.0.28",
     "@typescript-eslint/eslint-plugin": "^6.7.3",
     "@typescript-eslint/parser": "^6.7.3",
@@ -38,14 +39,15 @@
     "prettier": "^3.0.3",
     "rollup": "^3.29.4",
     "rollup-plugin-minify-html-literals": "^1.2.6",
+    "tslib": "^2.6.2",
     "typescript": "^5.2.2"
   },
   "scripts": {
     "dev": "node ./scripts/dev.js",
     "watch": "tsc --watch",
     "build": "tsc && node ./scripts/pub.js",
-    "roll": "tsc && rollup -c",
-    "fmt": "prettier --write .",
-    "lint": "eslint --ext .ts ./src/"
+    "roll": "rollup -c",
+    "fmt": "prettier --write ./src",
+    "lint": "eslint --ext .ts ./src"
   }
 }

package/react/effect.d.ts

@@ -1,9 +1,6 @@
 import * as X from "../effect/index.js";
-export declare const OVText: import("@lit/react").ReactWebComponent<X.OVText, {}>;
-export declare const OVPort: import("@lit/react").ReactWebComponent<X.OVPort, {}>;
-export declare const OVButton: import("@lit/react").ReactWebComponent<X.OVButton, {}>;
-export declare const ROPort: import("@lit/react").ReactWebComponent<X.ROPort, {}>;
-export declare const TWText: import("@lit/react").ReactWebComponent<X.TWText, {
+export declare const OverbreathText: import("@lit/react").ReactWebComponent<X.OverbreathText, {}>;
+export declare const TypewriterText: import("@lit/react").ReactWebComponent<X.TypewriterText, {
     onChange: string;
     onDone: string;
 }>;

package/react/effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,MAAM,sDAIjB,CAAC;AACH,eAAO,MAAM,MAAM,sDAIjB,CAAC;AACH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,MAAM,sDAIjB,CAAC;AACH,eAAO,MAAM,MAAM;;;EAQjB,CAAC"}
+{"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,cAAc,8DAIzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;EAQzB,CAAC"}

package/react/effect.js

@@ -1,33 +1,19 @@
 "use client";
+import { createComponent } from "@lit/react";
 import * as React from "react";
 import * as X from "../effect/index.js";
-import { createComponent } from "@lit/react";
-export const OVText = createComponent({
-    tagName: "ov-text",
-    elementClass: X.OVText,
-    react: React,
-});
-export const OVPort = createComponent({
-    tagName: "ov-port",
-    elementClass: X.OVPort,
-    react: React,
-});
-export const OVButton = createComponent({
-    tagName: "ov-button",
-    elementClass: X.OVButton,
-    react: React,
-});
-export const ROPort = createComponent({
-    tagName: "ro-port",
-    elementClass: X.ROPort,
+export const OverbreathText = createComponent({
+    tagName: "overbreath-text",
+    elementClass: X.OverbreathText,
     react: React,
 });
-export const TWText = createComponent({
-    tagName: "tw-text",
-    elementClass: X.TWText,
+export const TypewriterText = createComponent({
+    tagName: "typewriter-text",
+    elementClass: X.TypewriterText,
     react: React,
     events: {
         onChange: "change",
         onDone: "done",
     },
 });
+//# sourceMappingURL=effect.js.map

package/react/effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect.js","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,OAAO,EAAE,iBAAiB;IAC1B,YAAY,EAAE,CAAC,CAAC,cAAc;IAC9B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,OAAO,EAAE,iBAAiB;IAC1B,YAAY,EAAE,CAAC,CAAC,cAAc;IAC9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC"}