godown 2.4.0 → 2.4.2

package/layout/drag-box.js

@@ -4,14 +4,24 @@ 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 } from "../tmpl.js";
+import { css, html, property } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
+import { define } from "../root.js";
 import LayoutSTD from "./std.js";
 const defineName = "drag-box";
+/**
+ * The DragBox does not extend beyond the range of {@linkcode DragBox.offsetsWidth} and {@linkcode DragBox.offsetsHeight}.
+ */
 let DragBox = class DragBox extends LayoutSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Position x.
+         */
         this.x = "auto";
+        /**
+         * Position y.
+         */
         this.y = "auto";
     }
     render() {
@@ -27,11 +37,11 @@ let DragBox = class DragBox extends LayoutSTD {
         this.t = this.offsetTop;
         this.l = this.offsetLeft;
         this.drag = true;
-        this.addEvent(document, "mousemove", this._handleDrag.bind(this));
+        this.addEvent(document, "mousemove", this._handleDrag.bind(this), "0");
     }
     _handleDragEnd() {
         this.drag = false;
-        document.removeEventListener("mousemove", this._handleDrag.bind(this));
+        this.removeEvent(document, "mousemove", "0");
     }
     _handleDrag(e) {
         if (!this.drag) {

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,7 +1,13 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 export declare class FlexFlow extends LayoutSTD {
+    /**
+     * The flex-flow behavior.
+     */
     flexflow: string;
+    /**
+     * The width of the screen for the position change.
+     */
     m: string;
     static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;

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,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"}
+{"version":3,"file":"flex-flow.d.ts","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,QAAQ,SAA8B;IAClD;;OAEG;IACS,CAAC,SAAW;IAExB,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

@@ -4,14 +4,21 @@ 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 { css, html, property } from "../deps.js";
+import { htmlSlot, htmlStyle } from "../lib/templates.js";
+import { define } from "../root.js";
 import LayoutSTD from "./std.js";
 const defineName = "flex-flow";
 let FlexFlow = class FlexFlow extends LayoutSTD {
     constructor() {
         super(...arguments);
+        /**
+         * The flex-flow behavior.
+         */
         this.flexflow = "row nowrap column nowrap";
+        /**
+         * The width of the screen for the position change.
+         */
         this.m = "720px";
     }
     render() {

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,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"}
+{"version":3,"file":"flex-flow.js","sourceRoot":"","sources":["../../src/layout/flex-flow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAGxB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACL;;WAEG;QACS,aAAQ,GAAG,0BAA0B,CAAC;QAClD;;WAEG;QACS,MAAC,GAAG,OAAO,CAAC;IAoB1B,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;AAZU;IAAX,QAAQ,EAAE;0CAAuC;AAItC;IAAX,QAAQ,EAAE;mCAAa;AARb,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA4BpB;;AAED,eAAe,QAAQ,CAAC"}

package/layout/nav-aside.d.ts

@@ -1,10 +1,16 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 export declare class NavAside extends LayoutSTD {
-    static styles: CSSResultGroup;
+    /**
+     * The width of the screen for the position change.
+     */
     m: string;
+    /**
+     * The position behavior.
+     */
     position: string;
+    static styles: CSSResultGroup;
     protected render(): HTMLTemplate;
 }
 export default NavAside;

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,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"}
+{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,CAAC,SAAW;IACxB;;OAEG;IACS,QAAQ,SAAkB;IAEtC,MAAM,CAAC,MAAM,iBA0BO;IAEpB,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,15 +4,22 @@ 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 { createScope, css, cssvarValues, define, html, property } from "../deps.js";
-import { htmlSlot, htmlStyle } from "../tmpl.js";
+import { createScope, cssvarValues, define } from "../root.js";
+import { css, html, property } from "../deps.js";
+import { htmlSlot, htmlStyle } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 const defineName = "nav-aside";
 const cssvarScope = createScope(defineName);
 let NavAside = class NavAside extends LayoutSTD {
     constructor() {
         super(...arguments);
+        /**
+         * The width of the screen for the position change.
+         */
         this.m = "720px";
+        /**
+         * The position behavior.
+         */
         this.position = "sticky fixed";
     }
     render() {

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,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"}
+{"version":3,"file":"nav-aside.js","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AAC7E,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;;QACL;;WAEG;QACS,MAAC,GAAG,OAAO,CAAC;QACxB;;WAEG;QACS,aAAQ,GAAG,cAAc,CAAC;IAuCxC,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;;AApCM,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;AAhCR;IAAX,QAAQ,EAAE;mCAAa;AAIZ;IAAX,QAAQ,EAAE;0CAA2B;AAR3B,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA+CpB;;AAED,eAAe,QAAQ,CAAC"}

package/layout/nav-layout.d.ts

@@ -1,11 +1,20 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 export declare class NavLayout extends LayoutSTD {
-    static styles: CSSResultGroup;
+    /**
+     * Main heading.
+     */
     host: string;
+    /**
+     * Subheading.
+     */
     subhead: string;
+    /**
+     * @deprecated
+     */
     set: 0 | 1 | 2;
+    static styles: CSSResultGroup;
     protected render(): HTMLTemplate;
     private renderNav;
 }

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,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"}
+{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,SAAU,SAAQ,SAAS;IACtC;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IACS,OAAO,SAAM;IAEzB;;OAEG;IACH,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEf,MAAM,CAAC,MAAM,iBAkFO;IAEpB,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"}

package/layout/nav-layout.js

@@ -4,17 +4,23 @@ 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 { createScope, css, cssvarValues, define, html, property } from "../deps.js";
-import { htmlSlot } from "../tmpl.js";
+import { createScope, cssvarValues, define } from "../root.js";
+import { css, html, property } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 const defineName = "nav-layout";
 const cssvarScope = createScope(defineName);
 let NavLayout = class NavLayout extends LayoutSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Main heading.
+         */
         this.host = "";
+        /**
+         * Subheading.
+         */
         this.subhead = "";
-        this.set = 0;
     }
     render() {
         return html ` ${htmlSlot("header")} ${this.renderNav()}
@@ -127,9 +133,6 @@ __decorate([
 __decorate([
     property()
 ], NavLayout.prototype, "subhead", void 0);
-__decorate([
-    property({ type: Number })
-], NavLayout.prototype, "set", void 0);
 NavLayout = __decorate([
     define(defineName)
 ], NavLayout);

package/layout/nav-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-layout.js","sourceRoot":"","sources":["../../src/layout/nav-layout.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,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,SAAS;IAAjC;;QAoFO,SAAI,GAAG,EAAE,CAAC;QACV,YAAO,GAAG,EAAE,CAAC;QACG,QAAG,GAAc,CAAC,CAAC;IAwBjD,CAAC;IAtBW,MAAM;QACd,OAAO,IAAI,CAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;cAC3C,QAAQ,EAAE;QAChB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE;YACpC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;SACxB;QACD,OAAO,IAAI,CAAA;;;sBAGO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,OAAO;YAC1C,IAAI,CAAA;iBACK,IAAI,CAAC,OAAO,QAAQ;;;;;WAK1B,CAAC;IACV,CAAC;;AA5GM,gBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW,0BAA0B,YAAY,CAAC,KAAK;UACvD,WAAW;UACX,WAAW,uBAAuB,WAAW;;;;;;;;;;;qBAWlC,WAAW;0BACN,WAAW;;;;sBAIf,WAAW;0BACP,WAAW;;;;;;;;;;;;;;;;;;;yBAmBZ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqC/B;CACgB,AAlFN,CAkFO;AACR;IAAX,QAAQ,EAAE;uCAAW;AACV;IAAX,QAAQ,EAAE;0CAAc;AACG;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAoB;AAtFpC,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CA8GrB;;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"nav-layout.js","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,SAAS;IAAjC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;QACtB;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;IAiH3B,CAAC;IAtBW,MAAM;QACd,OAAO,IAAI,CAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;cAC3C,QAAQ,EAAE;QAChB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE;YACpC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;SACxB;QACD,OAAO,IAAI,CAAA;;;sBAGO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,OAAO;YAC1C,IAAI,CAAA;iBACK,IAAI,CAAC,OAAO,QAAQ;;;;;WAK1B,CAAC;IACV,CAAC;;AAzGM,gBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW,0BAA0B,YAAY,CAAC,KAAK;UACvD,WAAW;UACX,WAAW,uBAAuB,WAAW;;;;;;;;;;;qBAWlC,WAAW;0BACN,WAAW;;;;sBAIf,WAAW;0BACP,WAAW;;;;;;;;;;;;;;;;;;;yBAmBZ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqC/B;CACgB,AAlFN,CAkFO;AA7FR;IAAX,QAAQ,EAAE;uCAAW;AAIV;IAAX,QAAQ,EAAE;0CAAc;AARd,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CAyHrB;;AAED,eAAe,SAAS,CAAC"}

package/layout/skeleton-screen.d.ts

@@ -1,8 +1,18 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 export declare class SkeletonScreen extends LayoutSTD {
+    /**
+     * Skeleton type.
+     */
     type: "text" | "image";
+    /**
+     * Animation type.
+     */
+    animation: "position" | "opacity";
+    /**
+     * If false, hidden.
+     */
     loading: boolean;
     static styles: CSSResultGroup;
     protected render(): HTMLTemplate;

package/layout/skeleton-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-screen.d.ts","sourceRoot":"","sources":["../../src/layout/skeleton-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA+C,MAAM,YAAY,CAAC;AAChH,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,YAAY,CAAC;AACnE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,cAAe,SAAQ,SAAS;IAC/B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IACnC,OAAO,UAAQ;IACxB,MAAM,CAAC,MAAM,iBA2DO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,UAAU;CAQnB;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
+{"version":3,"file":"skeleton-screen.d.ts","sourceRoot":"","sources":["../../src/layout/skeleton-screen.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,qBAAqB,CAAC;AAC5E,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,cAAe,SAAQ,SAAS;IAC3C;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAC5C;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAC3D;;OAEG;IACM,OAAO,UAAQ;IAExB,MAAM,CAAC,MAAM,iBA+EO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,UAAU;CAQnB;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/layout/skeleton-screen.js

@@ -4,20 +4,31 @@ 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 { createScope, css, cssvarValues, define, html, property, state } from "../deps.js";
-import { htmlSlot, svgImage } from "../tmpl.js";
+import { createScope, cssvarValues, define } from "../root.js";
+import { css, html, property, state } from "../deps.js";
+import { htmlSlot, svgImage } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 const defineName = "skeleton-screen";
 const cssvarScope = createScope(defineName);
 let SkeletonScreen = class SkeletonScreen extends LayoutSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Skeleton type.
+         */
         this.type = "text";
+        /**
+         * Animation type.
+         */
+        this.animation = "position";
+        /**
+         * If false, hidden.
+         */
         this.loading = true;
     }
     render() {
         if (this.loading) {
-            return html `<p>${this.renderIcon()}</p>`;
+            return html `<p class="${this.animation}">${this.renderIcon()}</p>`;
         }
         return htmlSlot();
     }
@@ -36,6 +47,7 @@ SkeletonScreen.styles = [
       :host {
         display: block;
         min-height: 1.5em;
+        width: 100%;
         overflow: hidden;
         ${cssvarScope}--from: rgb(var(${cssvarValues.textRGB}) / 7.5%);
         ${cssvarScope}--to: rgb(var(${cssvarValues.textRGB}) / 20%);
@@ -53,13 +65,17 @@ SkeletonScreen.styles = [
       p {
         height: 100%;
         min-height: inherit;
+        animation: var(${cssvarScope}--duration) ease-in-out 0s infinite none running;
+      }
+
+      p.position {
         background-image: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--from) 36%, var(${cssvarScope}--to) 50%, var(${cssvarScope}--from) 64%);
         background-color: transparent;
         background-size: 200% 100%;
-        animation: var(${cssvarScope}--duration) ease-in-out 0s infinite normal none running kf;
+        animation-name: po;
       }
 
-      @keyframes kf {
+      @keyframes po {
         from {
           background-position: 150% center;
         }
@@ -68,6 +84,21 @@ SkeletonScreen.styles = [
         }
       }
 
+      p.opacity {
+        background: var(${cssvarScope}--from);
+        animation-name: op;
+        animation-direction: alternate;
+      }
+
+      @keyframes op {
+        50% {
+          opacity: 0.2;
+        }
+        to {
+          opacity: 1;
+        }
+      }
+
       path {
         fill: var(${cssvarScope}--color);
       }
@@ -93,6 +124,9 @@ SkeletonScreen.styles = [
 __decorate([
     property()
 ], SkeletonScreen.prototype, "type", void 0);
+__decorate([
+    property()
+], SkeletonScreen.prototype, "animation", void 0);
 __decorate([
     state()
 ], SkeletonScreen.prototype, "loading", void 0);

package/layout/skeleton-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-screen.js","sourceRoot":"","sources":["../../src/layout/skeleton-screen.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAuB,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAChH,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QACO,SAAI,GAAqB,MAAM,CAAC;QACnC,YAAO,GAAG,IAAI,CAAC;IA6E1B,CAAC;IAfW,MAAM;QACd,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,IAAI,CAAA,MAAM,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;SAC1C;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,MAAM;gBACT,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1B,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;SACrB;IACH,CAAC;;AA3EM,qBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;;;;UAKG,WAAW,mBAAmB,YAAY,CAAC,OAAO;UAClD,WAAW,iBAAiB,YAAY,CAAC,OAAO;UAChD,WAAW;UACX,WAAW,oBAAoB,YAAY,CAAC,OAAO;UACnD,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;qBACA,WAAW;0BACN,WAAW;;;;;;gDAMW,WAAW,eAAe,WAAW,oBAAoB,WAAW,kBAAkB,WAAW;;;yBAGxH,WAAW;;;;;;;;;;;;;oBAahB,WAAW;;;;;qBAKV,WAAW;sBACV,WAAW;;;;sBAIX,WAAW;;;;;;;;;KAS5B;CACgB,AA3DN,CA2DO;AA7DR;IAAX,QAAQ,EAAE;4CAAiC;AACnC;IAAR,KAAK,EAAE;+CAAgB;AAFb,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CA+E1B;;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"skeleton-screen.js","sourceRoot":"","sources":["../../src/layout/skeleton-screen.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QACL;;WAEG;QACS,SAAI,GAAqB,MAAM,CAAC;QAC5C;;WAEG;QACS,cAAS,GAA2B,UAAU,CAAC;QAC3D;;WAEG;QACM,YAAO,GAAG,IAAI,CAAC;IAkG1B,CAAC;IAfW,MAAM;QACd,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;SACpE;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,MAAM;gBACT,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1B,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;SACrB;IACH,CAAC;;AA/FM,qBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;;;;;UAMG,WAAW,mBAAmB,YAAY,CAAC,OAAO;UAClD,WAAW,iBAAiB,YAAY,CAAC,OAAO;UAChD,WAAW;UACX,WAAW,oBAAoB,YAAY,CAAC,OAAO;UACnD,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;qBACA,WAAW;0BACN,WAAW;;;;;;yBAMZ,WAAW;;;;gDAIY,WAAW,eAAe,WAAW,oBAAoB,WAAW,kBAAkB,WAAW;;;;;;;;;;;;;;;;0BAgBvH,WAAW;;;;;;;;;;;;;;;oBAejB,WAAW;;;;;qBAKV,WAAW;sBACV,WAAW;;;;sBAIX,WAAW;;;;;;;;;KAS5B;CACgB,AA/EN,CA+EO;AAzFR;IAAX,QAAQ,EAAE;4CAAiC;AAIhC;IAAX,QAAQ,EAAE;iDAAgD;AAIlD;IAAR,KAAK,EAAE;+CAAgB;AAZb,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CA8G1B;;AAED,eAAe,cAAc,CAAC"}

package/layout/std.d.ts

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

package/layout/std.js

@@ -1,4 +1,4 @@
-import { GodownElement } from "../deps.js";
+import { GodownElement } from "../root.js";
 export default class LayoutSTD extends GodownElement {
 }
 //# sourceMappingURL=std.js.map

package/layout/with-wrap.d.ts

@@ -1,6 +1,9 @@
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import LayoutSTD from "./std.js";
 export declare class WithWrap extends LayoutSTD {
+    /**
+     * Slot name.
+     */
     with: string;
     static styles: import("lit").CSSResult;
     protected render(): HTMLTemplate;

package/layout/with-wrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with-wrap.d.ts","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC,qBACa,QAAS,SAAQ,SAAS;IACzB,IAAI,SAAM;IACtB,MAAM,CAAC,MAAM,0BAIX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAGjC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"with-wrap.d.ts","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,SAAS,MAAM,UAAU,CAAC;AAIjC,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,0BAIX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAGjC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/with-wrap.js

@@ -4,13 +4,17 @@ 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, property } from "../deps.js";
-import { htmlSlot } from "../tmpl.js";
+import { css, property } from "../deps.js";
+import { htmlSlot } from "../lib/templates.js";
+import { define } from "../root.js";
 import LayoutSTD from "./std.js";
 const defineName = "with-wrap";
 let WithWrap = class WithWrap extends LayoutSTD {
     constructor() {
         super(...arguments);
+        /**
+         * Slot name.
+         */
         this.with = "";
     }
     render() {

package/layout/with-wrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-wrap.js","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAGxB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACO,SAAI,GAAG,EAAE,CAAC;IAUxB,CAAC;IAHW,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;;AARM,eAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AALU;IAAX,QAAQ,EAAE;sCAAW;AADX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAWpB;;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"with-wrap.js","sourceRoot":"","sources":["../../src/layout/with-wrap.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAGxB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAWxB,CAAC;IAHW,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;;AARM,eAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIX;AANU;IAAX,QAAQ,EAAE;sCAAW;AAJX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAepB;;AAED,eAAe,QAAQ,CAAC"}

package/{tmpl.d.ts → lib/templates.d.ts}

@@ -7,8 +7,9 @@ export type HTMLTemplate = ReturnType<typeof html>;
  */
 export declare const path: (fill?: string | void | 0 | false, stroke?: string | void | 0 | false) => (d: string) => import("lit").TemplateResult<2>;
 interface HtmlSlot {
-    (name?: "pre" | "suf"): HTMLTemplate;
-    (name?: string): HTMLTemplate;
+    (): HTMLTemplate;
+    (name: string): HTMLTemplate;
+    <T>(name: string, feedback: T, node: ParentNode): T | HTMLTemplate;
 }
 export declare const htmlSlot: HtmlSlot;
 export declare const htmlStyle: (css: string) => import("lit").TemplateResult<1>;
@@ -20,4 +21,4 @@ export declare const svgEye: () => import("lit").TemplateResult<1>;
 export declare const svgX: () => import("lit").TemplateResult<1>;
 export declare const svgImage: () => import("lit").TemplateResult<1>;
 export {};
-//# sourceMappingURL=tmpl.d.ts.map
+//# sourceMappingURL=templates.d.ts.map

package/lib/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/lib/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAO,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,IAAI,UAAU,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,WAA2B,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,SAG3F,MAAM,oCAGlB,CAAC;AAEF,UAAU,QAAQ;IAChB,IAAI,YAAY,CAAC;IACjB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC;CACpE;AAED,eAAO,MAAM,QAAQ,UAQP,CAAC;AAEf,eAAO,MAAM,SAAS,QAAS,MAAM,oCAMpC,CAAC;AAIF,eAAO,MAAM,QAAQ,uCAEpB,CAAC;AAEF,eAAO,MAAM,cAAc,uCAE1B,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,OAAO,oCAGtC,CAAC;AAEF,eAAO,MAAM,SAAS,uCAErB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAElB,CAAC;AAEF,eAAO,MAAM,IAAI,uCAEhB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAEpB,CAAC"}

package/{tmpl.js → lib/templates.js}

@@ -11,12 +11,15 @@ export const path = (fill = "currentColor", stroke = "currentColor") => {
         return svg `<path d="${d}" fill="${fill}" stroke="${stroke}" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>`;
     };
 };
-export const htmlSlot = (name) => {
+export const htmlSlot = ((name, fallback, node) => {
     if (name) {
+        if (fallback && node && !node.querySelector(`[slot=${name}]`)) {
+            return fallback;
+        }
         return html `<slot name="${name}"></slot>`;
     }
     return html `<slot></slot>`;
-};
+});
 export const htmlStyle = (css) => {
     if (css) {
         return html `<style>
@@ -47,4 +50,4 @@ export const svgX = () => {
 export const svgImage = () => {
     return html `<svg viewBox="0 0 1098 1024">${path(undefined, 0)("M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z")}</svg>`;
 };
-//# sourceMappingURL=tmpl.js.map
+//# sourceMappingURL=templates.js.map

package/lib/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/lib/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAIhC;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,OAAkC,cAAc,EAAE,SAAoC,cAAc,EAAE,EAAE;IAC3H,IAAI,GAAG,IAAI,IAAI,MAAM,CAAC;IACtB,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC;IAC1B,OAAO,CAAC,CAAS,EAAE,EAAE;QACnB,OAAO,GAAG,CAAA,YAAY,CAAC,WAAW,IAAI,aAAa,MAAM,2EAA2E,CAAC;IACvI,CAAC,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAI,IAAY,EAAE,QAAW,EAAE,IAAgB,EAAE,EAAE;IAC1E,IAAI,IAAI,EAAE;QACR,IAAI,QAAQ,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE;YAC7D,OAAO,QAAQ,CAAC;SACjB;QACD,OAAO,IAAI,CAAA,eAAe,IAAI,WAAW,CAAC;KAC3C;IACD,OAAO,IAAI,CAAA,eAAe,CAAC;AAC7B,CAAC,CAAa,CAAC;AAEf,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE;IACvC,IAAI,GAAG,EAAE;QACP,OAAO,IAAI,CAAA;QACP,GAAG;aACE,CAAC;KACX;AACH,CAAC,CAAC;AAEF,aAAa;AAEb,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,IAAI,CAAA,wCAAwC,IAAI,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC;AAC9F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,IAAI,CAAA,gDAAgD,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,iHAAiH,CAAC,QAAQ,CAAC;AAC3M,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAc,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAC7D,OAAO,IAAI,CAAA,wCAAwC,IAAI,IAAI,IAAI,EAAE,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACjH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,IAAI,CAAA,gCAAgC,IAAI,EAAE,CAAC,6jBAA6jB,CAAC,QAAQ,CAAC;AAC3nB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,OAAO,IAAI,CAAA,4BAA4B,IAAI,CAAC,CAAC,CAAC,CAAC,+LAA+L,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,2IAA2I,CAAC,IAAI,IAAI,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC;AAC1a,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,EAAE;IACvB,OAAO,IAAI,CAAA,wCAAwC,IAAI,EAAE,CAAC,cAAc,CAAC,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC9G,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,i3BAAi3B,CAAC,QAAQ,CAAC;AAC37B,CAAC,CAAC"}

package/lib/utils.d.ts

@@ -1,5 +1,49 @@
 export declare function debounce(func: (_: any) => any, timeout: number): () => void;
-export declare function deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: string, ignore: Set<string> | Map<string, any>, root?: ParentNode): E[];
-export declare function deepQuerySelector<E extends Element>(selectors: string, ignore: Set<string> | Map<string, any>, root?: ParentNode): E | null;
+export declare function deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: string, root?: E | ParentNode): E[];
+export declare function deepQuerySelector<E extends Element = HTMLElement>(selectors: string, root?: E | ParentNode): E;
 export declare function each(node: Node, callback: (node: Node) => void): void;
+export declare function random(m?: number, n?: number): number;
+export declare function doAssign(source: any, target: any): void;
+/**
+ * Create element from args append to target.
+ * @param target Appended target element, target or document.querySelector(target) or document.body.
+ * @param args Arguments
+ */
+export declare function append(target: string | HTMLElement, args: string | EleArgs | HTMLElement): void;
+/**
+ * Create element from args.
+ * @param args Arguments.
+ */
+export declare function create(args: string | EleArgs | HTMLElement): HTMLElement;
+/**
+ * Replace elements.
+ * @param matched Elements.
+ * @param args Arguments.
+ */
+export declare function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement): void;
+/**
+ * tag: tag name. \
+ * props: attribute. \
+ * children: appended chindren.
+ */
+interface EleArgs {
+    tag: string;
+    props?: Record<string, any>;
+    children?: (string | HTMLElement | EleArgs)[];
+}
+/**
+ * @param vars CSS properties key array.
+ * @param selectorProperties Keys: selector. values: CSS properties value array.
+ * @param selectorFunc Change to a a new selector.
+ * @param propertyFunc Form key and value into new key:value; pairs.
+ * @returns CSS text
+ */
+export declare function constructCSS(vars: LikeString[], selectorProperties: Record<string, LikeString[]>, selectorFunc?: (raw: LikeString) => string, propertyFunc?: (k: LikeString, v: LikeString) => string): string;
+/**
+ * Can be a string.
+ */
+export interface LikeString {
+    toString(): string;
+}
+export {};
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,cAU9D;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,GAAE,UAAqB,GAAG,CAAC,EAAE,CAQjK;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,GAAE,UAAqB,GAAG,CAAC,GAAG,IAAI,CAMrJ;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,QAO9D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,cAU9D;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAAqB,GAAG,CAAC,EAAE,CAc7H;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAAqB,GAAG,CAAC,CAkBxH;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,QAO9D;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI,UAElC;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAMhD;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED;;;;GAIG;AACH,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,MAAM,UAoBrM;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,IAAI,MAAM,CAAC;CACpB"}