godown 1.1.5 → 1.2.0

package/items/link-a.js

@@ -1,67 +1,67 @@
-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;
-};
-var LinkAnchor_1;
-import { css, property, define } from "../deps.js";
-import { SuperAnchor } from "./super-a.js";
-import { RouteView } from "../view/route-view.js";
-let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
-    constructor() {
-        super(...arguments);
-        this.active = "";
-        this.replace = false;
-    }
-    firstUpdated() {
-        this.shadowRoot.querySelector("a").addEventListener("click", this._handleClick.bind(this));
-        if (this.active) {
-            window.addEventListener("popstate", this.useActive.bind(this));
-        }
-    }
-    useActive() {
-        const url = new URL(this.href, window.location.href);
-        if (url.origin === window.location.origin) {
-            if (url.pathname === window.location.pathname) {
-                this.classList.add(this.active);
-            }
-            else {
-                this.classList.remove(this.active);
-            }
-        }
-    }
-    _handleClick(e) {
-        if (this.target !== "_self")
-            return;
-        const url = new URL(this.href, window.location.href);
-        if (url.origin === window.location.origin) {
-            e.preventDefault();
-            if (this.replace) {
-                this.replaceState();
-            }
-            else {
-                this.pushState();
-            }
-        }
-    }
-    pushState(url = this.href) {
-        LinkAnchor_1.pushState(null, "", url);
-        this.active && this.useActive();
-    }
-    replaceState(url = this.href) {
-        LinkAnchor_1.replaceState(null, "", url);
-        this.active && this.useActive();
-    }
-    static pushState(data, unused, url) {
-        history.pushState(data, unused, url);
-        RouteView.updateAll();
-    }
-    static replaceState(data, unused, url) {
-        history.replaceState(data, unused, url);
-        RouteView.updateAll();
-    }
-};
+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;
+};
+var LinkAnchor_1;
+import { css, property, define } from "../deps.js";
+import { SuperAnchor } from "./super-a.js";
+import { RouteView } from "../view/route-view.js";
+let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
+    constructor() {
+        super(...arguments);
+        this.active = "";
+        this.replace = false;
+    }
+    firstUpdated() {
+        this.shadowRoot.querySelector("a").addEventListener("click", this._handleClick.bind(this));
+        if (this.active) {
+            window.addEventListener("popstate", this.useActive.bind(this));
+        }
+    }
+    useActive() {
+        const url = new URL(this.href, window.location.href);
+        if (url.origin === window.location.origin) {
+            if (url.pathname === window.location.pathname) {
+                this.classList.add(this.active);
+            }
+            else {
+                this.classList.remove(this.active);
+            }
+        }
+    }
+    _handleClick(e) {
+        if (this.target !== "_self")
+            return;
+        const url = new URL(this.href, window.location.href);
+        if (url.origin === window.location.origin) {
+            e.preventDefault();
+            if (this.replace) {
+                this.replaceState();
+            }
+            else {
+                this.pushState();
+            }
+        }
+    }
+    pushState(url = this.href) {
+        LinkAnchor_1.pushState(null, "", url);
+        this.active && this.useActive();
+    }
+    replaceState(url = this.href) {
+        LinkAnchor_1.replaceState(null, "", url);
+        this.active && this.useActive();
+    }
+    static pushState(data, unused, url) {
+        history.pushState(data, unused, url);
+        RouteView.updateAll();
+    }
+    static replaceState(data, unused, url) {
+        history.replaceState(data, unused, url);
+        RouteView.updateAll();
+    }
+};
 LinkAnchor.styles = css `
     :host {
       display: inline-block;
@@ -84,15 +84,15 @@ LinkAnchor.styles = css `
       display: inline-flex;
       border-radius: 20%;
     }
-  `;
-__decorate([
-    property()
-], LinkAnchor.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean })
-], LinkAnchor.prototype, "replace", void 0);
-LinkAnchor = LinkAnchor_1 = __decorate([
-    define("link-a")
-], LinkAnchor);
-export { LinkAnchor };
-export default LinkAnchor;
+  `;
+__decorate([
+    property()
+], LinkAnchor.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean })
+], LinkAnchor.prototype, "replace", void 0);
+LinkAnchor = LinkAnchor_1 = __decorate([
+    define("link-a")
+], LinkAnchor);
+export { LinkAnchor };
+export default LinkAnchor;

package/items/load-track.d.ts

