godown 2.2.0 → 2.3.0

package/lib/event-collection.js

@@ -0,0 +1,71 @@
+export class EventsCollection {
+    constructor() {
+        this.EventsCollection = new Map();
+        this.ListenersAlias = new Map();
+    }
+    addEvent(src, type, listener, alias) {
+        const gotType = this.EventsCollection.get(type);
+        if (gotType) {
+            const gotEle = gotType.get(src);
+            if (gotEle) {
+                gotEle.add(listener);
+            }
+            else {
+                const s = new Set();
+                s.add(listener);
+                gotType.set(src, s);
+            }
+        }
+        else {
+            const s = new Set();
+            s.add(listener);
+            const m = new Map();
+            m.set(src, s);
+            this.EventsCollection.set(type, m);
+        }
+        src.addEventListener(type, listener);
+        if (alias) {
+            this.ListenersAlias.set(alias, listener);
+        }
+    }
+    removeEvent(src, type, id) {
+        const gotType = this.EventsCollection.get(type);
+        if (gotType) {
+            const gotEle = gotType.get(src);
+            if (gotEle) {
+                if (typeof id === "string") {
+                    const listener = this.ListenersAlias.get(id);
+                    if (listener) {
+                        gotEle.delete(listener);
+                        src.removeEventListener(type, listener);
+                    }
+                }
+                else {
+                    gotEle.forEach((listener) => {
+                        src.removeEventListener(type, listener);
+                    });
+                }
+                if (gotEle.size === 0) {
+                    gotType.delete(src);
+                }
+                if (gotType.size === 0) {
+                    this.EventsCollection.delete(type);
+                }
+            }
+        }
+    }
+    removeAllEvents() {
+        this.EventsCollection.forEach((typeMap, type) => {
+            typeMap.forEach((eventListeners, src) => {
+                eventListeners.forEach((listener) => {
+                    src.removeEventListener(type, listener);
+                });
+            });
+            typeMap.clear();
+            this.EventsCollection.delete(type);
+        });
+        this.ListenersAlias.clear();
+    }
+}
+export default EventsCollection;
+//# sourceMappingURL=event-collection.js.map

package/lib/event-collection.js.map

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

package/lib/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function debounce(func: (_: any) => any, timeout: number): () => void;
+//# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

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

package/lib/utils.js

