godown 1.2.0 → 2.0.0

package/items/link-a.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,qBACa,UAAW,SAAQ,WAAW;IAC7B,MAAM,SAAM;IACK,OAAO,UAAS;IAC7C,MAAM,CAAC,MAAM,0BAsBX;IACF,YAAY;IAMZ,SAAS;IAUT,YAAY,CAAC,CAAC,EAAE,UAAU;IAY1B,SAAS,CAAC,GAAG,SAAY;IAIzB,YAAY,CAAC,GAAG,SAAY;IAI5B,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAIxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}
+{"version":3,"file":"link-a.d.ts","sourceRoot":"","sources":["../../src/items/link-a.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,qBACa,UAAW,SAAQ,WAAW;IACG,MAAM,UAAS;IAC9B,OAAO,UAAS;IAC7C,OAAO,UAAS;IAChB,MAAM,CAAC,MAAM,0BAAsB;IAEnC,iBAAiB;IAOjB,SAAS;IAOT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKtC,YAAY,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKzC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAKxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,UAAU,CAAC;KACtB;CACF"}

package/items/link-a.js

@@ -5,53 +5,49 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { define, property } from "../deps.js";
 import { RouteView } from "../view/route-view.js";
+import { SuperAnchor } from "./super-a.js";
 let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
     constructor() {
         super(...arguments);
-        this.active = "";
+        this.active = false;
         this.replace = false;
+        this.prevent = false;
     }
-    firstUpdated() {
-        this.shadowRoot.querySelector("a").addEventListener("click", this._handleClick.bind(this));
-        if (this.active) {
-            window.addEventListener("popstate", this.useActive.bind(this));
-        }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEvent(this, "click", this._handleClick);
+        this.addEvent(window, "popstate", this.useActive.bind(this));
+        this.useActive();
     }
     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);
-            }
+            this.active = url.pathname === window.location.pathname;
         }
     }
     _handleClick(e) {
-        if (this.target !== "_self")
-            return;
-        const url = new URL(this.href, window.location.href);
+        var _a, _b;
+        const href = (_a = this.href) !== null && _a !== void 0 ? _a : (_b = this.querySelector("[href]")) === null || _b === void 0 ? void 0 : _b.getAttribute("href");
+        const url = new URL(href, window.location.href);
         if (url.origin === window.location.origin) {
             e.preventDefault();
             if (this.replace) {
-                this.replaceState();
+                this.replaceState(href);
             }
             else {
-                this.pushState();
+                this.pushState(href);
             }
         }
     }