@@ -1,21 +1,22 @@
-import STD from "./std.js";
-export declare class LoadTrack extends STD {
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    current: number;
-    isValue: boolean;
-    max: number;
-    min: number;
-    modify: boolean;
-    set value(val: string);
-    get value(): string;
-    render(): import("lit-html").TemplateResult<1>;
-    parsePercent(s?: string | number): number;
-    _handleClick(e: any): void;
-}
-export default LoadTrack;
-declare global {
-    interface HTMLElementTagNameMap {
-        "load-track": LoadTrack;
-    }
-}
+import { CSSResultGroup } from "../deps.js";
+import STD from "./std.js";
+export declare class LoadTrack extends STD {
+    static styles: CSSResultGroup[];
+    current: number;
+    isValue: boolean;
+    max: number;
+    min: number;
+    modify: boolean;
+    set value(val: string);
+    get value(): string;
+    render(): import("lit").TemplateResult<1>;
+    parsePercent(s?: string | number): number;
+    _handleClick(e: any): void;
+}
+export default LoadTrack;
+declare global {
+    interface HTMLElementTagNameMap {
+        "load-track": LoadTrack;
+    }
+}
 //# sourceMappingURL=load-track.d.ts.map

package/items/load-track.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,4FAwCX;IACO,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IASN,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwD,cAAc,EAAE,MAAM,YAAY,CAAC;AAClG,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,mBAwCS;IACb,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IASN,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/items/load-track.js

