godown 1.1.3 → 1.1.5

package/items/super-a.d.ts

@@ -4,8 +4,8 @@ export declare class SuperAnchor extends STD {
     target: string;
     arrow: "" | "delta" | "arrow" | "angle" | "hand";
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-    _arrowSwitcher(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    _arrowSwitcher(): import("lit-html").TemplateResult<1>;
 }
 export default SuperAnchor;
 declare global {

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,0BAuCV;IACH,MAAM;IAMN,cAAc;CAYf;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":"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"}

package/items/super-a.js

@@ -14,64 +14,75 @@ 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>
-</a>`;
+        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>`;
+                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>`;
+                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>`;
+                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 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>`;
         }
     }
 };
-SuperAnchor.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%;
-  }
-  i>svg{
-    width: 1em;
-    height: 1em;
-    border-radius: inherit
-  }
-  :host(:hover) i{
-    animation: arrow .3s linear;
-  }
-  i:hover{
-    background-color: rgb(0 0 0 / .075);
-  }
-  @keyframes arrow{
-    from {transform: translateX(0)}
-    50%{
-      transform:translateX(.05em);
-    }
-    to {transform: translateX(0)}
-  }`;
+SuperAnchor.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%;
+    }
+    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);
+      }
+      50% {
+        transform: translateX(0.05em);
+      }
+      to {
+        transform: translateX(0);
+      }
+    }
+  `;
 __decorate([
     property()
 ], SuperAnchor.prototype, "href", void 0);

package/layout/div-line.d.ts

@@ -5,7 +5,7 @@ export declare class DivLine extends STD {
     suf: string;
     v: boolean;
     b: string;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 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":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BAuBR;IACO,GAAG,SAAU;IACb,GAAG,SAAU;IACI,CAAC,UAAS;IAC3B,CAAC,SAAW;IACxB,MAAM;CAOP;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":"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"}

package/layout/div-line.js

@@ -15,37 +15,43 @@ let DivLine = class DivLine extends STD {
         this.b = "2.2px";
     }
     render() {
-        var 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><hr class="after"/>
-  <style>${hrstyle}</style>
-</div>`;
+        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>
+      <hr class="after" />
+      <style>
+        ${hrstyle}
+      </style>
+    </div>`;
     }
 };
-DivLine.styles = css `:host{
-      display: block;
-      color: currentColor;
-      background: none;
-    }
-    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;
-    }
-    .v {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-    }`;
+DivLine.styles = css `
+    :host {
+      display: block;
+      color: currentColor;
+      background: none;
+    }
+    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;
+    }
+    .v {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+  `;
 __decorate([
     property()
 ], DivLine.prototype, "pre", void 0);

package/layout/drag-box.d.ts

@@ -5,7 +5,7 @@ export declare class DragBox extends STD {
     static styles: import("lit").CSSResult;
     get offsetsWidth(): number;
     get offsetsHeight(): number;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     drag: boolean;
     t: number;

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

@@ -1 +1 @@
-{"version":3,"file":"drag-box.d.ts","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAClB,CAAC,SAAU;IACX,CAAC,SAAU;IACvB,MAAM,CAAC,MAAM,0BAGV;IACH,IAAI,YAAY,WAEf;IACD,IAAI,aAAa,WAEhB;IACD,MAAM;IAMN,YAAY;IAIZ,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,CAAC,EAAE,UAAU;IAQxB,QAAQ;IAIR,WAAW,CAAC,CAAC,EAAE,UAAU;IAsBzB,KAAK;CAUN;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"drag-box.d.ts","sourceRoot":"","sources":["../../src/layout/drag-box.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAClB,CAAC,SAAU;IACX,CAAC,SAAU;IACvB,MAAM,CAAC,MAAM,0BAKX;IACF,IAAI,YAAY,WAEf;IACD,IAAI,aAAa,WAEhB;IACD,MAAM;IAKN,YAAY;IAIZ,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,CAAC,EAAE,UAAU;IAQxB,QAAQ;IAIR,WAAW,CAAC,CAAC,EAAE,UAAU;IAmBzB,KAAK;CAUN;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/layout/drag-box.js

@@ -21,9 +21,8 @@ let DragBox = class DragBox extends STD {
         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>
+        return html ` <div @mousedown=${this._startDrag} @mouseup=${this._endDrag}>
+      <slot></slot>
     </div>`;
     }
     firstUpdated() {
@@ -45,8 +44,8 @@ let DragBox = class DragBox extends STD {
     _handleDrag(e) {
         if (!this.drag)
             return;
-        var nl = e.clientX - (this.cx - this.l);
-        var nt = e.clientY - (this.cy - this.t);
+        const nl = e.clientX - (this.cx - this.l);
+        const nt = e.clientY - (this.cy - this.t);
         if (nl < 0) {
             this.style.left = "0";
         }
@@ -77,10 +76,12 @@ let DragBox = class DragBox extends STD {
         }
     }
 };
-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);

package/layout/flex-flow.d.ts

@@ -1,9 +1,9 @@
-import STD from './std.js';
+import STD from "./std.js";
 export declare class FlexFlow extends STD {
     flexflow: string;
     m: string;
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 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":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,QAAS,SAAQ,GAAG;IACnB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,0BAEV;IACH,MAAM;CAKP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,QAAS,SAAQ,GAAG;IACnB,QAAQ,SAA8B;IACtC,CAAC,SAAW;IACxB,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;CAQP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/flex-flow.js

@@ -4,8 +4,8 @@ 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';
+import { html, css, property, define } from "../deps.js";
+import STD from "./std.js";
 let FlexFlow = class FlexFlow extends STD {
     constructor() {
         super(...arguments);
@@ -15,12 +15,17 @@ let FlexFlow = class FlexFlow extends STD {
     render() {
         const flexflow = this.flexflow.split(/\s+/);
         const style = `:host{flex-direction:${flexflow[0] || "row"};flex-wrap:${flexflow[1] || "nowrap"};}@media(max-width: ${this.m || "720px"}){:host{flex-direction:${flexflow[2] || flexflow[0] || "colom"};flex-wrap:${flexflow[3] || flexflow[1] || "nowrap"}}`;
-        return html `<slot></slot><style>${style}</style>`;
+        return html `<slot></slot>
+      <style>
+        ${style}
+      </style>`;
     }
 };
-FlexFlow.styles = css `:host {
-    display: flex !important;
-  }`;
+FlexFlow.styles = css `
+    :host {
+      display: flex !important;
+    }
+  `;
 __decorate([
     property()
 ], FlexFlow.prototype, "flexflow", void 0);
@@ -28,7 +33,7 @@ __decorate([
     property()
 ], FlexFlow.prototype, "m", void 0);
 FlexFlow = __decorate([
-    define('flex-flow')
+    define("flex-flow")
 ], FlexFlow);
 export { FlexFlow };
 export default FlexFlow;

package/layout/nav-aside.d.ts

@@ -3,7 +3,7 @@ export declare class NavAside extends STD {
     m: string;
     position: string;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 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":"AACA,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,8DAoBX;IACF,MAAM;CAOP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AACA,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,8DAwBX;IACF,MAAM;CAUP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/nav-aside.js

@@ -13,33 +13,40 @@ let NavAside = class NavAside extends STD {
         this.position = "sticky fixed";
     }
     render() {
-        var p = this.position.split(" ")[0] || "sticky";
-        var pm = this.position.split(" ")[1] || "fixed";
-        var m = this.m || "720px";
-        var 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>`;
+        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, css `:host{
-    ${navstyle}
-    color: var(${cssvar}--nav-text);
-    background: var(${cssvar}--nav-background);
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    height: fit-content;
-    display: flex;
-  }
-  nav {
-    height: inherit;
-    width: inherit;
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    justify-content: space-between;
-    box-sizing: border-box;
-  }`
+NavAside.styles = [
+    STD.styles,
+    navstyle,
+    css `
+      :host {
+        color: var(${cssvar}--nav-text);
+        background: var(${cssvar}--nav-background);
+        top: 0;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        height: fit-content;
+        display: flex;
+      }
+      nav {
+        height: inherit;
+        width: inherit;
+        display: flex;
+        flex-direction: row;
+        align-items: flex-start;
+        justify-content: space-between;
+        box-sizing: border-box;
+      }
+    `,
 ];
 __decorate([
     property()

package/layout/nav-layout.d.ts

@@ -5,7 +5,7 @@ export declare class NavLayout extends STD {
     host: string;
     subhead: string;
     set: 0 | 1 | 2;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     opt(): any[];
 }
 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":"AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,8DAyFV;IACS,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM;IAcN,GAAG;CAOJ;AAKD,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":"AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,8DAmGX;IACU,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM;IAgBN,GAAG;CAOJ;AAcD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}