godown 2.4.2 → 2.5.0

package/view/std.d.ts

@@ -1,8 +1,11 @@
 import { type CSSResultGroup, type PropertyValueMap } from "../deps.js";
+import { EventsNames } from "../lib/event-collection.js";
 import { GodownElement } from "../root.js";
-export type OnEvents = string;
+export type Direction4 = "left" | "right" | "top" | "bottom";
+export type Direction5 = Direction4 | "center";
+export type Direction8 = Direction4 | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+export type OnEvents = EventsNames | "";
 export declare class OpenAble extends GodownElement {
-    static styles: CSSResultGroup;
     /**
      * Summary text.
      */
@@ -18,15 +21,16 @@ export declare class OpenAble extends GodownElement {
     /**
      * Enable event mode.
      */
-    on: OnEvents | void;
+    on: OnEvents;
     /**
-     * Disable the event mode.
+     * Direction of appearance.
      */
-    off: OnEvents;
+    direction: Direction4 | Direction8 | Direction5 | "";
+    static styles: CSSResultGroup;
     toggle(to?: boolean): void;
     close(): void;
     show(): void;
-    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected updated(changedProperties: PropertyValueMap<this>): void;
     protected _handelClick(_: MouseEvent): void;
 }
 export default OpenAble;

package/view/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,qBAAa,QAAS,SAAQ,aAAa;IACzC,MAAM,CAAC,MAAM,iBAqDO;IAEpB;;OAEG;IACS,OAAO,SAAM;IACzB;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACS,EAAE,EAAE,QAAQ,GAAG,IAAI,CAAM;IACrC;;OAEG;IACS,GAAG,EAAE,QAAQ,CAAW;IAEpC,MAAM,CAAC,EAAE,UAAa;IAItB,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAQvF,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAGrC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEhG,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC;AAExC,qBAAa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,OAAO,SAAM;IACzB;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACS,EAAE,EAAE,QAAQ,CAAM;IAC9B;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,EAAE,CAAM;IAEtE,MAAM,CAAC,MAAM,iBA0DO;IAEpB,MAAM,CAAC,EAAE,UAAa;IAItB,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAQ3D,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAGrC;AAED,eAAe,QAAQ,CAAC"}

package/view/std.js

@@ -26,9 +26,9 @@ export class OpenAble extends GodownElement {
          */
         this.on = "";
         /**
-         * Disable the event mode.
+         * Direction of appearance.
          */
-        this.off = "click";
+        this.direction = "";
     }
     toggle(to = !this.open) {
         this.open = to;
@@ -39,8 +39,8 @@ export class OpenAble extends GodownElement {
     show() {
         this.open = true;
     }
-    updated(_changedProperties) {
-        const open = _changedProperties.get("open");
+    updated(changedProperties) {
+        const open = changedProperties.get("open");
         if (typeof open === typeof !0) {
             this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
         }
@@ -55,7 +55,10 @@ OpenAble.styles = [
     css `
       :host {
         display: block;
-        transition: all 0.3s ease-in-out;
+        transition:
+          all 0.3s ease-in-out,
+          color 0s,
+          background 0s;
         height: fit-content;
       }
 
@@ -69,6 +72,7 @@ OpenAble.styles = [
       dl {
         height: 100%;
         position: relative;
+        overflow: hidden;
       }
 
       dt {
@@ -77,6 +81,7 @@ OpenAble.styles = [
         justify-content: space-between;
         background: inherit;
         align-items: center;
+        height: 100%;
       }
 
       * {
@@ -118,6 +123,6 @@ __decorate([
 ], OpenAble.prototype, "on", void 0);
 __decorate([
     property()
-], OpenAble.prototype, "off", void 0);
+], OpenAble.prototype, "direction", void 0);
 export default OpenAble;
 //# sourceMappingURL=std.js.map

package/view/std.js.map

@@ -1 +1 @@
-{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAyB,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,OAAO,QAAS,SAAQ,aAAa;IAA3C;;QAwDE;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;QACzB;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAC1D;;WAEG;QACyC,SAAI,GAAG,KAAK,CAAC;QACzD;;WAEG;QACS,OAAE,GAAoB,EAAE,CAAC;QACrC;;WAEG;QACS,QAAG,GAAa,OAAO,CAAC;IAyBtC,CAAC;IAvBC,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI;QACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,kBAAqE;QACrF,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAY,CAAC;QACvD,IAAI,OAAO,IAAI,KAAK,OAAO,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACtE;IACH,CAAC;IAED,6DAA6D;IACnD,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;;AAlGM,eAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkDF;CACgB,AArDN,CAqDO;AAKR;IAAX,QAAQ,EAAE;yCAAc;AAImB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAe;AAId;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc;AAI7C;IAAX,QAAQ,EAAE;oCAA0B;AAIzB;IAAX,QAAQ,EAAE;qCAAyB;AA2BtC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/view/std.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAyB,MAAM,YAAY,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAU3C,MAAM,OAAO,QAAS,SAAQ,aAAa;IAA3C;;QACE;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;QACzB;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAC1D;;WAEG;QACyC,SAAI,GAAG,KAAK,CAAC;QACzD;;WAEG;QACS,OAAE,GAAa,EAAE,CAAC;QAC9B;;WAEG;QACS,cAAS,GAA8C,EAAE,CAAC;IAqFxE,CAAC;IAvBC,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI;QACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,OAAO,IAAI,KAAK,OAAO,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACtE;IACH,CAAC;IAED,6DAA6D;IACnD,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;;AAlFM,eAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuDF;CACgB,AA1DN,CA0DO;AA5ER;IAAX,QAAQ,EAAE;yCAAc;AAImB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAe;AAId;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc;AAI7C;IAAX,QAAQ,EAAE;oCAAmB;AAIlB;IAAX,QAAQ,EAAE;2CAA2D;AAuFxE,eAAe,QAAQ,CAAC"}

package/view/tool-tip.d.ts

@@ -0,0 +1,24 @@
+import { type Direction8, OpenAble } from "./std.js";
+import { type HTMLTemplate } from "../lib/templates.js";
+/**
+ * ToolTip provide tooltip for slot elements, summary as the tips content.
+ *
+ * Content can be opened in 8 directions.
+ */
+export declare class ToolTip extends OpenAble {
+    direction: Direction8 | "";
+    /**
+     * Tip content align.
+     */
+    align: "center" | "flex-star" | "flex-end" | "";
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplate;
+    connectedCallback(): void;
+}
+export default ToolTip;
+declare global {
+    interface HTMLElementTagNameMap {
+        "tool-tip": ToolTip;
+    }
+}
+//# sourceMappingURL=tool-tip.d.ts.map

package/view/tool-tip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../src/view/tool-tip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKlE;;;;GAIG;AACH,qBACa,OAAQ,SAAQ,QAAQ;IACnC,SAAS,EAAE,UAAU,GAAG,EAAE,CAAC;IAC3B;;OAEG;IACS,KAAK,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,EAAE,CAAM;IAEjE,MAAM,CAAC,MAAM,4BA8CX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,iBAAiB;CAGlB;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/view/{float-tips.js → tool-tip.js}

@@ -4,76 +4,72 @@ 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, html, state } from "../deps.js";
+import { css, html, property } from "../deps.js";
+import { OpenAble } from "./std.js";
 import { htmlSlot } from "../lib/templates.js";
 import { define } from "../root.js";
-import OpenAble from "./std.js";
-const defineName = "float-tips";
+const defineName = "tool-tip";
 /**
- * Use a named slot to set the location of openable content.
+ * ToolTip provide tooltip for slot elements, summary as the tips content.
+ *
+ * Content can be opened in 8 directions.
  */
-let FloatTips = class FloatTips extends OpenAble {
+let ToolTip = class ToolTip extends OpenAble {
     constructor() {
         super(...arguments);
         /**
-         * Direction of appearance.
+         * Tip content align.
          */
-        this.base = ["top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right"];
+        this.align = "";
     }
     render() {
-        return html `<main>
-      ${this.base.map((i) => {
-            return html `
-          <aside class="${i}">
-            <slot name="${i}"></slot>
-          </aside>
-        `;
-        })}
+        return html `<main style="justify-content:${this.align || "inherit"}">
       ${htmlSlot()}
+      <aside class="${this.direction || "top"}">${this.summary || htmlSlot("summary")}</aside>
     </main>`;
     }
     connectedCallback() {
         super.connectedCallback();
-        this.addEvent(window, "click", (e) => {
-            if (this.contains(e.target)) {
-                return;
-            }
-            this.close();
-        });
-    }
-    firstUpdated() {
-        if (this.on) {
-            this.addEvent(this._slot, this.on, () => {
-                this.toggle();
-            });
-        }
     }
 };
-FloatTips.styles = [
+ToolTip.styles = [
     css `
       :host {
         display: inline-flex;
+        transition: 0.3s ease-in-out;
+        justify-content: center;
       }
+
       main {
         display: inline-flex;
         align-items: center;
-        justify-content: center;
         position: relative;
+        transition: inherit;
+      }
+
+      main,
+      aside {
+        transition: inherit;
+        white-space: nowrap;
       }
+
       aside {
-        visibility: hidden;
+        opacity: 0;
         position: absolute;
+        transition-property: opacity;
       }
+
+      :host(:hover) aside,
       :host([open]) aside {
-        visibility: visible;
+        opacity: 1;
       }
     `,
     css `
       aside[class^="top"] {
-        top: -100%;
+        bottom: 100%;
       }
       aside[class^="bottom"] {
-        bottom: -100%;
+        top: 100%;
       }
       aside[class$="right"] {
         left: 100%;
@@ -84,11 +80,11 @@ FloatTips.styles = [
     `,
 ];
 __decorate([
-    state()
-], FloatTips.prototype, "base", void 0);
-FloatTips = __decorate([
+    property()
+], ToolTip.prototype, "align", void 0);
+ToolTip = __decorate([
     define(defineName)
-], FloatTips);
-export { FloatTips };
-export default FloatTips;
-//# sourceMappingURL=float-tips.js.map
+], ToolTip);
+export { ToolTip };
+export default ToolTip;
+//# sourceMappingURL=tool-tip.js.map

package/view/tool-tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../src/view/tool-tip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAmB,QAAQ,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B;;;;GAIG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,QAAQ;IAA9B;;QAEL;;WAEG;QACS,UAAK,GAA6C,EAAE,CAAC;IA4DnE,CAAC;IAVW,MAAM;QACd,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,IAAI,SAAS;QAC9D,QAAQ,EAAE;sBACI,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;YACzE,CAAC;IACX,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;;AAzDM,cAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8BF;IACD,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AA9CY,CA8CX;AAhDU;IAAX,QAAQ,EAAE;sCAAsD;AALtD,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAiEnB;;AAED,eAAe,OAAO,CAAC"}

package/view/with-wrap.d.ts

@@ -0,0 +1,25 @@
+import { GodownElement } from "../root.js";
+import { type HTMLTemplate } from "../lib/templates.js";
+import { icons } from "../lib/templates.js";
+/**
+ * WithWrap is used for wrap content.
+ */
+export declare class WithWrap extends GodownElement {
+    /**
+     * Behavioral basis.
+     */
+    with: string | keyof typeof icons | "expand" | "icon";
+    /**
+     * Rendered content or slot name.
+     */
+    wrap: string | keyof typeof icons;
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplate;
+}
+export default WithWrap;
+declare global {
+    interface HTMLElementTagNameMap {
+        "with-wrap": WithWrap;
+    }
+}
+//# sourceMappingURL=with-wrap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"with-wrap.d.ts","sourceRoot":"","sources":["../../src/view/with-wrap.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,aAAa,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAM;IACvE;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,CAAM;IAEnD,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/with-wrap.js

@@ -0,0 +1,99 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, property } from "../deps.js";
+import { define, GodownElement } from "../root.js";
+import { htmlSlot } from "../lib/templates.js";
+import { icons } from "../lib/templates.js";
+const defineName = "with-wrap";
+/**
+ * WithWrap is used for wrap content.
+ */
+let WithWrap = class WithWrap extends GodownElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Behavioral basis.
+         */
+        this.with = "";
+        /**
+         * Rendered content or slot name.
+         */
+        this.wrap = "";
+    }
+    render() {
+        switch (this.with) {
+            case "expand":
+                return html `<i class="${this.wrap || "close"}"></i>`;
+            case "icon":
+                return icons[this.wrap]?.();
+            default:
+                return htmlSlot(this.with || this.wrap);
+        }
+    }
+};
+WithWrap.styles = [
+    css `
+      :host {
+        display: flex;
+        width: 1em;
+        height: 1em;
+      }
+    `,
+    css `
+      i {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        --e: 0.05em;
+      }
+
+      i::before,
+      i::after {
+        content: "";
+        display: block;
+        width: 100%;
+        height: 0.05em;
+        background: currentColor;
+        transition: 0.3s;
+      }
+
+      i::after {
+        transform: translate(0, calc(var(--e) / -2)) rotate(-45deg);
+      }
+
+      i::before {
+        transform: translate(0, calc(var(--e) / 2)) rotate(45deg);
+      }
+
+      .close::after {
+        transform: translate(0, var(--e));
+      }
+
+      .close::before {
+        transform: translate(0, calc(var(--e) * -1));
+      }
+
+      .close {
+        --e: 0.15em;
+      }
+    `,
+];
+__decorate([
+    property()
+], WithWrap.prototype, "with", void 0);
+__decorate([
+    property()
+], WithWrap.prototype, "wrap", void 0);
+WithWrap = __decorate([
+    define(defineName)
+], WithWrap);
+export { WithWrap };
+export default WithWrap;
+//# sourceMappingURL=with-wrap.js.map