@@ -1,59 +1,59 @@
-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, classMap, define, state, cssvar } from "../deps.js";
-import STD from "./std.js";
-import InputFormSTD from "../input-form/std.js";
-let LoadTrack = class LoadTrack extends STD {
-    constructor() {
-        super(...arguments);
-        this.current = 20;
-        this.isValue = false;
-        this.max = 1;
-        this.min = 0;
-        this.modify = false;
-    }
-    set value(val) {
-        if (val === null || val === undefined || val === "") {
-            this.removeAttribute("value");
-            this.isValue = false;
-        }
-        else {
-            this.setAttribute("value", val);
-            this.isValue = true;
-        }
-        this.current = this.parsePercent(val || 20);
-    }
-    get value() {
-        return this.getAttribute("value");
-    }
-    render() {
-        if (this.value !== null) {
-            this.isValue = true;
-            this.current = this.parsePercent(this.value);
-        }
+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, classMap, define, state, cssvar } from "../deps.js";
+import STD from "./std.js";
+import InputFormSTD from "../input-form/std.js";
+let LoadTrack = class LoadTrack extends STD {
+    constructor() {
+        super(...arguments);
+        this.current = 20;
+        this.isValue = false;
+        this.max = 1;
+        this.min = 0;
+        this.modify = false;
+    }
+    set value(val) {
+        if (val === null || val === undefined || val === "") {
+            this.removeAttribute("value");
+            this.isValue = false;
+        }
+        else {
+            this.setAttribute("value", val);
+            this.isValue = true;
+        }
+        this.current = this.parsePercent(val || 20);
+    }
+    get value() {
+        return this.getAttribute("value");
+    }
+    render() {
+        if (this.value !== null) {
+            this.isValue = true;
+            this.current = this.parsePercent(this.value);
+        }
         return html `<div class=${classMap({ value: this.isValue })} @click=${this._handleClick}>
       <i style="width:${this.current}%;"><slot></slot></i>
-    </div>`;
-    }
-    parsePercent(s = "0") {
-        if (String(s).includes("%")) {
-            return parseFloat(String(s));
-        }
-        return (parseFloat(String(s)) / (this.max - this.min)) * 100;
-    }
-    _handleClick(e) {
-        if (this.modify) {
-            this.value = ((e.offsetX / this.offsetWidth) * (this.max - this.min)).toString();
-            this.dispatchEvent(new CustomEvent("change", { detail: e.offsetX / this.offsetWidth }));
-        }
-    }
-};
-LoadTrack.styles = [
-    InputFormSTD.styles,
+    </div>`;
+    }
+    parsePercent(s = "0") {
+        if (String(s).includes("%")) {
+            return parseFloat(String(s));
+        }
+        return (parseFloat(String(s)) / (this.max - this.min)) * 100;
+    }
+    _handleClick(e) {
+        if (this.modify) {
+            this.value = ((e.offsetX / this.offsetWidth) * (this.max - this.min)).toString();
+            this.dispatchEvent(new CustomEvent("change", { detail: e.offsetX / this.offsetWidth }));
+        }
+    }
+};
+LoadTrack.styles = [
+    InputFormSTD.styles,
     css `
       :host,
       div {
@@ -91,25 +91,25 @@ LoadTrack.styles = [
         animation: none;
         width: 20%;
       }
-    `,
-];
-__decorate([
-    state()
-], LoadTrack.prototype, "current", void 0);
-__decorate([
-    state()
-], LoadTrack.prototype, "isValue", void 0);
-__decorate([
-    property({ type: Number })
-], LoadTrack.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], LoadTrack.prototype, "min", void 0);
-__decorate([
-    property({ type: Boolean })
-], LoadTrack.prototype, "modify", void 0);
-LoadTrack = __decorate([
-    define("load-track")
-], LoadTrack);
-export { LoadTrack };
-export default LoadTrack;
+    `,
+];
+__decorate([
+    state()
+], LoadTrack.prototype, "current", void 0);
+__decorate([
+    state()
+], LoadTrack.prototype, "isValue", void 0);
+__decorate([
+    property({ type: Number })
+], LoadTrack.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], LoadTrack.prototype, "min", void 0);
+__decorate([
+    property({ type: Boolean })
+], LoadTrack.prototype, "modify", void 0);
+LoadTrack = __decorate([
+    define("load-track")
+], LoadTrack);
+export { LoadTrack };
+export default LoadTrack;

package/items/std.d.ts

@@ -1,4 +1,4 @@
-import { GLOBSTD } from "../deps.js";
-export default class ItemsSTD extends GLOBSTD {
-}
+import { GLOBSTD } from "../deps.js";
+export default class ItemsSTD extends GLOBSTD {
+}
 //# sourceMappingURL=std.d.ts.map

package/items/std.js

@@ -1,3 +1,3 @@
-import { GLOBSTD } from "../deps.js";
-export default class ItemsSTD extends GLOBSTD {
-}
+import { GLOBSTD } from "../deps.js";
+export default class ItemsSTD extends GLOBSTD {
+}

package/items/super-a.d.ts

@@ -1,16 +1,16 @@
-import STD from "./std.js";
-export declare class SuperAnchor extends STD {
-    href: string;
-    target: string;
-    arrow: "" | "delta" | "arrow" | "angle" | "hand";
-    static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-    _arrowSwitcher(): import("lit-html").TemplateResult<1>;
-}
-export default SuperAnchor;
-declare global {
-    interface HTMLElementTagNameMap {
-        "super-a": SuperAnchor;
-    }
-}
+import STD from "./std.js";
+export declare class SuperAnchor extends STD {
+    href: string;
+    target: string;
+    arrow: "" | "delta" | "arrow" | "angle" | "hand";
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    _arrowSwitcher(): import("lit").TemplateResult<1>;
+}
+export default SuperAnchor;
+declare global {
+    interface HTMLElementTagNameMap {
+        "super-a": SuperAnchor;
+    }
+}
 //# sourceMappingURL=super-a.d.ts.map

package/items/super-a.js

@@ -1,43 +1,43 @@
-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, ifDefined, define } from "../deps.js";
-import STD from "./std.js";
-let SuperAnchor = class SuperAnchor extends STD {
-    constructor() {
-        super(...arguments);
-        this.href = undefined;
-        this.target = "_self";
-        this.arrow = "";
-    }
-    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, ifDefined, define } from "../deps.js";
+import STD from "./std.js";
+let SuperAnchor = class SuperAnchor extends STD {
+    constructor() {
+        super(...arguments);
+        this.href = undefined;
+        this.target = "_self";
+        this.arrow = "";
+    }
+    render() {
         return html `<a href=${ifDefined(this.href)} target=${this.target}>
       <slot name="pre"></slot><slot></slot><slot name="suf"></slot>
       <i style="font-style:normal"><slot name="icon"></slot>${this._arrowSwitcher()}</i>
-    </a>`;
-    }
-    _arrowSwitcher() {
-        switch (this.arrow) {
-            case "delta":
-                return html `<svg viewBox="0 0 48 48" fill="none"><path d="M20 12L32 24L20 36V12Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round" /></svg>`;
-            case "arrow":
+    </a>`;
+    }
+    _arrowSwitcher() {
+        switch (this.arrow) {
+            case "delta":
+                return html `<svg viewBox="0 0 48 48" fill="none"><path d="M20 12L32 24L20 36V12Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round" /></svg>`;
+            case "arrow":
                 return html `<svg width="38" height="38" viewBox="0 0 48 48" fill="none">
           <path d="M36 24.0083H12" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
           <path d="M24 12L36 24L24 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-        </svg>`;
-            case "angle":
-                return 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>`;
-            case "hand":
+        </svg>`;
+            case "angle":
+                return 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>`;
+            case "hand":
                 return html `<svg viewBox="-10 -5 64 58" fill="none">
           <path d="M10.0264 40.9736L10.0264 18.9736H4.02637L4.02637 40.9736H10.0264Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round" />
           <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0264 18.9738C17.1493 12.4548 21.2772 8.71418 22.4102 7.75192C24.1096 6.30854 26.0304 6.91463 26.0304 10.5268C26.0304 14.139 20.7449 16.2222 20.7449 18.9738C20.7415 18.9902 27.5007 18.9913 41.0223 18.9771C42.6797 18.9753 44.0246 20.3174 44.0264 21.9748L44.0264 21.9779C44.0264 23.6371 42.6814 24.9821 41.0222 24.9821H33.0128C31.8039 32.9549 31.137 37.2894 31.012 37.9858C30.8244 39.0303 29.8274 40.9738 26.9583 40.9738C25.0456 40.9738 20.0683 40.9738 10.0264 40.9738V18.9738Z" stroke="currentColor" stroke-width="3" stroke-linejoin="round" />
-        </svg>`;
-        }
-    }
-};
+        </svg>`;
+        }
+    }
+};
 SuperAnchor.styles = css `
     :host {
       display: inline-block;
@@ -82,18 +82,18 @@ SuperAnchor.styles = css `
         transform: translateX(0);
       }
     }
