godown 1.1.5 → 1.1.6

package/layout/drag-box.js

@@ -1,95 +1,95 @@
-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 { html, css, property, define } from "../deps.js";
-import STD from "./std.js";
-let DragBox = class DragBox extends STD {
-    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() {
+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 { html, css, property, define } from "../deps.js";
+import STD from "./std.js";
+let DragBox = class DragBox extends STD {
+    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>`;
-    }
-    firstUpdated() {
-        this.reset();
-        document.addEventListener("mouseup", this._endDrag.bind(this));
-    }
-    _startDrag(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));
-    }
-    _endDrag() {
-        this.drag = false;
-        document.removeEventListener("mousemove", this._handleDrag.bind(this));
-    }
-    _handleDrag(e) {
-        if (!this.drag)
-            return;
-        const nl = e.clientX - (this.cx - this.l);
-        const nt = e.clientY - (this.cy - this.t);
-        if (nl < 0) {
-            this.style.left = "0";
-        }
-        else if (nl < this.offsetsWidth - this.offsetWidth) {
-            this.style.left = `${nl}px`;
-        }
-        else {
-            this.style.left = `${this.offsetsWidth - this.offsetWidth}"px"`;
-        }
-        if (nt < 0) {
-            this.style.top = "0";
-        }
-        else if (nt < this.offsetsHeight - this.offsetHeight) {
-            this.style.top = `${nt}px`;
-        }
-        else {
-            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
-        }
-    }
-    reset() {
-        this.style.left = this.x || "0";
-        this.style.top = this.y || "0";
-        if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {
-            this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;
-        }
-        if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {
-            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
-        }
-    }
-};
+    </div>`;
+    }
+    firstUpdated() {
+        this.reset();
+        document.addEventListener("mouseup", this._endDrag.bind(this));
+    }
+    _startDrag(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));
+    }
+    _endDrag() {
+        this.drag = false;
+        document.removeEventListener("mousemove", this._handleDrag.bind(this));
+    }
+    _handleDrag(e) {
+        if (!this.drag)
+            return;
+        const nl = e.clientX - (this.cx - this.l);
+        const nt = e.clientY - (this.cy - this.t);
+        if (nl < 0) {
+            this.style.left = "0";
+        }
+        else if (nl < this.offsetsWidth - this.offsetWidth) {
+            this.style.left = `${nl}px`;
+        }
+        else {
+            this.style.left = `${this.offsetsWidth - this.offsetWidth}"px"`;
+        }
+        if (nt < 0) {
+            this.style.top = "0";
+        }
+        else if (nt < this.offsetsHeight - this.offsetHeight) {
+            this.style.top = `${nt}px`;
+        }
+        else {
+            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
+        }
+    }
+    reset() {
+        this.style.left = this.x || "0";
+        this.style.top = this.y || "0";
+        if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {
+            this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;
+        }
+        if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {
+            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
+        }
+    }
+};
 DragBox.styles = css `
     :host {
       position: relative;
       display: inline-flex;
     }
-  `;
-__decorate([
-    property()
-], DragBox.prototype, "x", void 0);
-__decorate([
-    property()
-], DragBox.prototype, "y", void 0);
-DragBox = __decorate([
-    define("drag-box")
-], DragBox);
-export { DragBox };
-export default DragBox;
+  `;
+__decorate([
+    property()
+], DragBox.prototype, "x", void 0);
+__decorate([
+    property()
+], DragBox.prototype, "y", void 0);
+DragBox = __decorate([
+    define("drag-box")
+], DragBox);
+export { DragBox };
+export default DragBox;

package/layout/flex-flow.d.ts

@@ -1,14 +1,14 @@
-import STD from "./std.js";
-export declare class FlexFlow extends STD {
-    flexflow: string;
-    m: string;
-    static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default FlexFlow;
-declare global {
-    interface HTMLElementTagNameMap {
-        "flex-flow": FlexFlow;
-    }
-}
+import STD from "./std.js";
+export declare class FlexFlow extends STD {
+    flexflow: string;
+    m: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default FlexFlow;
+declare global {
+    interface HTMLElementTagNameMap {
+        "flex-flow": FlexFlow;
+    }
+}
 //# sourceMappingURL=flex-flow.d.ts.map

package/layout/flex-flow.js

@@ -1,39 +1,39 @@
-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 { html, css, property, define } from "../deps.js";
-import STD from "./std.js";
-let FlexFlow = class FlexFlow extends STD {
-    constructor() {
-        super(...arguments);
-        this.flexflow = "row nowrap column nowrap";
-        this.m = "720px";
-    }
-    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"}}`;
+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 { html, css, property, define } from "../deps.js";
+import STD from "./std.js";
+let FlexFlow = class FlexFlow extends STD {
+    constructor() {
+        super(...arguments);
+        this.flexflow = "row nowrap column nowrap";
+        this.m = "720px";
+    }
+    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>
       <style>
         ${style}
-      </style>`;
-    }
-};
+      </style>`;
+    }
+};
 FlexFlow.styles = css `
     :host {
       display: flex !important;
     }
-  `;
-__decorate([
-    property()
-], FlexFlow.prototype, "flexflow", void 0);
-__decorate([
-    property()
-], FlexFlow.prototype, "m", void 0);
-FlexFlow = __decorate([
-    define("flex-flow")
-], FlexFlow);
-export { FlexFlow };
-export default FlexFlow;
+  `;
+__decorate([
+    property()
+], FlexFlow.prototype, "flexflow", void 0);
+__decorate([
+    property()
+], FlexFlow.prototype, "m", void 0);
+FlexFlow = __decorate([
+    define("flex-flow")
+], FlexFlow);
+export { FlexFlow };
+export default FlexFlow;

package/layout/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./div-line.js";
-export * from "./flex-flow.js";
-export * from "./drag-box.js";
-export * from "./nav-aside.js";
-export * from "./nav-layout.js";
+export * from "./div-line.js";
+export * from "./flex-flow.js";
+export * from "./drag-box.js";
+export * from "./nav-aside.js";
+export * from "./nav-layout.js";
 //# sourceMappingURL=index.d.ts.map

package/layout/index.js

@@ -1,5 +1,5 @@
-export * from "./div-line.js";
-export * from "./flex-flow.js";
-export * from "./drag-box.js";
-export * from "./nav-aside.js";
-export * from "./nav-layout.js";
+export * from "./div-line.js";
+export * from "./flex-flow.js";
+export * from "./drag-box.js";
+export * from "./nav-aside.js";
+export * from "./nav-layout.js";

package/layout/nav-aside.d.ts

@@ -1,14 +1,14 @@
-import STD from "./std.js";
-export declare class NavAside extends STD {
-    m: string;
-    position: string;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default NavAside;
-declare global {
-    interface HTMLElementTagNameMap {
-        "nav-aside": NavAside;
-    }
-}
+import STD from "./std.js";
+export declare class NavAside extends STD {
+    m: string;
+    position: string;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default NavAside;
+declare global {
+    interface HTMLElementTagNameMap {
+        "nav-aside": NavAside;
+    }
+}
 //# sourceMappingURL=nav-aside.d.ts.map

package/layout/nav-aside.js

@@ -1,31 +1,31 @@
-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 { html, css, property, define, cssvar } from "../deps.js";
-import STD, { navstyle } from "./std.js";
-let NavAside = class NavAside extends STD {
-    constructor() {
-        super(...arguments);
-        this.m = "720px";
-        this.position = "sticky fixed";
-    }
-    render() {
-        const p = this.position.split(" ")[0] || "sticky";
-        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;}}`;
+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 { html, css, property, define, cssvar } from "../deps.js";
+import STD, { navstyle } from "./std.js";
+let NavAside = class NavAside extends STD {
+    constructor() {
+        super(...arguments);
+        this.m = "720px";
+        this.position = "sticky fixed";
+    }
+    render() {
+        const p = this.position.split(" ")[0] || "sticky";
+        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>
       <style>
         ${styled}
-      </style>`;
-    }
-};
-NavAside.styles = [
-    STD.styles,
-    navstyle,
+      </style>`;
+    }
+};
+NavAside.styles = [
+    STD.styles,
+    navstyle,
     css `
       :host {
         color: var(${cssvar}--nav-text);
@@ -46,16 +46,16 @@ NavAside.styles = [
         justify-content: space-between;
         box-sizing: border-box;
       }
-    `,
-];
-__decorate([
-    property()
-], NavAside.prototype, "m", void 0);
-__decorate([
-    property()
-], NavAside.prototype, "position", void 0);
-NavAside = __decorate([
-    define("nav-aside")
-], NavAside);
-export { NavAside };
-export default NavAside;
+    `,
+];
+__decorate([
+    property()
+], NavAside.prototype, "m", void 0);
+__decorate([
+    property()
+], NavAside.prototype, "position", void 0);
+NavAside = __decorate([
+    define("nav-aside")
+], NavAside);
+export { NavAside };
+export default NavAside;

package/layout/nav-layout.d.ts

@@ -1,17 +1,17 @@
-import "../view/down-drop.js";
-import STD from "./std.js";
-export declare class NavLayout extends STD {
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    host: string;
-    subhead: string;
-    set: 0 | 1 | 2;
-    render(): import("lit-html").TemplateResult<1>;
-    opt(): any[];
-}
-export default NavLayout;
-declare global {
-    interface HTMLElementTagNameMap {
-        "nav-layout": NavLayout;
-    }
-}
+import "../view/down-drop.js";
+import STD from "./std.js";
+export declare class NavLayout extends STD {
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
+    host: string;
+    subhead: string;
+    set: 0 | 1 | 2;
+    render(): import("lit-html").TemplateResult<1>;
+    opt(): any[];
+}
+export default NavLayout;
+declare global {
+    interface HTMLElementTagNameMap {
+        "nav-layout": NavLayout;
+    }
+}
 //# sourceMappingURL=nav-layout.d.ts.map

package/layout/nav-layout.js

@@ -1,24 +1,24 @@
-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 { 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 {
-    constructor() {
-        super(...arguments);
-        this.host = "";
-        this.subhead = "";
-        this.set = 0;
-    }
-    render() {
+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 { 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 {
+    constructor() {
+        super(...arguments);
+        this.host = "";
+        this.subhead = "";
+        this.set = 0;
+    }
+    render() {
         return html `<nav>
         <h1>
           <slot name="host"></slot>