-    pushState(url = this.href) {
-        LinkAnchor_1.pushState(null, "", url);
-        this.active && this.useActive();
+    pushState(url = this.href, data = null) {
+        LinkAnchor_1.pushState(data, "", url);
+        this.useActive();
     }
-    replaceState(url = this.href) {
-        LinkAnchor_1.replaceState(null, "", url);
-        this.active && this.useActive();
+    replaceState(url = this.href, data = null) {
+        LinkAnchor_1.replaceState(data, "", url);
+        this.useActive();
     }
     static pushState(data, unused, url) {
         history.pushState(data, unused, url);
@@ -62,31 +58,9 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
         RouteView.updateAll();
     }
 };
-LinkAnchor.styles = css `
-    :host {
-      display: inline-block;
-      color: currentColor;
-      text-decoration: none;
-      cursor: default;
-    }
-    :host([href]) {
-      cursor: pointer;
-    }
-    a {
-      width: 100%;
-      display: flex;
-      color: inherit;
-      text-decoration: inherit;
-      justify-content: space-between;
-      align-items: center;
-    }
-    i {
-      display: inline-flex;
-      border-radius: 20%;
-    }
-  `;
+LinkAnchor.styles = SuperAnchor.styles;
 __decorate([
-    property()
+    property({ type: Boolean, reflect: true })
 ], LinkAnchor.prototype, "active", void 0);
 __decorate([
     property({ type: Boolean })
@@ -96,3 +70,4 @@ LinkAnchor = LinkAnchor_1 = __decorate([
 ], LinkAnchor);
 export { LinkAnchor };
 export default LinkAnchor;
+//# sourceMappingURL=link-a.js.map

package/items/link-a.js.map

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

package/items/load-track.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-export declare class LoadTrack extends STD {
+import ItemsSTD from "./std.js";
+export declare class LoadTrack extends ItemsSTD {
     static styles: CSSResultGroup[];
     current: number;
-    isValue: boolean;
+    hasValue: boolean;
     max: number;
     min: number;
     modify: boolean;
@@ -11,7 +11,7 @@ export declare class LoadTrack extends STD {
     get value(): string;
     render(): import("lit").TemplateResult<1>;
     parsePercent(s?: string | number): number;
-    _handleClick(e: any): void;
+    protected _handleClick(e: MouseEvent): void;
 }
 export default LoadTrack;
 declare global {

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":"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"}
+{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAyC,MAAM,YAAY,CAAC;AAGlG,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,mBAyCS;IACb,OAAO,SAAM;IACb,QAAQ,UAAS;IACE,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAE5C,IAAI,KAAK,CAAC,GAAG,QAAA,EAUZ;IAED,IAAI,KAAK,WAER;IAED,MAAM;IAUN,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAO9C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAMrC;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/items/load-track.js

@@ -4,14 +4,15 @@ 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, classMap, define, state, cssvar } from "../deps.js";
-import STD from "./std.js";
+import { classMap, css, cssvar, define, html, property, state } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
 import InputFormSTD from "../input-form/std.js";
-let LoadTrack = class LoadTrack extends STD {
+import ItemsSTD from "./std.js";
+let LoadTrack = class LoadTrack extends ItemsSTD {
     constructor() {
         super(...arguments);
         this.current = 20;
-        this.isValue = false;
+        this.hasValue = false;
         this.max = 1;
         this.min = 0;
         this.modify = false;
@@ -19,12 +20,13 @@ let LoadTrack = class LoadTrack extends STD {
     set value(val) {
         if (val === null || val === undefined || val === "") {
             this.removeAttribute("value");
-            this.isValue = false;
+            this.hasValue = false;
         }
         else {
             this.setAttribute("value", val);
-            this.isValue = true;
+            this.hasValue = true;
         }
+        console.log(val);
         this.current = this.parsePercent(val || 20);
     }
     get value() {
@@ -32,11 +34,11 @@ let LoadTrack = class LoadTrack extends STD {
     }
     render() {
         if (this.value !== null) {
-            this.isValue = true;
+            this.hasValue = 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>
+        return html ` <div class="${classMap({ value: this.hasValue })}" @click="${this._handleClick}">
+      <i style="width:${this.current}%;">${htmlSlot()}</i>
     </div>`;
     }
     parsePercent(s = "0") {
@@ -58,8 +60,6 @@ LoadTrack.styles = [
       :host,
       div {
         display: inline-flex;
-      }
-      div {
         position: relative;
         width: 10em;
         height: 0.5em;
@@ -67,6 +67,7 @@ LoadTrack.styles = [
         background-color: var(${cssvar}--input-false);
         z-index: 1;
       }
+
       div i {
         position: absolute;
         border-radius: inherit;
@@ -79,14 +80,16 @@ LoadTrack.styles = [
         transition: all 0.3s;
         animation: progress 1.5s ease-in-out infinite alternate;
       }
+
       @keyframes progress {
         from {
-          left: 0%;
+          left: 0;
         }
         to {
           left: 80%;
         }
       }
+
       div.value i {
         animation: none;
         width: 20%;
@@ -98,7 +101,7 @@ __decorate([
 ], LoadTrack.prototype, "current", void 0);
 __decorate([
     state()
-], LoadTrack.prototype, "isValue", void 0);
+], LoadTrack.prototype, "hasValue", void 0);
 __decorate([
     property({ type: Number })
 ], LoadTrack.prototype, "max", void 0);
@@ -113,3 +116,4 @@ LoadTrack = __decorate([
 ], LoadTrack);
 export { LoadTrack };
 export default LoadTrack;
+//# sourceMappingURL=load-track.js.map

package/items/load-track.js.map

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

package/items/std.d.ts

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

package/items/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,OAAO;CAAG"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,SAAS;CAAG"}

package/items/std.js

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

package/items/std.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/items/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,SAAS;CAAG"}

package/items/super-a.d.ts

@@ -1,8 +1,8 @@
-import STD from "./std.js";
-export declare class SuperAnchor extends STD {
+import ItemsSTD from "./std.js";
+export declare class SuperAnchor extends ItemsSTD {
     href: string;
     target: string;
-    arrow: "" | "delta" | "arrow" | "angle" | "hand";
+    arrow: "" | "delta" | "arrow" | "angle";
     static styles: import("lit").CSSResult;
     render(): import("lit").TemplateResult<1>;
     _arrowSwitcher(): import("lit").TemplateResult<1>;

package/items/super-a.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,SAAW;IACjB,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAM;IAClE,MAAM,CAAC,MAAM,0BA4CX;IACF,MAAM;IAMN,cAAc;CAkBf;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}
+{"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,qBACa,WAAY,SAAQ,QAAQ;IAC3B,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,SAAW;IACjB,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IACzD,MAAM,CAAC,MAAM,0BAwDX;IAEF,MAAM;IAUN,cAAc;CAUf;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}

package/items/super-a.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, ifDefined, define } from "../deps.js";
-import STD from "./std.js";
-let SuperAnchor = class SuperAnchor extends STD {
+import { css, define, html, ifDefined, property } from "../deps.js";
+import { htmlSlot, svgArrow, svgDelta } from "../tmpl.js";
+import ItemsSTD from "./std.js";
+let SuperAnchor = class SuperAnchor extends ItemsSTD {
     constructor() {
         super(...arguments);
         this.href = undefined;
@@ -14,40 +15,41 @@ let SuperAnchor = class SuperAnchor extends STD {
         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>
+        return html `<a href="${ifDefined(this.href)}" target="${this.target}">
+      ${htmlSlot()}
+      <i>
+        <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>`;
+                return svgDelta();
             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>`;
+                return svgArrow(true);
             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>`;
+                return svgArrow();
         }
     }
 };
 SuperAnchor.styles = css `
+    :host([arrow="delta"]) svg {
+      transform: rotate(-90deg);
+    }
+
     :host {
       display: inline-block;
       color: currentColor;
       text-decoration: none;
       cursor: default;
     }
+
     :host([href]) {
       cursor: pointer;
     }
+
     a {
       width: 100%;
       display: flex;
@@ -56,21 +58,27 @@ SuperAnchor.styles = css `
       justify-content: space-between;
       align-items: center;
     }
+
     i {
       display: inline-flex;
       border-radius: 20%;
+      font-style: normal;
     }
+
     i > svg {
       width: 1em;
       height: 1em;
       border-radius: inherit;
     }
+
     :host(:hover) i {
       animation: arrow 0.3s linear;
     }
+
     i:hover {
       background-color: rgb(0 0 0 / 0.075);
     }
+
     @keyframes arrow {
       from {
         transform: translateX(0);
@@ -97,3 +105,4 @@ SuperAnchor = __decorate([
 ], SuperAnchor);
 export { SuperAnchor };
 export default SuperAnchor;
+//# sourceMappingURL=super-a.js.map

package/items/super-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-a.js","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,QAAQ,MAAM,UAAU,CAAC;AAGzB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAAlC;;QACO,SAAI,GAAW,SAAS,CAAC;QACzB,WAAM,GAAG,OAAO,CAAC;QACjB,UAAK,GAAqC,EAAE,CAAC;IA+E3D,CAAC;IApBC,MAAM;QACJ,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;;;UAGR,IAAI,CAAC,cAAc,EAAE;;SAEtB,CAAC;IACR,CAAC;IAED,cAAc;QACZ,QAAQ,IAAI,CAAC,KAAK,EAAE;YAClB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;SACrB;IACH,CAAC;;AA7EM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDlB,AAxDY,CAwDX;AA3DU;IAAX,QAAQ,EAAE;yCAA0B;AACzB;IAAX,QAAQ,EAAE;2CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAA8C;AAH9C,WAAW;IADvB,MAAM,CAAC,SAAS,CAAC;GACL,WAAW,CAkFvB;;AAED,eAAe,WAAW,CAAC"}

package/items/time-bar.d.ts

@@ -0,0 +1,20 @@
+import ItemsSTD from "./std.js";
+export declare class TimeBar extends ItemsSTD {
+    format: string;
+    value: string;
+    time: Date;
+    timeout: number;
+    gap: number;
+    intervalID: number;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    static fmt(fm: string, tm: Date): string;
+}
+export default TimeBar;
+declare global {
+    interface HTMLElementTagNameMap {
+        "time-bar": TimeBar;
+    }
+}
+//# sourceMappingURL=time-bar.d.ts.map

package/items/time-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-bar.d.ts","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,qBACa,OAAQ,SAAQ,QAAQ;IACvB,MAAM,SAA8B;IACpC,KAAK,SAAM;IACK,IAAI,OAAc;IAClB,OAAO,SAAK;IACZ,GAAG,SAAK;IACpC,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM;IAIN,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAI5B,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAgCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/items/time-bar.js

@@ -0,0 +1,90 @@
+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 TimeBar_1;
+import { define, html, property } from "../deps.js";
+import ItemsSTD from "./std.js";
+let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
+    constructor() {
+        super(...arguments);
+        this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
+        this.value = "";
+        this.time = new Date();
+        this.timeout = 0;
+        this.gap = 0;
+    }
+    render() {
+        return html `${this.value}`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.value = TimeBar_1.fmt(this.format, this.time);
+        if (this.timeout) {
+            this.intervalID = setInterval(() => {
+                this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
+                this.value = TimeBar_1.fmt(this.format, this.time);
+            }, Math.abs(this.timeout));
+        }
+    }
+    disconnectedCallback() {
+        clearInterval(this.intervalID);
+    }
+    static fmt(fm, tm) {
+        var _a;
+        const rest = [];
+        fm = fm.replace(/%([ZYMDhms%])/g, (_, p1) => {
+            rest.push(p1);
+            return "%%";
+        });
+        const formatNumber = (date) => date.toString().padStart(2, "0").split("");
+        const z = tm.getTimezoneOffset() / -60;
+        const switcher = {
+            Z: [z >= 0 ? "+" + z.toString() : z.toString()],
+            Y: tm.getFullYear().toString().split(""),
+            M: formatNumber(tm.getMonth() + 1),
+            D: formatNumber(tm.getDate()),
+            h: formatNumber(tm.getHours()),
+            m: formatNumber(tm.getMinutes()),
+            s: formatNumber(tm.getSeconds()),
+        };
+        const result = [];
+        for (const f of fm.split("").reverse()) {
+            if (switcher[f]) {
+                result.push((_a = switcher[f]) === null || _a === void 0 ? void 0 : _a.pop());
+            }
+            else {
+                result.push(f);
+            }
+        }
+        return result
+            .reverse()
+            .join("")
+            .replace(/%%/g, () => {
+            return rest.shift();
+        });
+    }
+};
+__decorate([
+    property()
+], TimeBar.prototype, "format", void 0);
+__decorate([
+    property()
+], TimeBar.prototype, "value", void 0);
+__decorate([
+    property({ type: Object })
+], TimeBar.prototype, "time", void 0);
+__decorate([
+    property({ type: Number })
+], TimeBar.prototype, "timeout", void 0);
+__decorate([
+    property({ type: Number })
+], TimeBar.prototype, "gap", void 0);
+TimeBar = TimeBar_1 = __decorate([
+    define("time-bar")
+], TimeBar);
+export { TimeBar };
+export default TimeBar;
+//# sourceMappingURL=time-bar.js.map

package/items/time-bar.js.map

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

package/layout/div-line.d.ts

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

package/layout/div-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"div-line.d.ts","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BAyBX;IACU,GAAG,SAAU;IACb,GAAG,SAAU;IACI,CAAC,UAAS;IAC3B,CAAC,SAAW;IACxB,MAAM;CAWP;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"div-line.d.ts","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,OAAQ,SAAQ,SAAS;IACpC,MAAM,CAAC,MAAM,0BA4BX;IACU,GAAG,SAAU;IACb,GAAG,SAAU;IACI,CAAC,UAAS;IAC3B,CAAC,SAAW;IAExB,MAAM;CAWP;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/layout/div-line.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 DivLine = class DivLine extends STD {
+import { css, define, html, property } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import LayoutSTD from "./std.js";
+let DivLine = class DivLine extends LayoutSTD {
     constructor() {
         super(...arguments);
         this.pre = "auto";
@@ -15,13 +16,13 @@ let DivLine = class DivLine extends STD {
         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"}>
+        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>
+      ${htmlSlot()}
       <hr class="after" />
       <style>
-        ${hrstyle}
+        ${hrStyle}
       </style>
     </div>`;
     }
@@ -32,6 +33,7 @@ DivLine.styles = css `
       color: currentColor;
       background: none;
     }
+
     div {
       display: flex;
       align-items: center;
@@ -39,6 +41,7 @@ DivLine.styles = css `
       width: 100%;
       height: 100%;
     }
+
     hr {
       border-radius: inherit;
       margin: 0;
@@ -46,6 +49,7 @@ DivLine.styles = css `
       flex: 1;
       background: currentColor;
     }
+
     .v {
       height: 100%;
       display: flex;
@@ -69,3 +73,4 @@ DivLine = __decorate([
 ], DivLine);
 export { DivLine };
 export default DivLine;
+//# sourceMappingURL=div-line.js.map

package/layout/div-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"div-line.js","sourceRoot":"","sources":["../../src/layout/div-line.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,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QA8BO,QAAG,GAAG,MAAM,CAAC;QACb,QAAG,GAAG,MAAM,CAAC;QACI,MAAC,GAAG,KAAK,CAAC;QAC3B,MAAC,GAAG,OAAO,CAAC;IAa1B,CAAC;IAXC,MAAM;QACJ,MAAM,OAAO,GAAG,kBAAkB,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,GAAG,kBAAkB,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,GAAG,qBAAqB,IAAI,CAAC,CAAC,eAAe,IAAI,CAAC,GAAG,oBAAoB,IAAI,CAAC,CAAC,eAAe,IAAI,CAAC,GAAG,GAAG,CAAC;QACnN,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;QAExC,QAAQ,EAAE;;;UAGR,OAAO;;WAEN,CAAC;IACV,CAAC;;AA5CM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BlB,AA5BY,CA4BX;AACU;IAAX,QAAQ,EAAE;oCAAc;AACb;IAAX,QAAQ,EAAE;oCAAc;AACI;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAAW;AAC3B;IAAX,QAAQ,EAAE;kCAAa;AAjCb,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA8CnB;;AAED,eAAe,OAAO,CAAC"}

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;