@@ -0,0 +1,12 @@
+export function debounce(func, timeout) {
+    let timer = null;
+    return function () {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        timer = setTimeout(() => {
+            func.apply(this, arguments);
+        }, timeout);
+    };
+}
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAC,IAAqB,EAAE,OAAe;IAC7D,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,OAAO;QACL,IAAI,KAAK,EAAE;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QACD,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAC9B,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "main": "./index.js",
   "type": "module",
   "publishConfig": {
@@ -44,6 +44,7 @@
   },
   "scripts": {
     "dev": "node ./scripts/dev.js",
+    "build:watch": "tsc --watch",
     "watch": "tsc --watch",
     "build": "tsc && node ./scripts/build.js",
     "roll": "rollup -c",

package/tmpl.d.ts

@@ -18,5 +18,6 @@ export declare const svgArrow: (body?: boolean) => import("lit").TemplateResult<
 export declare const svgSearch: () => import("lit").TemplateResult<1>;
 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

package/tmpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tmpl.d.ts","sourceRoot":"","sources":["../src/tmpl.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,SAAS,GAAG,IAAI,GAAG,CAAC,WAA2B,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,SAGnG,MAAM,oCAGlB,CAAC;AAEF,UAAU,QAAQ;IAChB,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,YAAY,CAAC;IAErC,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,QAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,MAAM,oCAMpC,CAAC;AAEF,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"}
+{"version":3,"file":"tmpl.d.ts","sourceRoot":"","sources":["../src/tmpl.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,SAAS,GAAG,IAAI,GAAG,CAAC,WAA2B,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,SAGnG,MAAM,oCAGlB,CAAC;AAEF,UAAU,QAAQ;IAChB,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,YAAY,CAAC;IAErC,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,QAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,MAAM,oCAMpC,CAAC;AAEF,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

@@ -43,4 +43,7 @@ export const svgEye = () => {
 export const svgX = () => {
     return html `<svg viewBox="0 0 48 48" fill="none">${path()("M14 14L34 34")} ${path()("M14 34L34 14")}</svg>`;
 };
+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

package/tmpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"tmpl.js","sourceRoot":"","sources":["../src/tmpl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAIhC;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,OAAsC,cAAc,EAAE,SAAwC,cAAc,EAAE,EAAE;IACnI,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,GAAa,CAAC,IAAa,EAAE,EAAE;IAClD,IAAI,IAAI,EAAE;QACR,OAAO,IAAI,CAAA,eAAe,IAAI,WAAW,CAAC;KAC3C;IACD,OAAO,IAAI,CAAA,eAAe,CAAC;AAC7B,CAAC,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,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"}
+{"version":3,"file":"tmpl.js","sourceRoot":"","sources":["../src/tmpl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAIhC;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,OAAsC,cAAc,EAAE,SAAwC,cAAc,EAAE,EAAE;IACnI,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,GAAa,CAAC,IAAa,EAAE,EAAE;IAClD,IAAI,IAAI,EAAE;QACR,OAAO,IAAI,CAAA,eAAe,IAAI,WAAW,CAAC;KAC3C;IACD,OAAO,IAAI,CAAA,eAAe,CAAC;AAC7B,CAAC,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,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,iCAAiC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,i3BAAi3B,CAAC,QAAQ,CAAC;AAC57B,CAAC,CAAC"}

package/view/details-expand.d.ts

@@ -7,7 +7,7 @@ export declare class DetailsExpand extends OpenAble {
     _dd: HTMLDataListElement;
     static styles: CSSResultGroup[];
     render(): import("lit").TemplateResult<1>;
-    private render_icon;
+    private renderIcon;
     firstUpdated(): void;
 }
 export default DetailsExpand;

package/view/details-expand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details-expand.d.ts","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAiC,MAAM,YAAY,CAAC;AAEhF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,aAAc,SAAQ,QAAQ;IAC7B,OAAO,SAAM;IACI,IAAI,UAAS;IACb,OAAO,UAAS;IAChC,GAAG,EAAE,mBAAmB,CAAC;IACtC,MAAM,CAAC,MAAM,mBAqBS;IAEtB,MAAM;IAYN,OAAO,CAAC,WAAW;IAOnB,YAAY;CAKb;AAED,eAAe,aAAa,CAAC;AAC7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
+{"version":3,"file":"details-expand.d.ts","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAiC,MAAM,YAAY,CAAC;AAEhF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,aAAc,SAAQ,QAAQ;IAC7B,OAAO,SAAM;IACI,IAAI,UAAS;IACb,OAAO,UAAS;IAChC,GAAG,EAAE,mBAAmB,CAAC;IACtC,MAAM,CAAC,MAAM,mBAqBS;IAEtB,MAAM;IAYN,OAAO,CAAC,UAAU;IAOlB,YAAY;CAKb;AAED,eAAe,aAAa,CAAC;AAC7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/view/details-expand.js

@@ -18,14 +18,14 @@ let DetailsExpand = class DetailsExpand extends OpenAble {
         return html `<dl>
       <dt @click="${this._handelClick}" style="flex-direction:row${this.reverse ? "-reverse" : ""}">
         <span> ${this.summary || htmlSlot("summary")} </span>
-        <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);"> ${this.render_icon()} </i>
+        <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);"> ${this.renderIcon()} </i>
       </dt>
       <dd>
         <section>${htmlSlot()}</section>
       </dd>
     </dl>`;
     }
-    render_icon() {
+    renderIcon() {
         if (this.querySelector("slot[name=icon]")) {
             return htmlSlot("icon");
         }

package/view/details-expand.js.map

@@ -1 +1 @@
-{"version":3,"file":"details-expand.js","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG7B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ;IAApC;;QACO,YAAO,GAAG,EAAE,CAAC;QACI,SAAI,GAAG,KAAK,CAAC;QACb,YAAO,GAAG,KAAK,CAAC;IAiD/C,CAAC;IAxBC,MAAM;QACJ,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,YAAY,8BAA8B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;iBAChF,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;sCACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY,IAAI,CAAC,WAAW,EAAE;;;mBAG1E,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE;YACzC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;SACzB;QACD,OAAO,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SACvD;IACH,CAAC;;AA9CM,oBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBF;CACkB,AArBR,CAqBS;AAzBV;IAAX,QAAQ,EAAE;8CAAc;AACI;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAc;AACb;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAiB;AAChC;IAAZ,KAAK,CAAC,IAAI,CAAC;0CAA0B;AAJ3B,aAAa;IADzB,MAAM,CAAC,gBAAgB,CAAC;GACZ,aAAa,CAoDzB;;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"details-expand.js","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG7B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ;IAApC;;QACO,YAAO,GAAG,EAAE,CAAC;QACI,SAAI,GAAG,KAAK,CAAC;QACb,YAAO,GAAG,KAAK,CAAC;IAiD/C,CAAC;IAxBC,MAAM;QACJ,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,YAAY,8BAA8B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;iBAChF,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;sCACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY,IAAI,CAAC,UAAU,EAAE;;;mBAGzE,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE;YACzC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;SACzB;QACD,OAAO,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SACvD;IACH,CAAC;;AA9CM,oBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBF;CACkB,AArBR,CAqBS;AAzBV;IAAX,QAAQ,EAAE;8CAAc;AACI;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAc;AACb;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAiB;AAChC;IAAZ,KAAK,CAAC,IAAI,CAAC;0CAA0B;AAJ3B,aAAa;IADzB,MAAM,CAAC,gBAAgB,CAAC;GACZ,aAAa,CAoDzB;;AAED,eAAe,aAAa,CAAC"}

package/view/down-drop.d.ts

@@ -1,9 +1,15 @@
+import { CSSResultGroup } from "../deps.js";
 import { OpenAble } from "./std.js";
+/**
+ * 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
+ */
 export declare class DownDrop extends OpenAble {
-    _div: HTMLDivElement;
-    _timer: number;
-    static styles: import("lit").CSSResult;
+    private _balancer;
+    static styles: CSSResultGroup;
     render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
     firstUpdated(): Promise<void>;
     protected _handelClick(e: MouseEvent): void;
     protected _handelResize(): void;

package/view/down-drop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,QAAS,SAAQ,QAAQ;IACtB,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,MAAM,0BA4BX;IAEF,MAAM;IAaA,YAAY;IAclB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAMpC,SAAS,CAAC,aAAa;IAQvB,MAAM;CAcP;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAuB,MAAM,YAAY,CAAC;AAGtE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;GAIG;AACH,qBACa,QAAS,SAAQ,QAAQ;IACpB,OAAO,CAAC,SAAS,CAAiB;IAClD,MAAM,CAAC,MAAM,iBA+BO;IAEpB,MAAM;IAWN,iBAAiB;IAKX,YAAY;IAkBlB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAMpC,SAAS,CAAC,aAAa;IAKvB,MAAM;CAiBP;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/down-drop.js

@@ -5,33 +5,46 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, define, html, query } from "../deps.js";
+import { debounce } from "../lib/utils.js";
 import { htmlSlot } from "../tmpl.js";
 import { OpenAble } from "./std.js";
+/**
+ * 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>
-      <slot
-        name="hover"
-        @mouseenter="${() => {
-            this.toggle(true);
-        }}"
-      ></slot>
-      <slot name="focus" @click="${() => this.toggle()}"></slot>
-      <div style="transform:translateX(0);">${htmlSlot()}</div>
+      ${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.querySelector("[slot=focus]")) {
-            this.addEvent(document, "click", this._handelClick.bind(this));
+        if (this.on) {
+            this.addEvent(this._slot, this.on, () => {
+                this.toggle();
+            });
+            this.addEvent(document, this.off, this._handelClick.bind(this));
         }
-        if (this.querySelector("[slot=hover]")) {
+        else {
+            this.addEvent(this._slot, "mouseenter", () => {
+                this.show();
+            });
             this.addEvent(this, "mouseleave", () => {
-                this.toggle(false);
+                this.close();
             });
         }
         await this.updateComplete;
         this.resize();
-        this.addEvent(window, "resize", this._handelResize.bind(this));
     }
     _handelClick(e) {
         if (!this.contains(e.target)) {
@@ -39,62 +52,65 @@ let DownDrop = class DownDrop extends OpenAble {
         }
     }
     _handelResize() {
-        clearTimeout(this._timer);
-        this._timer = setTimeout(() => {
-            this._div.style.transform = "translateX(0)";
-            this.resize();
-        }, 250);
+        this._balancer.style.transform = "translateX(0)";
+        this.resize();
     }
     resize() {
         var _a;
+        if (!this._balancer) {
+            return;
+        }
         const offsets = ((_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || document.body.getBoundingClientRect();
-        const divLeft = this._div.getBoundingClientRect().left;
-        const divRight = this._div.getBoundingClientRect().right;
-        const RightWidth = offsets.width - (divRight - offsets.x);
-        const LeftWidth = offsets.width - (offsets.right - divLeft);
-        if (divLeft < 0) {
-            this._div.style.transform = `translateX(${-LeftWidth}px)`;
+        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 (divRight > offsets.right) {
-            this._div.style.transform = `translateX(${RightWidth}px)`;
+        else if (rectRight > offsets.right) {
+            this._balancer.style.transform = `translateX(${rightWidth}px)`;
         }
         else {
-            this._div.style.transform = "translateX(0)";
+            this._balancer.style.transform = "translateX(0)";
         }
     }
 };
-DownDrop.styles = css `
-    :host {
-      height: 100%;
-      width: 100%;
-    }
+DownDrop.styles = [
+    css `
+      :host {
+        height: 100%;
+        width: 100%;
+      }
 
-    main {
-      height: inherit;
-      width: inherit;
-      display: flex;
-      position: relative;
-      flex-direction: column;
-      align-items: center;
-    }
+      main {
+        height: inherit;
+        width: inherit;
+        display: flex;
+        position: relative;
+        flex-direction: column;
+        align-items: center;
+      }
 
-    div {
-      background-color: inherit;
-      visibility: hidden;
-      top: 100%;
-    }
+      aside {
+        background-color: inherit;
+        visibility: hidden;
+        top: 100%;
+        z-index: 1;
+      }
 
-    :host([open]) div {
-      visibility: visible;
-    }
+      :host([open]) aside {
+        visibility: visible;
+      }
 
-    :host[float] div {
-      position: "absolute";
-    }
-  `;
+      :host([float]) aside {
+        position: absolute;
+      }
+    `,
+];
 __decorate([
-    query("div")
-], DownDrop.prototype, "_div", void 0);
+    query("aside")
+], DownDrop.prototype, "_balancer", void 0);
 DownDrop = __decorate([
     define("down-drop")
 ], DownDrop);

package/view/down-drop.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"float-tips.d.ts","sourceRoot":"","sources":["../../src/view/float-tips.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC;;GAEG;AACH,qBACa,SAAU,SAAQ,QAAQ;IAC5B,IAAI,EAAE,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC,EAAE,CAA8F;IAChN,MAAM,CAAC,MAAM,4BAiCX;IAEF,MAAM;IAaN,iBAAiB;IAUjB,SAAS,CAAC,YAAY;CAOvB"}

package/view/float-tips.js

@@ -0,0 +1,88 @@
+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, define, html, state } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import OpenAble from "./std.js";
+/**
+ * Use a named slot to set the location of openable content.
+ */
+let FloatTips = class FloatTips extends OpenAble {
+    constructor() {
+        super(...arguments);
+        this.base = ["top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right"];
+    }
+    render() {
+        return html `<main>
+      ${this.base.map((i) => {
+            return html `
+          <aside class="${i}">
+            <slot name="${i}"></slot>
+          </aside>
+        `;
+        })}
+      ${htmlSlot()}
+    </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 = [
+    css `
+      :host {
+        display: inline-flex;
+      }
+      main {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+      }
+      aside {
+        visibility: hidden;
+        position: absolute;
+      }
+      :host([open]) aside {
+        visibility: visible;
+      }
+    `,
+    css `
+      aside[class^="top"] {
+        top: -100%;
+      }
+      aside[class^="bottom"] {
+        bottom: -100%;
+      }
+      aside[class$="right"] {
+        left: 100%;
+      }
+      aside[class$="left"] {
+        right: 100%;
+      }
+    `,
+];
+__decorate([
+    state()
+], FloatTips.prototype, "base", void 0);
+FloatTips = __decorate([
+    define("float-tips")
+], FloatTips);
+export { FloatTips };
+//# sourceMappingURL=float-tips.js.map

package/view/float-tips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"float-tips.js","sourceRoot":"","sources":["../../src/view/float-tips.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC;;GAEG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,QAAQ;IAAhC;;QACI,SAAI,GAAwG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IAkElN,CAAC;IA9BC,MAAM;QACJ,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;AAlCO;IAAR,KAAK,EAAE;uCAAwM;AADrM,SAAS;IADrB,MAAM,CAAC,YAAY,CAAC;GACR,SAAS,CAmErB"}

package/view/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./details-expand.js";
 export * from "./down-drop.js";
+export * from "./float-tips.js";
 export * from "./rotation-pool.js";
 export * from "./menu-list.js";
 export * from "./route-view.js";

package/view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/view/index.js

@@ -1,5 +1,6 @@
 export * from "./details-expand.js";
 export * from "./down-drop.js";
+export * from "./float-tips.js";
 export * from "./rotation-pool.js";
 export * from "./menu-list.js";
 export * from "./route-view.js";

package/view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/view/menu-list.d.ts

@@ -2,13 +2,11 @@ import { CSSResultGroup } from "../deps.js";
 import { OpenAble } from "./std.js";
 export declare class MenuList extends OpenAble {
     summary: string;
-    float: boolean;
-    open: boolean;
     def: boolean;
     _section: HTMLElement;
     static styles: CSSResultGroup[];
     render(): import("lit").TemplateResult<1>;
-    private render_icon;
+    private renderIcon;
 }
 export default MenuList;
 declare global {

package/view/menu-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAwC,MAAM,YAAY,CAAC;AAEvF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,QAAS,SAAQ,QAAQ;IACxB,OAAO,SAAM;IACmB,KAAK,UAAS;IACd,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,mBA4BS;IAEtB,MAAM;IAgBN,OAAO,CAAC,WAAW;CAMpB;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAwC,MAAM,YAAY,CAAC;AAEvF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,QAAS,SAAQ,QAAQ;IACxB,OAAO,SAAM;IAChB,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,mBA4BS;IAEtB,MAAM;IAgBN,OAAO,CAAC,UAAU;CAMnB;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/menu-list.js

@@ -11,8 +11,6 @@ let MenuList = class MenuList extends OpenAble {
     constructor() {
         super(...arguments);
         this.summary = "";
-        this.float = false;
-        this.open = false;
     }
     render() {
         const noTitle = !this.summary && !this.querySelector("[slot=summary]") ? "noTitle" : "";
@@ -22,14 +20,14 @@ let MenuList = class MenuList extends OpenAble {
         return html `<dl>
       <dt class="${noTitle}">
         <span>${this.summary}${htmlSlot("summary")}</span>
-        <i @click="${this._handelClick}"> ${this.render_icon()} </i>
+        <i @click="${this._handelClick}"> ${this.renderIcon()} </i>
       </dt>
       <dd>
         <section>${htmlSlot()}</section>
       </dd>
     </dl>`;
     }
-    render_icon() {
+    renderIcon() {
         if (this.querySelector("[slot=icon]")) {
             return htmlSlot("icon");
         }
@@ -68,12 +66,6 @@ MenuList.styles = [
 __decorate([
     property()
 ], MenuList.prototype, "summary", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], MenuList.prototype, "float", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], MenuList.prototype, "open", void 0);
 __decorate([
     state()
 ], MenuList.prototype, "def", void 0);

package/view/menu-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.js","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG7B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,QAAQ;IAA/B;;QACO,YAAO,GAAG,EAAE,CAAC;QACmB,UAAK,GAAG,KAAK,CAAC;QACd,SAAI,GAAG,KAAK,CAAC;IAuD3D,CAAC;IAtBC,MAAM;QACJ,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QACD,OAAO,IAAI,CAAA;mBACI,OAAO;gBACV,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC;qBAC7B,IAAI,CAAC,YAAY,MAAM,IAAI,CAAC,WAAW,EAAE;;;mBAG3C,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE;YACrC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;SACzB;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;;AAnDM,eAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;CACkB,AA5BR,CA4BS;AAjCV;IAAX,QAAQ,EAAE;yCAAc;AACmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAe;AACd;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc;AAChD;IAAR,KAAK,EAAE;qCAAc;AACJ;IAAjB,KAAK,CAAC,SAAS,CAAC;0CAAuB;AAL7B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CA0DpB;;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"menu-list.js","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG7B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,QAAQ;IAA/B;;QACO,YAAO,GAAG,EAAE,CAAC;IAuD3B,CAAC;IAtBC,MAAM;QACJ,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QACD,OAAO,IAAI,CAAA;mBACI,OAAO;gBACV,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC;qBAC7B,IAAI,CAAC,YAAY,MAAM,IAAI,CAAC,UAAU,EAAE;;;mBAG1C,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE;YACrC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;SACzB;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;;AAnDM,eAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;CACkB,AA5BR,CA4BS;AA/BV;IAAX,QAAQ,EAAE;yCAAc;AAChB;IAAR,KAAK,EAAE;qCAAc;AACJ;IAAjB,KAAK,CAAC,SAAS,CAAC;0CAAuB;AAH7B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAwDpB;;AAED,eAAe,QAAQ,CAAC"}