-          <a href="/">${this.host}</a>${this.subhead &&
+          <a href="/">${this.host}</a>${this.subhead &&
             html `<span></span>
             <div>${this.subhead}</div>`}
         </h1>
@@ -28,19 +28,19 @@ let NavLayout = class NavLayout extends STD {
         </div>
       </nav>
       <main><slot></slot></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,
+      <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,
     css `
       :host {
         ${cssvar}--nav-height:2.4em;
@@ -136,32 +136,32 @@ NavLayout.styles = [
           display: none;
         }
       }
-    `,
-];
-__decorate([
-    property()
-], NavLayout.prototype, "host", void 0);
-__decorate([
-    property()
-], NavLayout.prototype, "subhead", void 0);
-__decorate([
-    property({ type: Number })
-], NavLayout.prototype, "set", void 0);
-NavLayout = __decorate([
-    define("nav-layout")
-], NavLayout);
-export { NavLayout };
-const opts = [
+    `,
+];
+__decorate([
+    property()
+], NavLayout.prototype, "host", void 0);
+__decorate([
+    property()
+], NavLayout.prototype, "subhead", void 0);
+__decorate([
+    property({ type: Number })
+], NavLayout.prototype, "set", void 0);
+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>`,
+  </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;
+  </down-drop>`,
+];
+export default NavLayout;

package/layout/std.d.ts

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

package/layout/std.js

@@ -1,10 +1,10 @@
-import { GLOBSTD, css, cssvar } from "../deps.js";
-export default class LayoutSTD extends GLOBSTD {
-}
+import { GLOBSTD, css, cssvar } from "../deps.js";
+export default class LayoutSTD extends GLOBSTD {
+}
 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);
   }
-`;
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "main": "./index.js",
   "type": "module",
   "scripts": {
@@ -27,9 +27,9 @@
     "url": "https://github.com/startracex/godown.git"
   },
   "dependencies": {
-    "@lit-labs/react": "*",
-    "lit": "*",
-    "react": "*"
+    "@lit/react": "^1.0.0",
+    "lit": "^3.0.0",
+    "react": "latest"
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.2.1",
@@ -42,6 +42,7 @@
     "eslint": "^8.50.0",
     "prettier": "^3.0.3",
     "rollup": "^3.29.4",
-    "rollup-plugin-minify-html-literals": "^1.2.6"
+    "rollup-plugin-minify-html-literals": "^1.2.6",
+    "typescript": "^5.2.2"
   }
 }