package/view/with-wrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-wrap.js","sourceRoot":"","sources":["../../src/view/with-wrap.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,SAAI,GAAoD,EAAE,CAAC;QACvE;;WAEG;QACS,SAAI,GAAgC,EAAE,CAAC;IA+DrD,CAAC;IAVW,MAAM;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,CAAC;YACvD,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B;gBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3C;IACH,CAAC;;AA5DM,eAAM,GAAG;IACd,GAAG,CAAA;;;;;;KAMF;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCF;CACF,AAjDY,CAiDX;AAvDU;IAAX,QAAQ,EAAE;sCAA4D;AAI3D;IAAX,QAAQ,EAAE;sCAAwC;AARxC,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAuEpB;;AAED,eAAe,QAAQ,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAEvF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,iBAyCO;IAEpB;;OAEG;IACM,OAAO,SAAM;IACtB;;OAEG;IACM,QAAQ,UAAS;IAC1B;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IAC0B,MAAM,UAAS;IAE5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IAED,IAAI,KAAK,WAER;IAED,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAO9C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAMrC;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/items/load-track.js.map

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

package/layout/with-wrap.d.ts

@@ -1,17 +0,0 @@
-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;
-}
-export default WithWrap;
-declare global {
-    interface HTMLElementTagNameMap {
-        "with-wrap": WithWrap;
-    }
-}
-//# sourceMappingURL=with-wrap.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { 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() {
-        return htmlSlot(this.with);
-    }
-};
-WithWrap.styles = css `
-    :host {
-      display: contents;
-    }
-  `;
-__decorate([
-    property()
-], WithWrap.prototype, "with", void 0);
-WithWrap = __decorate([
-    define(defineName)
-], WithWrap);
-export { WithWrap };
-export default WithWrap;
-//# sourceMappingURL=with-wrap.js.map

