godown 1.2.0 → 2.0.0

package/react/group.js

@@ -1,19 +1,15 @@
 "use client";
+import { createComponent } from "@lit/react";
 import * as React from "react";
 import * as X from "../group/index.js";
-import { createComponent } from "@lit/react";
 export const AvatarGroup = createComponent({
     tagName: "avatar-group",
     elementClass: X.AvatarGroup,
     react: React,
 });
-export const ButtonGroup = createComponent({
-    tagName: "button-group",
-    elementClass: X.ButtonGroup,
-    react: React,
-});
 export const DetailsGroup = createComponent({
     tagName: "details-group",
     elementClass: X.DetailsGroup,
     react: React,
 });
+//# sourceMappingURL=group.js.map

package/react/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/react/group.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,CAAC,CAAC,YAAY;IAC5B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC"}

package/react/index.js

@@ -5,3 +5,4 @@ export * from "./input-form.js";
 export * from "./items.js";
 export * from "./layout.js";
 export * from "./view.js";
+//# sourceMappingURL=index.js.map

package/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/react/input-form.d.ts

@@ -4,10 +4,6 @@ export declare const BaseInput: import("@lit/react").ReactWebComponent<X.BaseInp
     onInput: string;
     onChange: string;
 }>;
-export declare const ExpInput: import("@lit/react").ReactWebComponent<X.ExpInput, {
-    onInput: string;
-    onChange: string;
-}>;
 export declare const LabelInput: import("@lit/react").ReactWebComponent<X.LabelInput, {
     onInput: string;
     onChange: string;
@@ -16,7 +12,6 @@ export declare const SearchInput: import("@lit/react").ReactWebComponent<X.Searc
     onInput: string;
     onChange: string;
 }>;
