godown 2.3.1 → 2.4.1

package/items/super-a.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, define, html, ifDefined, property } from "../deps.js";
 import { htmlSlot, svgArrow, svgDelta } from "../tmpl.js";
 import ItemsSTD from "./std.js";
+const defineName = "super-a";
 let SuperAnchor = class SuperAnchor extends ItemsSTD {
     constructor() {
         super(...arguments);
@@ -34,63 +35,65 @@ let SuperAnchor = class SuperAnchor extends ItemsSTD {
         }
     }
 };
-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;
-    }
+SuperAnchor.styles = [
+    css `
+      :host([arrow="delta"]) svg {
+        transform: rotate(-90deg);
+      }
 
-    a {
-      width: 100%;
-      display: flex;
-      color: inherit;
-      text-decoration: inherit;
-      justify-content: space-between;
-      align-items: center;
-    }
+      :host {
+        display: inline-block;
+        color: currentColor;
+        text-decoration: none;
+        cursor: default;
+      }
 
-    i {
-      display: inline-flex;
-      border-radius: 20%;
-      font-style: normal;
-    }
+      :host([href]) {
+        cursor: pointer;
+      }
 
-    i > svg {
-      width: 1em;
-      height: 1em;
-      border-radius: inherit;
-    }
+      a {
+        width: 100%;
+        display: flex;
+        color: inherit;
+        text-decoration: inherit;
+        justify-content: space-between;
+        align-items: center;
+      }
 
-    :host(:hover) i {
-      animation: arrow 0.3s linear;
-    }
+      i {
+        display: inline-flex;
+        border-radius: 20%;
+        font-style: normal;
+      }
 
-    i:hover {
-      background-color: rgb(0 0 0 / 0.075);
-    }
+      i > svg {
+        width: 1em;
+        height: 1em;
+        border-radius: inherit;
+      }
 
-    @keyframes arrow {
-      from {
-        transform: translateX(0);
+      :host(:hover) i {
+        animation: arrow 0.3s linear;
       }
-      50% {
-        transform: translateX(0.05em);
+
+      i:hover {
+        background-color: rgb(0 0 0 / 0.075);
       }
-      to {
-        transform: translateX(0);
+
+      @keyframes arrow {
+        from {
+          transform: translateX(0);
+        }
+        50% {
+          transform: translateX(0.05em);
+        }
+        to {
+          transform: translateX(0);
+        }
       }
-    }
-  `;
+    `,
+];
 __decorate([
     property()
 ], SuperAnchor.prototype, "href", void 0);
@@ -101,7 +104,7 @@ __decorate([
     property()
 ], SuperAnchor.prototype, "arrow", void 0);
 SuperAnchor = __decorate([
-    define("super-a")
+    define(defineName)
 ], SuperAnchor);
 export { SuperAnchor };
 export default SuperAnchor;

package/items/super-a.js.map

@@ -1 +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"}
+{"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,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,SAAS,CAAC;AAGtB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAAlC;;QACO,SAAI,GAAW,SAAS,CAAC;QACzB,WAAM,GAAG,OAAO,CAAC;QACjB,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;IApBW,MAAM;QACd,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;IAEO,cAAc;QACpB,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;;AA/EM,kBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DX;AA7DU;IAAX,QAAQ,EAAE;yCAA0B;AACzB;IAAX,QAAQ,EAAE;2CAAkB;AACjB;IAAX,QAAQ,EAAE;0CAA8C;AAH9C,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CAoFvB;;AAED,eAAe,WAAW,CAAC"}

package/items/time-bar.d.ts

@@ -1,4 +1,5 @@
-import { CSSResultGroup } from "../deps.js";
+import { type CSSResultGroup } from "../deps.js";
+import { type HTMLTemplate } from "../tmpl.js";
 import ItemsSTD from "./std.js";
 export declare class TimeBar extends ItemsSTD {
     format: string;
@@ -8,8 +9,8 @@ export declare class TimeBar extends ItemsSTD {
     gap: number;
     intervalID: number;
     static styles: CSSResultGroup;
-    render(): import("lit").TemplateResult<1>;
-    firstUpdated(): void;
+    protected render(): HTMLTemplate;
+    protected firstUpdated(): void;
     disconnectedCallback(): void;
     static fmt(fm: string, tm: Date): string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"time-bar.d.ts","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAA0B,MAAM,YAAY,CAAC;AAEzE,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,CAAC,MAAM,EAAE,cAAc,CAO3B;IAEF,MAAM;IAIN,YAAY;IAQZ,oBAAoB;IAIpB,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"time-bar.d.ts","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAA0B,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,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,CAAC,MAAM,EAAE,cAAc,CAO3B;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAQtB,oBAAoB;IAIpB,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/items/time-bar.js

@@ -8,6 +8,7 @@ var TimeBar_1;
 import { css, define, html, property } from "../deps.js";
 import { htmlSlot } from "../tmpl.js";
 import ItemsSTD from "./std.js";
+const defineName = "time-bar";
 let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
     constructor() {
         super(...arguments);
@@ -31,7 +32,6 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
         clearInterval(this.intervalID);
     }
     static fmt(fm, tm) {
-        var _a;
         if (fm === "") {
             return fm;
         }
@@ -54,7 +54,7 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
         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());
+                result.push(switcher[f]?.pop());
             }
             else {
                 result.push(f);
@@ -92,7 +92,7 @@ __decorate([
     property({ type: Number })
 ], TimeBar.prototype, "gap", void 0);
 TimeBar = TimeBar_1 = __decorate([
-    define("time-bar")
+    define(defineName)
 ], TimeBar);
 export { TimeBar };
 export default TimeBar;

package/items/time-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-bar.js","sourceRoot":"","sources":["../../src/items/time-bar.ts"],"names":[],"mappings":"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"}
+{"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,11 +1,9 @@
+import { type HTMLTemplate } from "../tmpl.js";
 import LayoutSTD from "./std.js";
 export declare class DivLine extends LayoutSTD {
-    static styles: import("lit").CSSResult;
-    pre: string;
-    suf: string;
+    static styles: import("lit").CSSResult[];
     v: boolean;
-    b: string;
-    render(): import("lit").TemplateResult<1>;
+    protected render(): HTMLTemplate;
 }
 export default DivLine;
 declare global {

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":"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;CASP;AAED,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":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAMjC,qBACa,OAAQ,SAAQ,SAAS;IACpC,MAAM,CAAC,MAAM,4BAiDX;IAC2B,CAAC,UAAS;IAEvC,SAAS,CAAC,MAAM,IAAI,YAAY;CAOjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/layout/div-line.js

@@ -4,70 +4,79 @@ 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 { css, define, html, property } from "../deps.js";
-import { htmlSlot, htmlStyle } from "../tmpl.js";
+import { createScope, css, define, html, property } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
 import LayoutSTD from "./std.js";
+const defineName = "div-line";
+const cssvarScope = createScope(defineName);
 let DivLine = class DivLine extends LayoutSTD {
     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"}">
+        return html `<div class="${this.v ? "v" : ""}">
       <hr class="before" />
       ${htmlSlot()}
       <hr class="after" />
-      ${htmlStyle(hrStyle)}
     </div>`;
     }
 };
-DivLine.styles = css `
-    :host {
-      display: block;
-      color: currentColor;
-      background: none;
-    }
+DivLine.styles = [
+    css `
+      :host {
+        ${cssvarScope}--before-lenght: auto;
+        ${cssvarScope}--after-lenght: auto;
+        ${cssvarScope}--breadth: .125em;
+        display: block;
+        color: currentColor;
+        background: none;
+      }
 
-    div {
-      display: flex;
-      align-items: center;
-      border-radius: inherit;
-      width: 100%;
-      height: 100%;
-    }
+      div {
+        display: flex;
+        align-items: center;
+        border-radius: inherit;
+        width: 100%;
+        height: 100%;
+      }
 
-    hr {
-      border-radius: inherit;
-      margin: 0;
-      border: 0;
-      flex: 1;
-      background: currentColor;
-    }
+      hr {
+        border-radius: inherit;
+        margin: 0;
+        border: 0;
+        flex: 1;
+        background: currentColor;
+      }
 
-    .v {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-    }
-  `;
-__decorate([
-    property()
-], DivLine.prototype, "pre", void 0);
-__decorate([
-    property()
-], DivLine.prototype, "suf", void 0);
+      .v {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+      .before {
+        height: var(${cssvarScope}--breadth);
+        max-width: var(${cssvarScope}--before-lenght);
+      }
+      .after {
+        height: var(${cssvarScope}--breadth);
+        max-width: var(${cssvarScope}--after-lenght);
+      }
+      .v .before {
+        width: var(${cssvarScope}--breadth);
+        max-height: var(${cssvarScope}--before-lenght);
+      }
+      .v .after {
+        width: var(${cssvarScope}--breadth);
+        max-height: var(${cssvarScope}--after-lenght);
+      }
+    `,
+];
 __decorate([
     property({ type: Boolean })
 ], DivLine.prototype, "v", void 0);
-__decorate([
-    property()
-], DivLine.prototype, "b", void 0);
 DivLine = __decorate([
-    define("div-line")
+    define(defineName)
 ], DivLine);
 export { DivLine };
 export default DivLine;

package/layout/div-line.js.map

@@ -1 +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,SAAS,EAAE,MAAM,YAAY,CAAC;AACjD,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;IAW1B,CAAC;IATC,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;;QAEV,SAAS,CAAC,OAAO,CAAC;WACf,CAAC;IACV,CAAC;;AA1CM,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,CA4CnB;;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"div-line.js","sourceRoot":"","sources":["../../src/layout/div-line.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;QAmDwB,MAAC,GAAG,KAAK,CAAC;IASzC,CAAC;IAPW,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;QAEvC,QAAQ,EAAE;;WAEP,CAAC;IACV,CAAC;;AA1DM,cAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA4BC,WAAW;yBACR,WAAW;;;sBAGd,WAAW;yBACR,WAAW;;;qBAGf,WAAW;0BACN,WAAW;;;qBAGhB,WAAW;0BACN,WAAW;;KAEhC;CACF,AAjDY,CAiDX;AAC2B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAAW;AAnD5B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA4DnB;;AAED,eAAe,OAAO,CAAC"}

package/layout/drag-box.d.ts

@@ -1,3 +1,4 @@
+import { type HTMLTemplate } from "../tmpl.js";
 import LayoutSTD from "./std.js";
 export declare class DragBox extends LayoutSTD {
     drag: boolean;
@@ -7,9 +8,9 @@ export declare class DragBox extends LayoutSTD {
     cy: number;
     x: string;
     y: string;
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-    firstUpdated(): void;
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplate;
+    protected firstUpdated(): void;
     protected _handleDragStart(e: MouseEvent): void;
     protected _handleDragEnd(): void;
     protected _handleDrag(e: MouseEvent): void;

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":"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;IAsBnC,KAAK;CAUN;AAED,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":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC,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,4BAOX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAKtB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IASxC,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAsBnC,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

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, define, html, property } from "../deps.js";
 import { htmlSlot } from "../tmpl.js";
 import LayoutSTD from "./std.js";
+const defineName = "drag-box";
 let DragBox = class DragBox extends LayoutSTD {
     constructor() {
         super(...arguments);
@@ -68,12 +69,14 @@ let DragBox = class DragBox extends LayoutSTD {
         }
     }
 };
-DragBox.styles = css `
-    :host {
-      position: relative;
-      display: inline-flex;
-    }
-  `;
+DragBox.styles = [
+    css `
+      :host {
+        position: relative;
+        display: inline-flex;
+      }
+    `,
+];
 __decorate([
     property()
 ], DragBox.prototype, "x", void 0);
@@ -81,7 +84,7 @@ __decorate([
     property()
 ], DragBox.prototype, "y", void 0);
 DragBox = __decorate([
-    define("drag-box")
+    define(defineName)
 ], DragBox);
 export { DragBox };
 export default DragBox;

package/layout/drag-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-box.js","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"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"}
+{"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,9 +1,10 @@
+import { type HTMLTemplate } from "../tmpl.js";
 import LayoutSTD from "./std.js";
 export declare class FlexFlow extends LayoutSTD {
     flexflow: string;
     m: string;
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplate;
 }
 export default FlexFlow;
 declare global {

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":"AAEA,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,QAAS,SAAQ,SAAS;IACzB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,0BAIX;IAEF,MAAM;CAUP;AAED,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":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC,qBACa,QAAS,SAAQ,SAAS;IACzB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/flex-flow.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, define, html, property } from "../deps.js";
 import { htmlSlot, htmlStyle } from "../tmpl.js";
 import LayoutSTD from "./std.js";
+const defineName = "flex-flow";
 let FlexFlow = class FlexFlow extends LayoutSTD {
     constructor() {
         super(...arguments);
@@ -24,11 +25,13 @@ let FlexFlow = class FlexFlow extends LayoutSTD {
         return html `${htmlSlot()} ${htmlStyle(style)}`;
     }
 };
-FlexFlow.styles = css `
-    :host {
-      display: flex !important;
-    }
-  `;
+FlexFlow.styles = [
+    css `
+      :host {
+        display: flex !important;
+      }
+    `,
+];
 __decorate([
     property()
 ], FlexFlow.prototype, "flexflow", void 0);
@@ -36,7 +39,7 @@ __decorate([
     property()
 ], FlexFlow.prototype, "m", void 0);
 FlexFlow = __decorate([
-    define("flex-flow")
+    define(defineName)
 ], FlexFlow);
 export { FlexFlow };
 export default FlexFlow;

package/layout/flex-flow.js.map

@@ -1 +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,SAAS,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,SAAS,MAAM,UAAU,CAAC;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,aAAQ,GAAG,0BAA0B,CAAC;QACtC,MAAC,GAAG,OAAO,CAAC;IAiB1B,CAAC;IAVC,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;QAC3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QACzC,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC;QAChE,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,IAAI,QAAQ,CAAC;QACtD,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;QAC5B,MAAM,KAAK,GAAG,wBAAwB,aAAa,cAAc,QAAQ,uBAAuB,CAAC,0BAA0B,cAAc,cAAc,SAAS,GAAG,CAAC;QACpK,OAAO,IAAI,CAAA,GAAG,QAAQ,EAAE,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACjD,CAAC;;AAfM,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,CAmBpB;;AAED,eAAe,QAAQ,CAAC"}
+{"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,SAAS,EAAqB,MAAM,YAAY,CAAC;AACpE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAGxB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,aAAQ,GAAG,0BAA0B,CAAC;QACtC,MAAC,GAAG,OAAO,CAAC;IAmB1B,CAAC;IAVW,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;QAC3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QACzC,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC;QAChE,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,IAAI,QAAQ,CAAC;QACtD,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;QAC5B,MAAM,KAAK,GAAG,wBAAwB,aAAa,cAAc,QAAQ,uBAAuB,CAAC,0BAA0B,cAAc,cAAc,SAAS,GAAG,CAAC;QACpK,OAAO,IAAI,CAAA,GAAG,QAAQ,EAAE,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACjD,CAAC;;AAjBM,eAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AARU;IAAX,QAAQ,EAAE;0CAAuC;AACtC;IAAX,QAAQ,EAAE;mCAAa;AAFb,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAqBpB;;AAED,eAAe,QAAQ,CAAC"}

package/layout/nav-aside.d.ts

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

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,EAAO,cAAc,EAAkC,MAAM,YAAY,CAAC;AAEjF,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,mBAwBS;IACV,CAAC,SAAW;IACZ,QAAQ,SAAkB;IAEtC,MAAM;CASP;AAED,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,EAAoB,KAAK,cAAc,EAAwC,MAAM,YAAY,CAAC;AACzG,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,QAAS,SAAQ,SAAS;IACrC,MAAM,CAAC,MAAM,iBA0BO;IACR,CAAC,SAAW;IACZ,QAAQ,SAAkB;IAEtC,SAAS,CAAC,MAAM,IAAI,YAAY;CASjC;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,11 @@ 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 { css, cssvar, define, html, property } from "../deps.js";
+import { createScope, css, cssvarValues, define, html, property } from "../deps.js";
 import { htmlSlot, htmlStyle } from "../tmpl.js";
 import LayoutSTD from "./std.js";
+const defineName = "nav-aside";
+const cssvarScope = createScope(defineName);
 let NavAside = class NavAside extends LayoutSTD {
     constructor() {
         super(...arguments);
@@ -27,8 +29,10 @@ NavAside.styles = [
     LayoutSTD.styles,
     css `
       :host {
-        color: var(${cssvar}--nav-text);
-        background: var(${cssvar}--nav-background);
+        ${cssvarScope}--text: var(${cssvarValues.text});
+        ${cssvarScope}--background: var(${cssvarValues.main});
+        color: var(${cssvarScope}--text);
+        background: var(${cssvarScope}--background);
         top: 0;
         left: 0;
         bottom: 0;
@@ -55,7 +59,7 @@ __decorate([
     property()
 ], NavAside.prototype, "position", void 0);
 NavAside = __decorate([
-    define("nav-aside")
+    define(defineName)
 ], NavAside);
 export { NavAside };
 export default NavAside;

package/layout/nav-aside.js.map

@@ -1 +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,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,SAAS,MAAM,UAAU,CAAC;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QA0BO,MAAC,GAAG,OAAO,CAAC;QACZ,aAAQ,GAAG,cAAc,CAAC;IAWxC,CAAC;IATC,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QAClC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;QAC5B,MAAM,KAAK,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,EAAE,mPAAmP,CAAC;QAC7U,OAAO,IAAI,CAAA,QAAQ,QAAQ,EAAE;QACzB,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACzB,CAAC;;AApCM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;qBAEc,MAAM;0BACD,MAAM;;;;;;;;;;;;;;;;;;KAkB3B;CACkB,AAxBR,CAwBS;AACV;IAAX,QAAQ,EAAE;mCAAa;AACZ;IAAX,QAAQ,EAAE;0CAA2B;AA3B3B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAsCpB;;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"nav-aside.js","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAuB,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACzG,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,YAAY,CAAC;AACpE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QA4BO,MAAC,GAAG,OAAO,CAAC;QACZ,aAAQ,GAAG,cAAc,CAAC;IAWxC,CAAC;IATW,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QAClC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC;QAC5B,MAAM,KAAK,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,EAAE,mPAAmP,CAAC;QAC7U,OAAO,IAAI,CAAA,QAAQ,QAAQ,EAAE;QACzB,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACzB,CAAC;;AAtCM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;qBACtC,WAAW;0BACN,WAAW;;;;;;;;;;;;;;;;;;KAkBhC;CACgB,AA1BN,CA0BO;AACR;IAAX,QAAQ,EAAE;mCAAa;AACZ;IAAX,QAAQ,EAAE;0CAA2B;AA7B3B,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAwCpB;;AAED,eAAe,QAAQ,CAAC"}

package/layout/nav-layout.d.ts

@@ -1,11 +1,12 @@
-import { CSSResultGroup } from "../deps.js";
+import { type CSSResultGroup } from "../deps.js";
+import { type HTMLTemplate } from "../tmpl.js";
 import LayoutSTD from "./std.js";
 export declare class NavLayout extends LayoutSTD {
-    static styles: CSSResultGroup[];
+    static styles: CSSResultGroup;
     host: string;
     subhead: string;
     set: 0 | 1 | 2;
-    render(): import("lit").TemplateResult<1>;
+    protected render(): HTMLTemplate;
     private renderNav;
 }
 export default NavLayout;

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,EAAO,cAAc,EAAkC,MAAM,YAAY,CAAC;AAEjF,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,qBACa,SAAU,SAAQ,SAAS;IACtC,MAAM,CAAC,MAAM,mBA+ES;IACV,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAE/C,MAAM;IAMN,OAAO,CAAC,SAAS;CAgBlB;AAED,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,EAAoB,KAAK,cAAc,EAAwC,MAAM,YAAY,CAAC;AACzG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,SAAU,SAAQ,SAAS;IACtC,MAAM,CAAC,MAAM,iBAkFO;IACR,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAE/C,SAAS,CAAC,MAAM,IAAI,YAAY;IAMhC,OAAO,CAAC,SAAS;CAgBlB;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}