package/layout/with-wrap.js.map

@@ -1 +0,0 @@
-{"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/view/down-drop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAe,MAAM,YAAY,CAAC;AACnE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGlE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC;;;;GAIG;AACH,qBACa,QAAS,SAAQ,QAAQ;IACpB,OAAO,CAAC,SAAS,CAAiB;IAElD,MAAM,CAAC,MAAM,iBA+BO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,iBAAiB;cAKD,YAAY;IAkB5B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAMpC,SAAS,CAAC,aAAa;IAKvB,MAAM;CAiBP;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/down-drop.js

@@ -1,120 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, html, query } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { debounce } from "../lib/utils.js";
-import { define } from "../root.js";
-import { OpenAble } from "./std.js";
-const defineName = "down-drop";
-/**
- * DownDrop will calculate a lateral offset to try to keep the content within the allowable range
- *
- * Any named slot will be available as openable content
- */
-let DownDrop = class DownDrop extends OpenAble {
-    render() {
-        return html `<main>
-      ${htmlSlot()}
-      <aside style="transform:translateX(0);">
-        ${this.slottedNames.map((name) => {
-            return htmlSlot(name);
-        })}
-      </aside>
-    </main>`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEvent(window, "resize", debounce(this._handelResize.bind(this), 500));
-    }
-    async firstUpdated() {
-        if (this.on) {
-            this.addEvent(this._slot, this.on, () => {
-                this.toggle();
-            });
-            this.addEvent(document, this.off, this._handelClick.bind(this));
-        }
-        else {
-            this.addEvent(this._slot, "mouseenter", () => {
-                this.show();
-            });
-            this.addEvent(this, "mouseleave", () => {
-                this.close();
-            });
-        }
-        await this.updateComplete;
-        this.resize();
-    }
-    _handelClick(e) {
-        if (!this.contains(e.target)) {
-            this.close();
-        }
-    }
-    _handelResize() {
-        this._balancer.style.transform = "translateX(0)";
-        this.resize();
-    }
-    resize() {
-        if (!this._balancer) {
-            return;
-        }
-        const offsets = this.offsetParent?.getBoundingClientRect() || document.body.getBoundingClientRect();
-        const rectLeft = this._balancer.getBoundingClientRect().left;
-        const rectRight = this._balancer.getBoundingClientRect().right;
-        const rightWidth = offsets.width - (rectRight - offsets.x);
-        const leftWidth = offsets.width - (offsets.right - rectLeft);
-        if (rectLeft < 0) {
-            this._balancer.style.transform = `translateX(${-leftWidth}px)`;
-        }
-        else if (rectRight > offsets.right) {
-            this._balancer.style.transform = `translateX(${rightWidth}px)`;
-        }
-        else {
-            this._balancer.style.transform = "translateX(0)";
-        }
-    }
-};
-DownDrop.styles = [
-    css `
-      :host {
-        height: 100%;
-        width: 100%;
-      }
-
-      main {
-        height: inherit;
-        width: inherit;
-        display: flex;
-        position: relative;
-        flex-direction: column;
-        align-items: center;
-      }
-
-      aside {
-        background-color: inherit;
-        visibility: hidden;
-        top: 100%;
-        z-index: 1;
-      }
-
-      :host([open]) aside {
-        visibility: visible;
-      }
-
-      :host([float]) aside {
-        position: absolute;
-      }
-    `,
-];
-__decorate([
-    query("aside")
-], DownDrop.prototype, "_balancer", void 0);
-DownDrop = __decorate([
-    define(defineName)
-], DownDrop);
-export { DownDrop };
-export default DownDrop;
-//# sourceMappingURL=down-drop.js.map

