godown 2.4.1 → 2.5.0

package/react/group.js

@@ -2,15 +2,12 @@
 import createComponent from "./create.js";
 import * as X from "../group/index.js";
 export const AvatarGroup = createComponent({
-    tagName: "avatar-group",
     elementClass: X.AvatarGroup,
 });
 export const DetailsGroup = createComponent({
-    tagName: "details-group",
     elementClass: X.DetailsGroup,
 });
 export const TabGroup = createComponent({
-    tagName: "tab-group",
     elementClass: X.TabGroup,
 });
 //# sourceMappingURL=group.js.map

package/react/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/react/group.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,CAAC,CAAC,WAAW;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC"}
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/react/group.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,YAAY,EAAE,CAAC,CAAC,WAAW;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC"}

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;AAO5C,eAAO,MAAM,QAAQ,wDAGnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;EAIpB,CAAC;AAEH,eAAO,MAAM,UAAU;;;EAIrB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAItB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAItB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAGnB,CAAC;AAEH,eAAO,MAAM,UAAU;;;EAIrB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAItB,CAAC"}
+{"version":3,"file":"input-form.d.ts","sourceRoot":"","sources":["../../src/react/input-form.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAO5C,eAAO,MAAM,QAAQ,wDAEnB,CAAC;AAEH,eAAO,MAAM,SAAS;;;EAGpB,CAAC;AAEH,eAAO,MAAM,UAAU;;;EAGrB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAEnB,CAAC;AAEH,eAAO,MAAM,UAAU;;;EAGrB,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC"}

package/react/input-form.js

@@ -6,40 +6,32 @@ const commonEvents = {
     onChange: "change",
 };
 export const BaseForm = createComponent({
-    tagName: "base-form",
     elementClass: X.BaseForm,
 });
 export const BaseInput = createComponent({
-    tagName: "base-input",
     elementClass: X.BaseInput,
     events: commonEvents,
 });
 export const LabelInput = createComponent({
-    tagName: "label-input",
     elementClass: X.LabelInput,
     events: commonEvents,
 });
 export const SearchInput = createComponent({
-    tagName: "search-input",
     elementClass: X.SearchInput,
     events: commonEvents,
 });
 export const SelectInput = createComponent({
-    tagName: "select-input",
     elementClass: X.SelectInput,
     events: commonEvents,
 });
 export const SignForm = createComponent({
-    tagName: "sign-form",
     elementClass: X.SignForm,
 });
 export const SplitInput = createComponent({
-    tagName: "split-input",
     elementClass: X.SplitInput,
     events: commonEvents,
 });
 export const SwitchInput = createComponent({
-    tagName: "switch-input",
     elementClass: X.SwitchInput,
     events: commonEvents,
 });

package/react/input-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-form.js","sourceRoot":"","sources":["../../src/react/input-form.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,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;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;IACzB,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,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,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,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,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,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC"}
+{"version":3,"file":"input-form.js","sourceRoot":"","sources":["../../src/react/input-form.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,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,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,YAAY,EAAE,CAAC,CAAC,SAAS;IACzB,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,YAAY,EAAE,CAAC,CAAC,UAAU;IAC1B,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,YAAY,EAAE,CAAC,CAAC,WAAW;IAC3B,MAAM,EAAE,YAAY;CACrB,CAAC,CAAC"}

package/react/items.d.ts

@@ -5,7 +5,7 @@ export declare const BaseButton: import("@lit/react").ReactWebComponent<X.BaseBu
 export declare const CardItem: import("@lit/react").ReactWebComponent<X.CardItem, {}>;
 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 LoadTrack: import("@lit/react").ReactWebComponent<X.LoadProgress, {}>;
 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,SAAS,yDAGpB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAGvB,CAAC;AAEH,eAAO,MAAM,UAAU,0DAGrB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAGnB,CAAC;AAEH,eAAO,MAAM,UAAU,0DAGrB,CAAC;AAEH,eAAO,MAAM,UAAU,0DAGrB,CAAC;AAEH,eAAO,MAAM,SAAS,yDAGpB,CAAC;AAEH,eAAO,MAAM,WAAW,2DAGtB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAGlB,CAAC"}
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../src/react/items.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,eAAO,MAAM,SAAS,yDAEpB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAEvB,CAAC;AAEH,eAAO,MAAM,UAAU,0DAErB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,0DAErB,CAAC;AAEH,eAAO,MAAM,UAAU,0DAErB,CAAC;AAEH,eAAO,MAAM,SAAS,4DAEpB,CAAC;AAEH,eAAO,MAAM,WAAW,2DAEtB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAElB,CAAC"}

package/react/items.js

@@ -2,39 +2,30 @@
 import createComponent from "./create.js";
 import * as X from "../items/index.js";
 export const AlertItem = createComponent({
-    tagName: "alert-item",
     elementClass: X.AlertItem,
 });
 export const AvatarAnchor = createComponent({
-    tagName: "avatar-a",
     elementClass: X.AvatarAnchor,
 });
 export const BaseButton = createComponent({
-    tagName: "base-button",
     elementClass: X.BaseButton,
 });
 export const CardItem = createComponent({
-    tagName: "card-item",
     elementClass: X.CardItem,
 });
 export const DialogItem = createComponent({
-    tagName: "dialog-item",
     elementClass: X.DialogItem,
 });
 export const LinkAnchor = createComponent({
-    tagName: "link-a",
     elementClass: X.LinkAnchor,
 });
 export const LoadTrack = createComponent({
-    tagName: "load-track",
-    elementClass: X.LoadTrack,
+    elementClass: X.LoadProgress,
 });
 export const SuperAnchor = createComponent({
-    tagName: "super-a",
     elementClass: X.SuperAnchor,
 });
 export const TimeBar = createComponent({
-    tagName: "time-bar",
     elementClass: X.TimeBar,
 });
 //# sourceMappingURL=items.js.map

package/react/items.js.map

@@ -1 +1 @@
-{"version":3,"file":"items.js","sourceRoot":"","sources":["../../src/react/items.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC,CAAC,UAAU;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,CAAC,CAAC,UAAU;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,CAAC,CAAC,UAAU;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,CAAC,CAAC,WAAW;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC"}
+{"version":3,"file":"items.js","sourceRoot":"","sources":["../../src/react/items.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,YAAY,EAAE,CAAC,CAAC,UAAU;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,YAAY,EAAE,CAAC,CAAC,UAAU;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,YAAY,EAAE,CAAC,CAAC,UAAU;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,YAAY,EAAE,CAAC,CAAC,WAAW;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC"}

package/react/layout.d.ts

@@ -5,5 +5,4 @@ export declare const FlexFlow: import("@lit/react").ReactWebComponent<X.FlexFlow
 export declare const NavAside: import("@lit/react").ReactWebComponent<X.NavAside, {}>;
 export declare const NavLayout: import("@lit/react").ReactWebComponent<X.NavLayout, {}>;
 export declare const SkeletonScreen: import("@lit/react").ReactWebComponent<X.SkeletonScreen, {}>;
-export declare const WithWrap: import("@lit/react").ReactWebComponent<X.WithWrap, {}>;
 //# sourceMappingURL=layout.d.ts.map

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,OAAO,uDAGlB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAGlB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAGnB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAGnB,CAAC;AAEH,eAAO,MAAM,SAAS,yDAGpB,CAAC;AAEH,eAAO,MAAM,cAAc,8DAGzB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAGnB,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/react/layout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,OAAO,uDAElB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAEnB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,yDAEpB,CAAC;AAEH,eAAO,MAAM,cAAc,8DAEzB,CAAC"}

package/react/layout.js

@@ -2,31 +2,21 @@
 import createComponent from "./create.js";
 import * as X from "../layout/index.js";
 export const DivLine = createComponent({
-    tagName: "div-line",
     elementClass: X.DivLine,
 });
 export const DragBox = createComponent({
-    tagName: "drag-box",
     elementClass: X.DragBox,
 });
 export const FlexFlow = createComponent({
-    tagName: "flex-flow",
     elementClass: X.FlexFlow,
 });
 export const NavAside = createComponent({
-    tagName: "nav-aside",
     elementClass: X.NavAside,
 });
 export const NavLayout = createComponent({
-    tagName: "nav-layout",
     elementClass: X.NavLayout,
 });
 export const SkeletonScreen = createComponent({
-    tagName: "skeleton-screen",
     elementClass: X.SkeletonScreen,
 });
-export const WithWrap = createComponent({
-    tagName: "with-wrap",
-    elementClass: X.WithWrap,
-});
 //# sourceMappingURL=layout.js.map

package/react/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/react/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,OAAO,EAAE,iBAAiB;IAC1B,YAAY,EAAE,CAAC,CAAC,cAAc;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/react/layout.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,YAAY,EAAE,CAAC,CAAC,cAAc;CAC/B,CAAC,CAAC"}

package/react/view.d.ts

@@ -1,9 +1,10 @@
 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 FloatTips: import("@lit/react").ReactWebComponent<X.FloatTips, {}>;
 export declare const MenuList: import("@lit/react").ReactWebComponent<X.MenuList, {}>;
+export declare const OffsetExpand: import("@lit/react").ReactWebComponent<X.OffsetExpand, {}>;
 export declare const RotationPool: import("@lit/react").ReactWebComponent<X.RotationPool, {}>;
 export declare const RouteView: import("@lit/react").ReactWebComponent<X.RouteView<unknown>, {}>;
 export declare const ScrollX: import("@lit/react").ReactWebComponent<X.ScrollX, {}>;
+export declare const ToolTip: import("@lit/react").ReactWebComponent<X.ToolTip, {}>;
+export declare const WithWrap: import("@lit/react").ReactWebComponent<X.WithWrap, {}>;
 //# sourceMappingURL=view.d.ts.map

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,6DAGxB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAGnB,CAAC;AAEH,eAAO,MAAM,SAAS,yDAGpB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAGnB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAGvB,CAAC;AACH,eAAO,MAAM,SAAS,kEAGpB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAGlB,CAAC"}
+{"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,6DAExB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAEnB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAEvB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAEvB,CAAC;AACH,eAAO,MAAM,SAAS,kEAEpB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAElB,CAAC;AAEH,eAAO,MAAM,OAAO,uDAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAEnB,CAAC"}

package/react/view.js

@@ -2,31 +2,27 @@
 import createComponent from "./create.js";
 import * as X from "../view/index.js";
 export const DetailsExpand = createComponent({
-    tagName: "details-expand",
     elementClass: X.DetailsExpand,
 });
-export const DownDrop = createComponent({
-    tagName: "down-drop",
-    elementClass: X.DownDrop,
-});
-export const FloatTips = createComponent({
-    tagName: "float-tips",
-    elementClass: X.FloatTips,
-});
 export const MenuList = createComponent({
-    tagName: "menu-list",
     elementClass: X.MenuList,
 });
+export const OffsetExpand = createComponent({
+    elementClass: X.OffsetExpand,
+});
 export const RotationPool = createComponent({
-    tagName: "rotation-pool",
     elementClass: X.RotationPool,
 });
 export const RouteView = createComponent({
-    tagName: "route-view",
     elementClass: X.RouteView,
 });
 export const ScrollX = createComponent({
-    tagName: "scroll-x",
     elementClass: X.ScrollX,
 });
+export const ToolTip = createComponent({
+    elementClass: X.ToolTip,
+});
+export const WithWrap = createComponent({
+    elementClass: X.WithWrap,
+});
 //# sourceMappingURL=view.js.map

package/react/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/react/view.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,OAAO,EAAE,gBAAgB;IACzB,YAAY,EAAE,CAAC,CAAC,aAAa;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/react/view.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,YAAY,EAAE,CAAC,CAAC,aAAa;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,YAAY,EAAE,CAAC,CAAC,YAAY;CAC7B,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,YAAY,EAAE,CAAC,CAAC,SAAS;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,YAAY,EAAE,CAAC,CAAC,OAAO;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC"}

package/root.d.ts

@@ -0,0 +1,23 @@
+import { type CSSResult } from "lit";
+import GodownElement from "./godown-element.js";
+/**
+ * {@linkcode conf.define} a custom element.
+ * @param name Name for the new custom element. Must be a valid custom element name.
+ * @param options Object that controls how the element is defined.
+ */
+export declare const define: (name?: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
+/**
+ * Custom CSS variable prefix, join with "--".
+ */
+export declare const cssvar: CSSResult;
+export declare function createScope(scope: string): CSSResult;
+export declare const cssvarValues: {
+    cssvar: CSSResult;
+    input: CSSResult;
+    main: CSSResult;
+    text: CSSResult;
+    mainRGB: CSSResult;
+    textRGB: CSSResult;
+};
+export { GodownElement };
+//# sourceMappingURL=root.d.ts.map

package/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,SAAS,EAAkC,MAAM,KAAK,CAAC;AAE1E,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,UAAW,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAElH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,WAAgE,CAAC;AAEpF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAMD,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC;AAwDF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/root.js

@@ -0,0 +1,82 @@
+import { css, unsafeCSS } from "lit";
+import { conf } from "./conf.js";
+import GodownElement from "./godown-element.js";
+/**
+ * {@linkcode conf.define} a custom element.
+ * @param name Name for the new custom element. Must be a valid custom element name.
+ * @param options Object that controls how the element is defined.
+ */
+export const define = (name, options) => (constructor) => {
+    conf.define(name, constructor, options);
+};
+/**
+ * Custom CSS variable prefix, join with "--".
+ */
+export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9\\-]/g, ""));
+export function createScope(scope) {
+    return joinScope(conf.tag(scope));
+}
+function joinScope(s) {
+    return unsafeCSS(`${cssvar}--${s}`);
+}
+export const cssvarValues = {
+    cssvar,
+    input: joinScope("input"),
+    main: joinScope("background"),
+    text: joinScope("foreground"),
+    mainRGB: joinScope("background-rgb"),
+    textRGB: joinScope("foreground-rgb"),
+};
+GodownElement.conf = conf;
+GodownElement.styles = [
+    css `
+    :host {
+      ${cssvar}--background-rgb: 12 12 12;
+      ${cssvar}--background: rgb(var(${cssvarValues.mainRGB}));
+      ${cssvar}--foreground-rgb: 240 240 240;
+      ${cssvar}--foreground: rgb(var(${cssvarValues.textRGB}));
+      ${cssvar}--clip-background:linear-gradient(180deg, var(${cssvarValues.text}), rgb(var(${cssvarValues.textRGB}) / 68%));
+      ${cssvar}--size: 100%;
+      ${cssvar}--accept: rgb(25 130 180);
+      font-size: var(${cssvar}--size);
+    }
+  `,
+    css `
+    :host {
+      ${cssvarValues.input}--width: 10em;
+      ${cssvarValues.input}--height: 1.6em;
+      ${cssvarValues.input}--background: var(${cssvarValues.main});
+      ${cssvarValues.input}--true: rgb(48 132 240);
+      ${cssvarValues.input}--false: rgb(198 198 198);
+      ${cssvarValues.input}--control:var(${cssvarValues.text});
+      ${cssvarValues.input}--control-edge: var(${cssvarValues.input}--true);
+      ${cssvarValues.input}--outline-color: var(${cssvar}--accept);
+      ${cssvarValues.input}--outline-width: .15em;
+      ${cssvarValues.input}--outline-style: solid;
+      ${cssvarValues.input}--outline: var(${cssvarValues.input}--outline-width)  var(${cssvarValues.input}--outline-style) var(${cssvarValues.input}--outline-color);
+      ${cssvarValues.input}--radius: 0.2em;
+    }
+  `,
+    css `
+    * {
+      font-size: 100%;
+      font-style: normal;
+      color: inherit;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      border: 0;
+      outline: 0;
+    }
+
+    ::selection {
+      ${cssvar}--text-selection--color: inherit;
+      ${cssvar}--text-selection--background: none;
+      color: var(${cssvar}--text-selection--color);
+      background: var(${cssvar}--text-selection--background);
+    }
+  `,
+];
+GodownElement.disableWarning?.("change-in-update");
+export { GodownElement };
+//# sourceMappingURL=root.js.map

package/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../src/root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuC,SAAS,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,IAAa,EAAE,OAAkC,EAAE,EAAE,CAAC,CAAC,WAAqC,EAAE,EAAE;IACrH,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpF,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,SAAS,CAAC,CAAS;IAC1B,OAAO,SAAS,CAAC,GAAG,MAAM,KAAK,CAAC,EAAE,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;CACrC,CAAC;AAEF,aAAa,CAAC,IAAI,GAAG,IAAI,CAAC;AAE1B,aAAa,CAAC,MAAM,GAAG;IACrB,GAAG,CAAA;;QAEG,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM,iDAAiD,YAAY,CAAC,IAAI,cAAc,YAAY,CAAC,OAAO;QAC1G,MAAM;QACN,MAAM;uBACS,MAAM;;GAE1B;IACD,GAAG,CAAA;;QAEG,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,qBAAqB,YAAY,CAAC,IAAI;QACxD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,iBAAiB,YAAY,CAAC,IAAI;QACpD,YAAY,CAAC,KAAK,uBAAuB,YAAY,CAAC,KAAK;QAC3D,YAAY,CAAC,KAAK,wBAAwB,MAAM;QAChD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,kBAAkB,YAAY,CAAC,KAAK,yBAAyB,YAAY,CAAC,KAAK,wBAAwB,YAAY,CAAC,KAAK;QAC3I,YAAY,CAAC,KAAK;;GAEvB;IACD,GAAG,CAAA;;;;;;;;;;;;;QAaG,MAAM;QACN,MAAM;mBACK,MAAM;wBACD,MAAM;;GAE3B;CACgB,CAAC;AAEpB,aAAa,CAAC,cAAc,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/view/details-expand.d.ts

@@ -1,9 +1,17 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import { OpenAble } from "./std.js";
+/**
+ * DetailsExpand similar to details.
+ */
 export declare class DetailsExpand extends OpenAble {
-    summary: string;
+    /**
+     * If it is true, the summary event scope will fill the element.
+     */
     fill: boolean;
+    /**
+     * Reverse summary.
+     */
     reverse: boolean;
     _dd: HTMLDataListElement;
     static styles: CSSResultGroup;

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,KAAK,cAAc,EAAiC,MAAM,YAAY,CAAC;AACrF,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC,qBACa,aAAc,SAAQ,QAAQ;IAC7B,OAAO,SAAM;IACI,IAAI,UAAS;IACb,OAAO,UAAS;IAChC,GAAG,EAAE,mBAAmB,CAAC;IACtC,MAAM,CAAC,MAAM,iBAqBO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC,OAAO,CAAC,UAAU;IAOlB,SAAS,CAAC,YAAY;CAKvB;AAED,eAAe,aAAa,CAAC;AAE7B,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,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,qBAAqB,CAAC;AAGlF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC;;GAEG;AACH,qBACa,aAAc,SAAQ,QAAQ;IACzC;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IAC0B,OAAO,UAAS;IAEhC,GAAG,EAAE,mBAAmB,CAAC;IAEtC,MAAM,CAAC,MAAM,iBAiBO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC,OAAO,CAAC,UAAU;IAOlB,SAAS,CAAC,YAAY;CAKvB;AAED,eAAe,aAAa,CAAC;AAE7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/view/details-expand.js

@@ -4,22 +4,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, define, html, property, query } from "../deps.js";
-import { htmlSlot, svgDeltaSmooth } from "../tmpl.js";
+import { css, html, property, query } from "../deps.js";
+import { htmlSlot, svgDeltaSmooth } from "../lib/templates.js";
+import { define } from "../root.js";
+import { ifValue } from "../lib/directives.js";
 import { OpenAble } from "./std.js";
 const defineName = "details-expand";
+/**
+ * DetailsExpand similar to details.
+ */
 let DetailsExpand = class DetailsExpand extends OpenAble {
     constructor() {
         super(...arguments);
-        this.summary = "";
+        /**
+         * If it is true, the summary event scope will fill the element.
+         */
         this.fill = false;
+        /**
+         * Reverse summary.
+         */
         this.reverse = false;
     }
     render() {
         return html `<dl>
-      <dt @click="${this._handelClick}" style="flex-direction:row${this.reverse ? "-reverse" : ""}">
+      <dt @click="${this._handelClick}" style="flex-direction:row${ifValue(this.reverse, "-reverse")}">
         <span> ${this.summary || htmlSlot("summary")} </span>
-        <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);"> ${this.renderIcon()} </i>
+        <i style="transform: rotate(${ifValue(this.reverse, "-18")}0deg);"> ${this.renderIcon()} </i>
       </dt>
       <dd>
         <section>${htmlSlot()}</section>
@@ -41,10 +51,6 @@ let DetailsExpand = class DetailsExpand extends OpenAble {
 DetailsExpand.styles = [
     OpenAble.styles,
     css `
-      dt {
-        height: 100%;
-      }
-
       i {
         height: 1.2em;
         min-width: 1.2em;
@@ -60,9 +66,6 @@ DetailsExpand.styles = [
       }
     `,
 ];
-__decorate([
-    property()
-], DetailsExpand.prototype, "summary", void 0);
 __decorate([
     property({ type: Boolean })
 ], DetailsExpand.prototype, "fill", void 0);

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,EAAuB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,UAAU,GAAG,gBAAgB,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;IAxBW,MAAM;QACd,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;IAES,YAAY;QACpB,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;CACgB,AArBN,CAqBO;AAzBR;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,UAAU,CAAC;GACN,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,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAqB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC;;GAEG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ;IAApC;;QACL;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;QAC1C;;WAEG;QAC0B,YAAO,GAAG,KAAK,CAAC;IA+C/C,CAAC;IAxBW,MAAM;QACd,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,YAAY,8BAA8B,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC;iBACnF,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;sCACd,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,IAAI,CAAC,UAAU,EAAE;;;mBAG5E,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;IAES,YAAY;QACpB,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;;AA1CM,oBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;;;;;;;KAcF;CACgB,AAjBN,CAiBO;AAzBS;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAc;AAIb;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAiB;AAEhC;IAAZ,KAAK,CAAC,IAAI,CAAC;0CAA0B;AAV3B,aAAa;IADzB,MAAM,CAAC,UAAU,CAAC;GACN,aAAa,CAuDzB;;AAED,eAAe,aAAa,CAAC"}

package/view/index.d.ts

@@ -1,8 +1,9 @@
 export * from "./details-expand.js";
-export * from "./down-drop.js";
-export * from "./float-tips.js";
 export * from "./menu-list.js";
+export * from "./offset-expand.js";
 export * from "./rotation-pool.js";
 export * from "./route-view.js";
 export * from "./scroll-x.js";
+export * from "./tool-tip.js";
+export * from "./with-wrap.js";
 //# sourceMappingURL=index.d.ts.map

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,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,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,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

package/view/index.js

@@ -1,8 +1,9 @@
 export * from "./details-expand.js";
-export * from "./down-drop.js";
-export * from "./float-tips.js";
 export * from "./menu-list.js";
+export * from "./offset-expand.js";
 export * from "./rotation-pool.js";
 export * from "./route-view.js";
 export * from "./scroll-x.js";
+export * from "./tool-tip.js";
+export * from "./with-wrap.js";
 //# sourceMappingURL=index.js.map

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,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,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,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

package/view/menu-list.d.ts

@@ -1,13 +1,15 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import { OpenAble } from "./std.js";
+/**
+ * MenuList renders the menu when it has a summary, otherwise a list.
+ *
+ * Inspired by Docusaurus (v1,v2).
+ */
 export declare class MenuList extends OpenAble {
-    summary: string;
-    def: boolean;
     _section: HTMLElement;
     static styles: CSSResultGroup;
     protected render(): HTMLTemplate;
-    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,KAAK,cAAc,EAAsD,MAAM,YAAY,CAAC;AAC1G,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC,qBACa,QAAS,SAAQ,QAAQ;IACxB,OAAO,SAAM;IAChB,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,iBA4BO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAgBhC,OAAO,CAAC,UAAU;CAMnB;AAED,eAAe,QAAQ,CAAC;AAExB,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,KAAK,cAAc,EAAe,MAAM,YAAY,CAAC;AAEnE,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC;;;;GAIG;AACH,qBACa,QAAS,SAAQ,QAAQ;IAClB,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,iBAgCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;CAejC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/menu-list.js

@@ -4,36 +4,33 @@ 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, cssvarValues, define, html, property, query, state } from "../deps.js";
-import { htmlSlot, svgArrow } from "../tmpl.js";
+import { css, html, query } from "../deps.js";
+import { cssvarValues, define } from "../root.js";
+import { htmlSlot, svgArrow } from "../lib/templates.js";
+import { ifValue } from "../lib/directives.js";
 import { OpenAble } from "./std.js";
 const defineName = "menu-list";
+/**
+ * MenuList renders the menu when it has a summary, otherwise a list.
+ *
+ * Inspired by Docusaurus (v1,v2).
+ */
 let MenuList = class MenuList extends OpenAble {
-    constructor() {
-        super(...arguments);
-        this.summary = "";
-    }
     render() {
-        const noTitle = !this.summary && !this.querySelector("[slot=summary]") ? "noTitle" : "";
+        const noTitle = !this.summary && ifValue(!this.querySelector("[slot=summary]"), "noTitle");
         if (noTitle) {
             this.open = true;
         }
         return html `<dl>
       <dt class="${noTitle}">
-        <span>${this.summary}${htmlSlot("summary")}</span>
-        <i @click="${this._handelClick}"> ${this.renderIcon()} </i>
+        <span>${this.summary || htmlSlot("summary")}</span>
+        <i @click="${this._handelClick}"> ${htmlSlot("icon", svgArrow(), this)} </i>
       </dt>
       <dd>
         <section>${htmlSlot()}</section>
       </dd>
     </dl>`;
     }
-    renderIcon() {
-        if (this.querySelector("[slot=icon]")) {
-            return htmlSlot("icon");
-        }
-        return svgArrow();
-    }
 };
 MenuList.styles = [
     OpenAble.styles,
@@ -48,11 +45,15 @@ MenuList.styles = [
       }
 
       dt i {
-        background-color: rgb(${cssvarValues.mainRGB} / 0.055);
+        background: rgb(var(${cssvarValues.mainRGB}) / 0.055);
       }
 
       dt i:hover {
-        background-color: rgb(${cssvarValues.mainRGB} / 0.075);
+        background: rgb(var(${cssvarValues.mainRGB}) / 0.075);
+      }
+
+      dd {
+        padding: 0.2em;
       }
 
       :host([open]) svg {
@@ -64,12 +65,6 @@ MenuList.styles = [
       }
     `,
 ];
-__decorate([
-    property()
-], MenuList.prototype, "summary", void 0);
-__decorate([
-    state()
-], MenuList.prototype, "def", void 0);
 __decorate([
     query("section")
 ], MenuList.prototype, "_section", void 0);