-export declare const SearchW: import("@lit/react").ReactWebComponent<X.SearchW, {}>;
 export declare const SelectInput: import("@lit/react").ReactWebComponent<X.SelectInput, {
     onInput: string;
     onChange: string;

package/react/input-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-form.d.ts","sourceRoot":"","sources":["../../src/react/input-form.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAM5C,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,SAAS;;;EAKpB,CAAC;AACH,eAAO,MAAM,QAAQ;;;EAKnB,CAAC;AACH,eAAO,MAAM,UAAU;;;EAKrB,CAAC;AACH,eAAO,MAAM,WAAW;;;EAKtB,CAAC;AACH,eAAO,MAAM,OAAO,uDAIlB,CAAC;AACH,eAAO,MAAM,WAAW;;;EAKtB,CAAC;AACH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,UAAU;;;EAKrB,CAAC;AACH,eAAO,MAAM,WAAW;;;EAKtB,CAAC"}
+{"version":3,"file":"input-form.d.ts","sourceRoot":"","sources":["../../src/react/input-form.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAO5C,eAAO,MAAM,QAAQ,wDAInB,CAAC;AAEH,eAAO,MAAM,SAAS;;;EAKpB,CAAC;AAEH,eAAO,MAAM,UAAU;;;EAKrB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAKtB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAKtB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AAEH,eAAO,MAAM,UAAU;;;EAKrB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAKtB,CAAC"}

package/react/input-form.js

@@ -1,8 +1,8 @@
 "use client";
+import { createComponent } from "@lit/react";
 import * as React from "react";
 import * as X from "../input-form/index.js";
-import { createComponent } from "@lit/react";
-const stdevent = {
+const commonEvents = {
     onInput: "input",
     onChange: "change",
 };
@@ -15,36 +15,25 @@ export const BaseInput = createComponent({
     tagName: "base-input",
     elementClass: X.BaseInput,
     react: React,
-    events: stdevent,
-});
-export const ExpInput = createComponent({
-    tagName: "exp-input",
-    elementClass: X.ExpInput,
-    react: React,
-    events: stdevent,
+    events: commonEvents,
 });
 export const LabelInput = createComponent({
     tagName: "label-input",
     elementClass: X.LabelInput,
     react: React,
-    events: stdevent,
+    events: commonEvents,
 });
 export const SearchInput = createComponent({
     tagName: "search-input",
     elementClass: X.SearchInput,
     react: React,
-    events: stdevent,
-});
-export const SearchW = createComponent({
-    tagName: "search-w",
-    elementClass: X.SearchW,
-    react: React,
+    events: commonEvents,
 });
 export const SelectInput = createComponent({
     tagName: "select-input",
     elementClass: X.SelectInput,
     react: React,
-    events: stdevent,
+    events: commonEvents,
 });
 export const SignForm = createComponent({
     tagName: "sign-form",
@@ -55,11 +44,12 @@ export const SplitInput = createComponent({
     tagName: "split-input",
     elementClass: X.SplitInput,
     react: React,
-    events: stdevent,
+    events: commonEvents,
 });
 export const SwitchInput = createComponent({
     tagName: "switch-input",
     elementClass: X.SwitchInput,
     react: React,
-    events: stdevent,
+    events: commonEvents,
 });
+//# sourceMappingURL=input-form.js.map

package/react/input-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-form.js","sourceRoot":"","sources":["../../src/react/input-form.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAE5C,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;IACxB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;IACzB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;IACxB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC"}

package/react/items.d.ts

@@ -1,9 +1,10 @@
 import * as X from "../items/index.js";
-export declare const AvatarAnchor: import("@lit/react").ReactWebComponent<X.AvatarAnchor, {}>;
+export declare const AvatarAnchor: import("@lit/react").ReactWebComponent<X.AvatarA, {}>;
 export declare const BaseButton: import("@lit/react").ReactWebComponent<X.BaseButton, {}>;
 export declare const AlertItem: import("@lit/react").ReactWebComponent<X.AlertItem, {}>;
 export declare const DialogItem: import("@lit/react").ReactWebComponent<X.DialogItem, {}>;
 export declare const LinkAnchor: import("@lit/react").ReactWebComponent<X.LinkAnchor, {}>;
 export declare const LoadTrack: import("@lit/react").ReactWebComponent<X.LoadTrack, {}>;
 export declare const SuperAnchor: import("@lit/react").ReactWebComponent<X.SuperAnchor, {}>;
+export declare const TimeBar: import("@lit/react").ReactWebComponent<X.TimeBar, {}>;
 //# sourceMappingURL=items.d.ts.map

package/react/items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../src/react/items.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,eAAO,MAAM,YAAY,4DAIvB,CAAC;AACH,eAAO,MAAM,UAAU,0DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,yDAIpB,CAAC;AACH,eAAO,MAAM,UAAU,0DAIrB,CAAC;AACH,eAAO,MAAM,UAAU,0DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,yDAIpB,CAAC;AACH,eAAO,MAAM,WAAW,2DAItB,CAAC"}
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../src/react/items.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,eAAO,MAAM,YAAY,uDAIvB,CAAC;AACH,eAAO,MAAM,UAAU,0DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,yDAIpB,CAAC;AACH,eAAO,MAAM,UAAU,0DAIrB,CAAC;AACH,eAAO,MAAM,UAAU,0DAIrB,CAAC;AACH,eAAO,MAAM,SAAS,yDAIpB,CAAC;AACH,eAAO,MAAM,WAAW,2DAItB,CAAC;AACH,eAAO,MAAM,OAAO,uDAIlB,CAAC"}

package/react/items.js

@@ -1,10 +1,10 @@
 "use client";
+import { createComponent } from "@lit/react";
 import * as React from "react";
 import * as X from "../items/index.js";
-import { createComponent } from "@lit/react";
 export const AvatarAnchor = createComponent({
-    tagName: "avatar-anchor",
-    elementClass: X.AvatarAnchor,
+    tagName: "avatar-a",
+    elementClass: X.AvatarA,
     react: React,
 });
 export const BaseButton = createComponent({
@@ -37,3 +37,9 @@ export const SuperAnchor = createComponent({
     elementClass: X.SuperAnchor,
     react: React,
 });
+export const TimeBar = createComponent({
+    tagName: "time-bar",
+    elementClass: X.TimeBar,
+    react: React,
+});
+//# sourceMappingURL=items.js.map

package/react/items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.js","sourceRoot":"","sources":["../../src/react/items.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;IACvB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;IACvB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC"}

package/react/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/react/layout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,SAAS,yDAIpB,CAAC;AACH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,OAAO,uDAIlB,CAAC;AACH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,OAAO,uDAIlB,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/react/layout.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,SAAS,yDAIpB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAIlB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAIlB,CAAC"}

package/react/layout.js

@@ -1,7 +1,7 @@
 "use client";
+import { createComponent } from "@lit/react";
 import * as React from "react";
 import * as X from "../layout/index.js";
-import { createComponent } from "@lit/react";
 export const NavLayout = createComponent({
     tagName: "nav-layout",
     elementClass: X.NavLayout,
@@ -27,3 +27,4 @@ export const DragBox = createComponent({
     elementClass: X.DragBox,
     react: React,
 });
+//# sourceMappingURL=layout.js.map

package/react/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/react/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;IACxB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;IACvB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;IACxB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;IACvB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC"}

package/react/view.d.ts

@@ -1,6 +1,7 @@
 import * as X from "../view/index.js";
 export declare const DetailsExpand: import("@lit/react").ReactWebComponent<X.DetailsExpand, {}>;
 export declare const DownDrop: import("@lit/react").ReactWebComponent<X.DownDrop, {}>;
+export declare const RotationPool: import("@lit/react").ReactWebComponent<X.RotationPool, {}>;
 export declare const MenuList: import("@lit/react").ReactWebComponent<X.MenuList, {}>;
 export declare const RouteView: import("@lit/react").ReactWebComponent<X.RouteView, {}>;
 export declare const ScrollX: import("@lit/react").ReactWebComponent<X.ScrollX, {}>;

package/react/view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/react/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,eAAO,MAAM,aAAa,6DAIxB,CAAC;AACH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AACH,eAAO,MAAM,SAAS,yDAIpB,CAAC;AACH,eAAO,MAAM,OAAO,uDAIlB,CAAC"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/react/view.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,eAAO,MAAM,aAAa,6DAIxB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAIvB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAInB,CAAC;AAEH,eAAO,MAAM,SAAS,yDAIpB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAIlB,CAAC"}

package/react/view.js

@@ -1,7 +1,7 @@
 "use client";
+import { createComponent } from "@lit/react";
 import * as React from "react";
 import * as X from "../view/index.js";
-import { createComponent } from "@lit/react";
 export const DetailsExpand = createComponent({
     tagName: "details-expand",
     elementClass: X.DetailsExpand,
@@ -12,6 +12,11 @@ export const DownDrop = createComponent({
     elementClass: X.DownDrop,
     react: React,
 });
+export const RotationPool = createComponent({
+    tagName: "rotation-pool",
+    elementClass: X.RotationPool,
+    react: React,
+});
 export const MenuList = createComponent({
     tagName: "menu-list",
     elementClass: X.MenuList,
@@ -27,3 +32,4 @@ export const ScrollX = createComponent({
     elementClass: X.ScrollX,
     react: React,
 });
+//# sourceMappingURL=view.js.map

package/react/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/react/view.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,OAAO,EAAE,gBAAgB;IACzB,YAAY,EAAE,CAAC,CAAC,aAAa;IAC7B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;IACxB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,CAAC,CAAC,YAAY;IAC5B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;IACxB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;IACvB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC"}

package/tmpl.d.ts

@@ -0,0 +1,20 @@
+import { html } from "lit";
+/**
+ * @param fill undefined: "currentColor". 0, null, "": "none"
+ * @param stroke undefined: "currentColor". 0, null, "": "none"
+ * @returns path
+ */
+export declare const path: (fill?: string | undefined | null | 0, stroke?: string | undefined | null | 0) => (d: string) => import("lit").TemplateResult<2>;
+interface HtmlSlot {
+    (name?: "pre" | "suf"): ReturnType<typeof html>;
+    (name?: string): ReturnType<typeof html>;
+}
+export declare const htmlSlot: HtmlSlot;
+export declare const svgDelta: () => import("lit").TemplateResult<1>;
+export declare const svgDeltaSmooth: () => import("lit").TemplateResult<1>;
+export declare const svgArrow: (body?: boolean) => import("lit").TemplateResult<1>;
+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 {};
+//# sourceMappingURL=tmpl.d.ts.map

package/tmpl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmpl.d.ts","sourceRoot":"","sources":["../src/tmpl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAO,MAAM,KAAK,CAAC;AAEhC;;;;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,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;IAEhD,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,QAAQ,EAAE,QAKtB,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"}

package/tmpl.js

@@ -0,0 +1,39 @@
+import { html, svg } from "lit";
+/**
+ * @param fill undefined: "currentColor". 0, null, "": "none"
+ * @param stroke undefined: "currentColor". 0, null, "": "none"
+ * @returns path
+ */
+export const path = (fill = "currentColor", stroke = "currentColor") => {
+    fill = fill || "none";
+    stroke = stroke || "none";
+    return (d) => {
+        return svg `<path d="${d}" fill="${fill}" stroke="${stroke}" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>`;
+    };
+};
+export const htmlSlot = (name) => {
+    if (name) {
+        return html `<slot name="${name}"></slot>`;
+    }
+    return html `<slot></slot>`;
+};
+export const svgDelta = () => {
+    return html `<svg viewBox="0 0 48 48" fill="none">${path()("M36 19L24 31L12 19H36Z")}</svg>`;
+};
+export const svgDeltaSmooth = () => {
+    return html `<svg viewBox="0 0 16 16" fill="currentColor">${path(undefined, 0)("m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z")}</svg>`;
+};
+export const svgArrow = (body) => {
+    const d = body ? "M24 12L36 24L24 36" : "M19 12L31 24L19 36";
+    return html `<svg viewBox="0 0 48 48" fill="none">${body && path()("M36 24.0083H12")} ${path("none")(d)}</svg>`;
+};
+export const svgSearch = () => {
+    return html `<svg viewBox="0 0 1024 1024">${path()("M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z")}</svg>`;
+};
+export const svgEye = () => {
+    return html `<svg viewBox="0 0 48 48">${path(0)("M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30")} ${path(0)("M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705")} ${path()("M42 42L6 6")}</svg>`;
+};
+export const svgX = () => {
+    return html `<svg viewBox="0 0 48 48" fill="none">${path()("M14 14L34 34")} ${path()("M14 34L34 14")}</svg>`;
+};
+//# sourceMappingURL=tmpl.js.map

package/tmpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmpl.js","sourceRoot":"","sources":["../src/tmpl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEhC;;;;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,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"}

package/view/details-expand.d.ts

@@ -1,14 +1,16 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-export declare class DetailsExpand extends STD {
+import ViewSTD from "./std.js";
+export declare class DetailsExpand extends ViewSTD {
     summary: string;
-    reverse: boolean;
+    float: boolean;
     open: boolean;
     fill: boolean;
-    float: boolean;
+    reverse: boolean;
+    _dd: HTMLDataListElement;
     static styles: CSSResultGroup[];
     render(): import("lit").TemplateResult<1>;
     firstUpdated(): void;
+    _handelClick(): void;
     toggle(to?: boolean): 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,EAA+B,cAAc,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,aAAc,SAAQ,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IACC,OAAO,UAAS;IACD,IAAI,UAAS;IAC5B,IAAI,UAAS;IACb,KAAK,UAAS;IAC3C,MAAM,CAAC,MAAM,mBA4BS;IACtB,MAAM;IAWN,YAAY;IAGZ,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,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,OAAuB,MAAM,UAAU,CAAC;AAE/C,qBACa,aAAc,SAAQ,OAAO;IAC5B,OAAO,SAAM;IACmB,KAAK,UAAS;IACd,IAAI,UAAS;IAC5B,IAAI,UAAS;IACb,OAAO,UAAS;IAChC,GAAG,EAAE,mBAAmB,CAAC;IACtC,MAAM,CAAC,MAAM,mBAsBS;IAEtB,MAAM;IAYN,YAAY;IAMZ,YAAY;IAIZ,MAAM,CAAC,EAAE,UAAa;CAIvB;AAED,eAAe,aAAa,CAAC;AAC7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/view/details-expand.js

@@ -4,30 +4,36 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, css, property, define } from "../deps.js";
-import STD, { DLsharecss } from "./std.js";
-let DetailsExpand = class DetailsExpand extends STD {
+import { css, define, html, property, query } from "../deps.js";
+import { htmlSlot, svgDeltaSmooth } from "../tmpl.js";
+import ViewSTD, { dlShareCSS } from "./std.js";
+let DetailsExpand = class DetailsExpand extends ViewSTD {
     constructor() {
         super(...arguments);
-        this.reverse = false;
+        this.summary = "";
+        this.float = false;
         this.open = false;
         this.fill = false;
-        this.float = false;
+        this.reverse = false;
     }
     render() {
         return html `<dl>
-      <dt ?open=${this.open} @click=${() => this.toggle()} style="flex-direction:row${this.reverse ? "-reverse" : ""}">
-        <span>${this.summary}<slot name="summary"></slot></span>
-        <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);">${!this.querySelector(`slot[name="icon"]`) ? html `<svg fill="currentColor" viewBox="0 0 16 16"><path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z" /></svg>` : html `<slot name="icon"></slot>`}</i>
+      <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.querySelector("slot[name=icon]") ? svgDeltaSmooth() : htmlSlot("icon")} </i>
       </dt>
-      <dd ?open=${this.open} ?float=${this.float}>
-        <section><slot></slot></section>
+      <dd ?float="${this.float}">
+        <section>${htmlSlot()}</section>
       </dd>
     </dl>`;
     }
     firstUpdated() {
-        if (this.fill)
-            this.shadowRoot.querySelector("dd").addEventListener("click", () => this.toggle());
+        if (this.fill) {
+            this.addEvent(this._dd, "click", () => this.toggle());
+        }
+    }
+    _handelClick() {
+        this.toggle();
     }
     toggle(to = !this.open) {
         this.open = to;
@@ -35,16 +41,13 @@ let DetailsExpand = class DetailsExpand extends STD {
     }
 };
 DetailsExpand.styles = [
-    STD.styles,
-    DLsharecss,
+    ViewSTD.styles,
+    dlShareCSS,
     css `
-      dl {
-        height: 100%;
-        position: relative;
-      }
       dt {
         height: 100%;
       }
+
       i {
         height: 1.2em;
         min-width: 1.2em;
@@ -54,21 +57,18 @@ DetailsExpand.styles = [
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
       }
-      [open] i {
+
+      :host([open]) i {
         transform: rotate(-90deg) !important;
       }
-      [float] {
-        top: 100%;
-        position: absolute;
-      }
     `,
 ];
 __decorate([
     property()
 ], DetailsExpand.prototype, "summary", void 0);
 __decorate([
-    property({ type: Boolean })
-], DetailsExpand.prototype, "reverse", void 0);
+    property({ type: Boolean, reflect: true })
+], DetailsExpand.prototype, "float", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], DetailsExpand.prototype, "open", void 0);
@@ -77,9 +77,13 @@ __decorate([
 ], DetailsExpand.prototype, "fill", void 0);
 __decorate([
     property({ type: Boolean })
-], DetailsExpand.prototype, "float", void 0);
+], DetailsExpand.prototype, "reverse", void 0);
+__decorate([
+    query("dd")
+], DetailsExpand.prototype, "_dd", void 0);
 DetailsExpand = __decorate([
     define("details-expand")
 ], DetailsExpand);
 export { DetailsExpand };
 export default DetailsExpand;
+//# sourceMappingURL=details-expand.js.map

package/view/details-expand.js.map

@@ -0,0 +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,OAAO,EAAE,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGxC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO;IAAnC;;QACO,YAAO,GAAG,EAAE,CAAC;QACmB,UAAK,GAAG,KAAK,CAAC;QACd,SAAI,GAAG,KAAK,CAAC;QAC5B,SAAI,GAAG,KAAK,CAAC;QACb,YAAO,GAAG,KAAK,CAAC;IAoD/C,CAAC;IA1BC,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,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;;oBAEnI,IAAI,CAAC,KAAK;mBACX,QAAQ,EAAE;;UAEnB,CAAC;IACT,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;IAED,YAAY;QACV,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI;QACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC;;AAjDM,oBAAM,GAAG;IACd,OAAO,CAAC,MAAM;IACd,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBF;CACkB,AAtBR,CAsBS;AA5BV;IAAX,QAAQ,EAAE;8CAAc;AACmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAe;AACd;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAc;AAC5B;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;AAN3B,aAAa;IADzB,MAAM,CAAC,gBAAgB,CAAC;GACZ,aAAa,CAyDzB;;AAED,eAAe,aAAa,CAAC"}

package/view/down-drop.d.ts

@@ -1,14 +1,18 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "../layout/std.js";
-export declare class DownDrop extends STD {
+import ViewSTD from "./std.js";
+export declare class DownDrop extends ViewSTD {
     static styles: CSSResultGroup[];
+    open: boolean;
+    float: boolean;
     _div: HTMLDivElement;
-    _timer: any;
+    _timer: number;
     render(): import("lit").TemplateResult<1>;
     firstUpdated(): Promise<void>;
+    protected _handelClick(e: MouseEvent): void;
+    protected _handelResize(): void;
     resize(): void;
     close(): void;
-    open(): void;
+    show(): void;
     toggle(): void;
 }
 export default DownDrop;

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":"AAAA,OAAO,EAA4B,cAAc,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,mBA0BS;IACR,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM;IAOA,YAAY;IAkBlB,MAAM;IAcN,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AACD,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,EAAiC,MAAM,YAAY,CAAC;AAEhF,OAAO,OAAO,MAAM,UAAU,CAAC;AAE/B,qBACa,QAAS,SAAQ,OAAO;IACnC,MAAM,CAAC,MAAM,mBAgCS;IACsB,IAAI,UAAS;IAC5B,KAAK,UAAS;IAC7B,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IAEf,MAAM;IAQA,YAAY;IASlB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAMpC,SAAS,CAAC,aAAa;IAQvB,MAAM;IAeN,KAAK;IAKL,IAAI;IAKJ,MAAM;CAGP;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/down-drop.js

@@ -4,33 +4,41 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, css, query, define } from "../deps.js";
-import STD from "../layout/std.js";
-let DownDrop = class DownDrop extends STD {
+import { css, define, html, property, query } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import ViewSTD from "./std.js";
+let DownDrop = class DownDrop extends ViewSTD {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.float = false;
+    }
     render() {
         return html `<main>
       <slot name="hover"></slot>
-      <slot name="focus" @click=${this.toggle}></slot>
-      <div style="transform:translateX(0)"><slot></slot></div>
+      <slot name="focus" @click="${this.toggle}"></slot>
+      <div style="transform:translateX(0);position: ${this.float ? "absolute" : "relative"};">${htmlSlot()}</div>
     </main>`;
     }
     async firstUpdated() {
-        if (this.querySelector(`[slot="focus"]`)) {
-            document.addEventListener("click", (e) => {
-                if (!this.contains(e.target)) {
-                    this.close();
-                }
-            });
+        if (this.querySelector("[slot=focus]")) {
+            this.addEvent(document, "click", this._handelClick.bind(this));
         }
         await this.updateComplete;
         this.resize();
-        window.addEventListener("resize", () => {
-            clearTimeout(this._timer);
-            this._timer = setTimeout(() => {
-                this._div.style.transform = "translateX(0)";
-                this.resize();
-            }, 250);
-        });
+        this.addEvent(window, "resize", this._handelResize.bind(this));
+    }
+    _handelClick(e) {
+        if (!this.contains(e.target)) {
+            this.close();
+        }
+    }
+    _handelResize() {
+        clearTimeout(this._timer);
+        this._timer = setTimeout(() => {
+            this._div.style.transform = "translateX(0)";
+            this.resize();
+        }, 250);
     }
     resize() {
         var _a;
@@ -50,24 +58,25 @@ let DownDrop = class DownDrop extends STD {
         }
     }
     close() {
-        this._div.style.visibility = "hidden";
+        this.open = false;
         this.dispatchEvent(new CustomEvent("change", { detail: false }));
     }
-    open() {
-        this._div.style.visibility = "visible";
+    show() {
+        this.open = true;
         this.dispatchEvent(new CustomEvent("change", { detail: true }));
     }
     toggle() {
-        this._div.style.visibility === "visible" ? this.close() : this.open();
+        this.open ? this.close() : this.show();
     }
 };
 DownDrop.styles = [
-    STD.styles,
+    ViewSTD.styles,
     css `
       :host {
         height: 100%;
         width: 100%;
       }
+
       main {
         height: inherit;
         width: inherit;
@@ -76,18 +85,29 @@ DownDrop.styles = [
         flex-direction: column;
         align-items: center;
       }
+
       div {
         background-color: inherit;
-        position: absolute;
         visibility: hidden;
         top: 100%;
       }
+
       slot[name="hover"]:hover ~ div,
       div:hover {
         visibility: visible;
       }
+
+      :host([open]) div {
+        visibility: visible;
+      }
     `,
 ];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DownDrop.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], DownDrop.prototype, "float", void 0);
 __decorate([
     query("div")
 ], DownDrop.prototype, "_div", void 0);
@@ -96,3 +116,4 @@ DownDrop = __decorate([
 ], DownDrop);
 export { DownDrop };
 export default DownDrop;
+//# sourceMappingURL=down-drop.js.map

package/view/down-drop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"down-drop.js","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,OAAO,MAAM,UAAU,CAAC;AAGxB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,OAAO;IAA9B;;QAkCuC,SAAI,GAAG,KAAK,CAAC;QAC5B,UAAK,GAAG,KAAK,CAAC;IA+D7C,CAAC;IA3DC,MAAM;QACJ,OAAO,IAAI,CAAA;;mCAEoB,IAAI,CAAC,MAAM;sDACQ,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,MAAM,QAAQ,EAAE;YAC9F,CAAC;IACX,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SAChE;QACD,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjE,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE;YAC3C,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;IACH,CAAC;IAES,aAAa;QACrB,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAC;YAC5C,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,qBAAqB,EAAE,KAAI,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACpG,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QACzD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1D,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC;QAC5D,IAAI,OAAO,GAAG,CAAC,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC,SAAS,KAAK,CAAC;SAC3D;aAAM,IAAI,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,UAAU,KAAK,CAAC;SAC3D;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAC;SAC7C;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACzC,CAAC;;AAhGM,eAAM,GAAG;IACd,OAAO,CAAC,MAAM;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BF;CACkB,AAhCR,CAgCS;AACsB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCAAe;AAC7B;IAAb,KAAK,CAAC,KAAK,CAAC;sCAAsB;AApCxB,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAkGpB;;AAED,eAAe,QAAQ,CAAC"}