package/view/down-drop.js.map

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

package/view/float-tips.d.ts

@@ -1,22 +0,0 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import OpenAble from "./std.js";
-/**
- * Use a named slot to set the location of openable content.
- */
-export declare class FloatTips extends OpenAble {
-    /**
-     * Direction of appearance.
-     */
-    base: ("top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right")[];
-    static styles: import("lit").CSSResult[];
-    protected render(): HTMLTemplate;
-    connectedCallback(): void;
-    protected firstUpdated(): void;
-}
-export default FloatTips;
-declare global {
-    interface HTMLElementTagNameMap {
-        "float-tips": FloatTips;
-    }
-}
-//# sourceMappingURL=float-tips.d.ts.map

package/view/float-tips.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"float-tips.d.ts","sourceRoot":"","sources":["../../src/view/float-tips.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;GAEG;AACH,qBACa,SAAU,SAAQ,QAAQ;IACrC;;OAEG;IACM,IAAI,EAAE,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC,EAAE,CAA8F;IAEhN,MAAM,CAAC,MAAM,4BAiCX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,iBAAiB;IAUjB,SAAS,CAAC,YAAY;CAOvB;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/view/float-tips.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"float-tips.js","sourceRoot":"","sources":["../../src/view/float-tips.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC;;GAEG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,QAAQ;IAAhC;;QACL;;WAEG;QACM,SAAI,GAAwG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IAmElN,CAAC;IA9BW,MAAM;QACd,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACpB,OAAO,IAAI,CAAA;0BACO,CAAC;0BACD,CAAC;;SAElB,CAAC;QACJ,CAAC,CAAC;QACA,QAAQ,EAAE;YACN,CAAC;IACX,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACnC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE;gBACnC,OAAO;aACR;YACD,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,EAAE,EAAE;YACX,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE;gBACtC,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;;AAhEM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBF;IACD,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAjCY,CAiCX;AAnCO;IAAR,KAAK,EAAE;uCAAwM;AAJrM,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CAuErB;;AAED,eAAe,SAAS,CAAC"}