-  `;
-__decorate([
-    property()
-], SuperAnchor.prototype, "href", void 0);
-__decorate([
-    property()
-], SuperAnchor.prototype, "target", void 0);
-__decorate([
-    property()
-], SuperAnchor.prototype, "arrow", void 0);
-SuperAnchor = __decorate([
-    define("super-a")
-], SuperAnchor);
-export { SuperAnchor };
-export default SuperAnchor;
+  `;
+__decorate([
+    property()
+], SuperAnchor.prototype, "href", void 0);
+__decorate([
+    property()
+], SuperAnchor.prototype, "target", void 0);
+__decorate([
+    property()
+], SuperAnchor.prototype, "arrow", void 0);
+SuperAnchor = __decorate([
+    define("super-a")
+], SuperAnchor);
+export { SuperAnchor };
+export default SuperAnchor;

package/layout/div-line.d.ts

@@ -1,16 +1,16 @@
-import STD from "./std.js";
-export declare class DivLine extends STD {
-    static styles: import("lit").CSSResult;
-    pre: string;
-    suf: string;
-    v: boolean;
-    b: string;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default DivLine;
-declare global {
-    interface HTMLElementTagNameMap {
-        "div-line": DivLine;
-    }
-}
+import STD from "./std.js";
+export declare class DivLine extends STD {
+    static styles: import("lit").CSSResult;
+    pre: string;
+    suf: string;
+    v: boolean;
+    b: string;
+    render(): import("lit").TemplateResult<1>;
+}
+export default DivLine;
+declare global {
+    interface HTMLElementTagNameMap {
+        "div-line": DivLine;
+    }
+}
 //# sourceMappingURL=div-line.d.ts.map

package/layout/div-line.js

@@ -1,21 +1,21 @@
-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 DivLine = class DivLine extends STD {
-    constructor() {
-        super(...arguments);
-        this.pre = "auto";
-        this.suf = "auto";
-        this.v = false;
-        this.b = "2.2px";
-    }
-    render() {
-        const hrstyle = `.before{height:${this.b};max-width:${this.pre}}.after{height:${this.b};max-width:${this.suf}}.v .before{width:${this.b};max-height:${this.pre}}.v .after{width:${this.b};max-height:${this.suf}}`;
+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 DivLine = class DivLine extends STD {
+    constructor() {
+        super(...arguments);
+        this.pre = "auto";
+        this.suf = "auto";
+        this.v = false;
+        this.b = "2.2px";
+    }
+    render() {
+        const hrstyle = `.before{height:${this.b};max-width:${this.pre}}.after{height:${this.b};max-width:${this.suf}}.v .before{width:${this.b};max-height:${this.pre}}.v .after{width:${this.b};max-height:${this.suf}}`;
         return html `<div class=${this.v ? "v" : "h"}>
       <hr class="before" />
       <slot></slot>
@@ -23,9 +23,9 @@ let DivLine = class DivLine extends STD {
       <style>
         ${hrstyle}
       </style>
-    </div>`;
-    }
-};
+    </div>`;
+    }
+};
 DivLine.styles = css `
     :host {
       display: block;
@@ -51,21 +51,21 @@ DivLine.styles = css `
       display: flex;
       flex-direction: column;
     }
-  `;
-__decorate([
-    property()
-], DivLine.prototype, "pre", void 0);
-__decorate([
-    property()
-], DivLine.prototype, "suf", void 0);
-__decorate([
-    property({ type: Boolean })
-], DivLine.prototype, "v", void 0);
-__decorate([
-    property()
-], DivLine.prototype, "b", void 0);
-DivLine = __decorate([
-    define("div-line")
-], DivLine);
-export { DivLine };
-export default DivLine;
+  `;
+__decorate([
+    property()
+], DivLine.prototype, "pre", void 0);
+__decorate([
+    property()
+], DivLine.prototype, "suf", void 0);
+__decorate([
+    property({ type: Boolean })
+], DivLine.prototype, "v", void 0);
+__decorate([
+    property()
+], DivLine.prototype, "b", void 0);
+DivLine = __decorate([
+    define("div-line")
+], DivLine);
+export { DivLine };
+export default DivLine;