godown 2.4.1 → 2.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/conf.d.ts +2 -2
- package/conf.d.ts.map +1 -1
- package/conf.js +12 -1
- package/conf.js.map +1 -1
- package/deps.d.ts +4 -9
- package/deps.d.ts.map +1 -1
- package/deps.js +4 -7
- package/deps.js.map +1 -1
- package/effect/clip-text.d.ts +4 -1
- package/effect/clip-text.d.ts.map +1 -1
- package/effect/clip-text.js +6 -2
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +5 -1
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +7 -1
- package/effect/overbreath-text.js.map +1 -1
- package/effect/std.d.ts +1 -1
- package/effect/std.js +1 -1
- package/effect/typewriter-text.d.ts +29 -1
- package/effect/typewriter-text.d.ts.map +1 -1
- package/effect/typewriter-text.js +36 -5
- package/effect/typewriter-text.js.map +1 -1
- package/{glob.d.ts → godown-element.d.ts} +11 -27
- package/godown-element.d.ts.map +1 -0
- package/godown-element.js +131 -0
- package/godown-element.js.map +1 -0
- package/group/avatar-group.d.ts +7 -1
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +11 -3
- package/group/avatar-group.js.map +1 -1
- package/group/details-group.d.ts +9 -2
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +20 -15
- package/group/details-group.js.map +1 -1
- package/group/std.d.ts +1 -1
- package/group/std.js +1 -1
- package/group/tab-group.d.ts +16 -1
- package/group/tab-group.d.ts.map +1 -1
- package/group/tab-group.js +14 -3
- package/group/tab-group.js.map +1 -1
- package/input-form/base-input.d.ts +22 -7
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +31 -20
- package/input-form/base-input.js.map +1 -1
- package/input-form/label-input.d.ts +11 -5
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +59 -37
- package/input-form/label-input.js.map +1 -1
- package/input-form/search-input.d.ts +26 -4
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +32 -16
- package/input-form/search-input.js.map +1 -1
- package/input-form/select-input.d.ts +18 -4
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +33 -18
- package/input-form/select-input.js.map +1 -1
- package/input-form/sign-form.d.ts +10 -4
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +11 -8
- package/input-form/sign-form.js.map +1 -1
- package/input-form/split-input.d.ts +10 -4
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +12 -11
- package/input-form/split-input.js.map +1 -1
- package/input-form/std.d.ts +7 -6
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +21 -9
- package/input-form/std.js.map +1 -1
- package/input-form/switch-input.d.ts +21 -3
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +25 -6
- package/input-form/switch-input.js.map +1 -1
- package/items/alert-item.d.ts +14 -2
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +17 -6
- package/items/alert-item.js.map +1 -1
- package/items/avatar-a.d.ts +18 -1
- package/items/avatar-a.d.ts.map +1 -1
- package/items/avatar-a.js +31 -7
- package/items/avatar-a.js.map +1 -1
- package/items/base-button.d.ts +22 -1
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +25 -2
- package/items/base-button.js.map +1 -1
- package/items/card-item.d.ts +7 -4
- package/items/card-item.d.ts.map +1 -1
- package/items/card-item.js +11 -6
- package/items/card-item.js.map +1 -1
- package/items/dialog-item.d.ts +19 -1
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +20 -1
- package/items/dialog-item.js.map +1 -1
- package/items/link-a.d.ts +9 -1
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +16 -7
- package/items/link-a.js.map +1 -1
- package/items/load-track.d.ts +22 -1
- package/items/load-track.d.ts.map +1 -1
- package/items/load-track.js +24 -2
- package/items/load-track.js.map +1 -1
- package/items/std.d.ts +1 -1
- package/items/std.d.ts.map +1 -1
- package/items/std.js +1 -1
- package/items/std.js.map +1 -1
- package/items/super-a.d.ts +10 -1
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +15 -6
- package/items/super-a.js.map +1 -1
- package/items/time-bar.d.ts +30 -2
- package/items/time-bar.d.ts.map +1 -1
- package/items/time-bar.js +32 -4
- package/items/time-bar.js.map +1 -1
- package/layout/div-line.d.ts +5 -2
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +7 -3
- package/layout/div-line.js.map +1 -1
- package/layout/drag-box.d.ts +10 -1
- package/layout/drag-box.d.ts.map +1 -1
- package/layout/drag-box.js +14 -4
- package/layout/drag-box.js.map +1 -1
- package/layout/flex-flow.d.ts +7 -1
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +9 -2
- package/layout/flex-flow.js.map +1 -1
- package/layout/nav-aside.d.ts +8 -2
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +9 -2
- package/layout/nav-aside.js.map +1 -1
- package/layout/nav-layout.d.ts +11 -2
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +9 -6
- package/layout/nav-layout.js.map +1 -1
- package/layout/skeleton-screen.d.ts +10 -1
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +12 -2
- package/layout/skeleton-screen.js.map +1 -1
- package/layout/std.d.ts +1 -1
- package/layout/std.js +1 -1
- package/layout/with-wrap.d.ts +4 -1
- package/layout/with-wrap.d.ts.map +1 -1
- package/layout/with-wrap.js +6 -2
- package/layout/with-wrap.js.map +1 -1
- package/{tmpl.d.ts → lib/templates.d.ts} +4 -3
- package/lib/templates.d.ts.map +1 -0
- package/{tmpl.js → lib/templates.js} +6 -3
- package/lib/templates.js.map +1 -0
- package/lib/utils.d.ts +45 -2
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +122 -13
- package/lib/utils.js.map +1 -1
- package/package.json +2 -2
- package/react/create.d.ts +1 -1
- package/react/create.d.ts.map +1 -1
- package/react/create.js +1 -2
- package/react/create.js.map +1 -1
- package/react/effect.d.ts.map +1 -1
- package/react/effect.js +0 -3
- package/react/effect.js.map +1 -1
- package/react/group.d.ts.map +1 -1
- package/react/group.js +0 -3
- package/react/group.js.map +1 -1
- package/react/input-form.d.ts.map +1 -1
- package/react/input-form.js +0 -8
- package/react/input-form.js.map +1 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +0 -9
- package/react/items.js.map +1 -1
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +0 -7
- package/react/layout.js.map +1 -1
- package/react/view.d.ts.map +1 -1
- package/react/view.js +0 -7
- package/react/view.js.map +1 -1
- package/root.d.ts +23 -0
- package/root.d.ts.map +1 -0
- package/root.js +82 -0
- package/root.js.map +1 -0
- package/view/details-expand.d.ts +7 -2
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +9 -6
- package/view/details-expand.js.map +1 -1
- package/view/down-drop.d.ts +1 -1
- package/view/down-drop.d.ts.map +1 -1
- package/view/down-drop.js +3 -2
- package/view/down-drop.js.map +1 -1
- package/view/float-tips.d.ts +4 -1
- package/view/float-tips.d.ts.map +1 -1
- package/view/float-tips.js +6 -2
- package/view/float-tips.js.map +1 -1
- package/view/menu-list.d.ts +1 -3
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +6 -15
- package/view/menu-list.js.map +1 -1
- package/view/rotation-pool.d.ts +11 -2
- package/view/rotation-pool.d.ts.map +1 -1
- package/view/rotation-pool.js +13 -2
- package/view/rotation-pool.js.map +1 -1
- package/view/route-view.d.ts +21 -2
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +24 -3
- package/view/route-view.js.map +1 -1
- package/view/scroll-x.d.ts +6 -3
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +10 -5
- package/view/scroll-x.js.map +1 -1
- package/view/std.d.ts +18 -2
- package/view/std.d.ts.map +1 -1
- package/view/std.js +22 -1
- package/view/std.js.map +1 -1
- package/glob.d.ts.map +0 -1
- package/glob.js +0 -213
- package/glob.js.map +0 -1
- package/tmpl.d.ts.map +0 -1
- package/tmpl.js.map +0 -1
- package/with.d.ts +0 -43
- package/with.d.ts.map +0 -1
- package/with.js +0 -89
- package/with.js.map +0 -1
package/README.md
CHANGED
package/conf.d.ts
CHANGED
|
@@ -7,15 +7,15 @@ declare global {
|
|
|
7
7
|
GodownWebComponentsCONF: ConfType;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
interface ConfType {
|
|
10
|
+
export interface ConfType {
|
|
11
11
|
assign: null | Record<string, any>;
|
|
12
12
|
cssvar: string;
|
|
13
|
-
enabled: Set<string>;
|
|
14
13
|
namemap: Map<string, string>;
|
|
15
14
|
classmap: Map<string, CustomElementConstructor>;
|
|
16
15
|
prefix: string;
|
|
17
16
|
reflect: boolean;
|
|
18
17
|
suffix: string;
|
|
19
18
|
tag: (origin: string) => string;
|
|
19
|
+
define: CustomElementRegistry["define"];
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=conf.d.ts.map
|
package/conf.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,IAAI,EAAE,QAAkE,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAE,QAAe,GAAG,QAAQ,CASrF;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAEpE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;CACzC"}
|
package/conf.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
const defaultConfig = {
|
|
2
2
|
assign: null,
|
|
3
3
|
cssvar: "godown",
|
|
4
|
-
enabled: new Set(),
|
|
5
4
|
namemap: new Map(),
|
|
6
5
|
classmap: new Map(),
|
|
7
6
|
prefix: "",
|
|
@@ -10,6 +9,18 @@ const defaultConfig = {
|
|
|
10
9
|
tag(origin) {
|
|
11
10
|
return this.prefix + origin + this.suffix;
|
|
12
11
|
},
|
|
12
|
+
define(name, constructor, options) {
|
|
13
|
+
const tagName = this.tag(name);
|
|
14
|
+
if (!tagName) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
if (!customElements.get(tagName)) {
|
|
18
|
+
customElements.define(tagName, constructor, options);
|
|
19
|
+
constructor.elementTagName = tagName;
|
|
20
|
+
this.namemap.set(name, tagName);
|
|
21
|
+
this.classmap.set(name, constructor);
|
|
22
|
+
}
|
|
23
|
+
},
|
|
13
24
|
};
|
|
14
25
|
export const conf = init(globalThis.GodownWebComponentsCONF, defaultConfig);
|
|
15
26
|
export default conf;
|
package/conf.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conf.js","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"conf.js","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AACA,MAAM,aAAa,GAAa;IAC9B,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,QAAQ,EAAE,IAAI,GAAG,EAAE;IACnB,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,EAAE;IACV,GAAG,CAAC,MAAc;QAChB,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5C,CAAC;IACD,MAAM,CAAC,IAAY,EAAE,WAAqC,EAAE,OAAkC;QAC5F,MAAM,OAAO,GAAW,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAChC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;YACpD,WAAoC,CAAC,cAAc,GAAG,OAAO,CAAC;YAC/D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;SACtC;IACH,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAa,IAAI,CAAC,UAAU,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC;AACtF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,IAAI,CAAC,UAA6B,EAAE,SAAmB,IAAI;IACzE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClC,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,6BAA6B;QAC7B,UAAU,CAAC,uBAAuB,GAAG,MAAM,CAAC;KAC7C;SAAM;QACL,OAAO,UAAU,CAAC,uBAAuB,CAAC;KAC3C;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,UAA6B;IACxD,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC"}
|
package/deps.d.ts
CHANGED
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export { query, queryAll, property, state, customElement } from "lit/decorators.js";
|
|
6
|
-
export { ifDefined } from "lit/directives/if-defined.js";
|
|
7
|
-
export { classMap } from "lit/directives/class-map.js";
|
|
8
|
-
export type { HTMLTemplate } from "./tmpl";
|
|
9
|
-
export type { CSSResultGroup } from "lit";
|
|
1
|
+
export { html, css, unsafeCSS, type CSSResultGroup, type PropertyValueMap } from "lit";
|
|
2
|
+
export * from "lit/decorators.js";
|
|
3
|
+
export * from "lit/directives/if-defined.js";
|
|
4
|
+
export * from "lit/directives/class-map.js";
|
|
10
5
|
//# sourceMappingURL=deps.d.ts.map
|
package/deps.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"deps.d.ts","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvF,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
|
package/deps.js
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export { query, queryAll, property, state, customElement } from "lit/decorators.js";
|
|
6
|
-
export { ifDefined } from "lit/directives/if-defined.js";
|
|
7
|
-
export { classMap } from "lit/directives/class-map.js";
|
|
1
|
+
export { html, css, unsafeCSS } from "lit";
|
|
2
|
+
export * from "lit/decorators.js";
|
|
3
|
+
export * from "lit/directives/if-defined.js";
|
|
4
|
+
export * from "lit/directives/class-map.js";
|
|
8
5
|
//# sourceMappingURL=deps.js.map
|
package/deps.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deps.js","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"deps.js","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAA8C,MAAM,KAAK,CAAC;AACvF,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
|
package/effect/clip-text.d.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
|
2
|
-
import { type HTMLTemplate } from "../
|
|
2
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
|
3
3
|
import EffectSTD from "./std.js";
|
|
4
4
|
export declare class ClipText extends EffectSTD {
|
|
5
|
+
/**
|
|
6
|
+
* The text to be clipped.
|
|
7
|
+
*/
|
|
5
8
|
text: string;
|
|
6
9
|
static styles: CSSResultGroup;
|
|
7
10
|
protected render(): HTMLTemplate | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"clip-text.d.ts","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,YAAY,CAAC;AAChE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAKjC,qBACa,QAAS,SAAQ,SAAS;IACrC;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,iBAaO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/effect/clip-text.js
CHANGED
|
@@ -4,14 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
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;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { createScope,
|
|
8
|
-
import {
|
|
7
|
+
import { createScope, cssvar, define } from "../root.js";
|
|
8
|
+
import { css, property } from "../deps.js";
|
|
9
|
+
import { htmlSlot } from "../lib/templates.js";
|
|
9
10
|
import EffectSTD from "./std.js";
|
|
10
11
|
const defineName = "clip-text";
|
|
11
12
|
const cssvarScope = createScope(defineName);
|
|
12
13
|
let ClipText = class ClipText extends EffectSTD {
|
|
13
14
|
constructor() {
|
|
14
15
|
super(...arguments);
|
|
16
|
+
/**
|
|
17
|
+
* The text to be clipped.
|
|
18
|
+
*/
|
|
15
19
|
this.text = "";
|
|
16
20
|
}
|
|
17
21
|
render() {
|
package/effect/clip-text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"clip-text.js","sourceRoot":"","sources":["../../src/effect/clip-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAoBxB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAjBM,eAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;KAOhC;CACgB,AAbN,CAaO;AAfR;IAAX,QAAQ,EAAE;sCAAW;AAJX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAwBpB;;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import { type CSSResultGroup
|
|
1
|
+
import { type CSSResultGroup } from "../deps.js";
|
|
2
2
|
import EffectSTD from "./std.js";
|
|
3
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
|
3
4
|
export declare class OverbreathText extends EffectSTD {
|
|
4
5
|
static styles: CSSResultGroup;
|
|
6
|
+
/**
|
|
7
|
+
* One of the texts.
|
|
8
|
+
*/
|
|
5
9
|
t1: string;
|
|
6
10
|
t2: string;
|
|
7
11
|
t3: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"overbreath-text.d.ts","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,YAAY,CAAC;AACtE,OAAO,SAAS,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKxD,qBACa,cAAe,SAAQ,SAAS;IAC3C,MAAM,CAAC,MAAM,iBAiLO;IAEpB;;OAEG;IACS,EAAE,SAAM;IAER,EAAE,SAAM;IAER,EAAE,SAAM;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,EAAE;IAIlC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY;CAMjD;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
|
|
@@ -4,15 +4,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
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;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { createScope,
|
|
7
|
+
import { createScope, cssvar, define } from "../root.js";
|
|
8
|
+
import { css, html, property } from "../deps.js";
|
|
8
9
|
import EffectSTD from "./std.js";
|
|
9
10
|
const defineName = "overbreath-text";
|
|
10
11
|
const cssvarScope = createScope(defineName);
|
|
11
12
|
let OverbreathText = class OverbreathText extends EffectSTD {
|
|
12
13
|
constructor() {
|
|
13
14
|
super(...arguments);
|
|
15
|
+
/**
|
|
16
|
+
* One of the texts.
|
|
17
|
+
*/
|
|
14
18
|
this.t1 = "";
|
|
19
|
+
// As t1.
|
|
15
20
|
this.t2 = "";
|
|
21
|
+
// As t2.
|
|
16
22
|
this.t3 = "";
|
|
17
23
|
}
|
|
18
24
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"overbreath-text.js","sourceRoot":"","sources":["../../src/effect/overbreath-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,SAAS,MAAM,UAAU,CAAC;AAGjC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QAoLL;;WAEG;QACS,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;IAYtB,CAAC;IAVW,MAAM;QACd,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1D,CAAC;IAES,UAAU,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAA;yBACU,IAAI;yBACJ,IAAI;YACjB,CAAC;IACX,CAAC;;AArMM,qBAAM,GAAG;IACd,SAAS,CAAC,MAAM;IAChB,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;;KAE3G;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2CyB,WAAW;;;;;gCAKX,WAAW;;;;;gCAKX,WAAW;;;;;;;;;;;;;;KActC;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;IACD,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;;;KAShC;CACgB,AAjLN,CAiLO;AAKR;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AA3LT,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CAuM1B;;AAED,eAAe,cAAc,CAAC"}
|
package/effect/std.d.ts
CHANGED
package/effect/std.js
CHANGED
|
@@ -1,20 +1,48 @@
|
|
|
1
|
-
import { type HTMLTemplate } from "../
|
|
1
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
|
2
2
|
import EffectSTD from "./std.js";
|
|
3
3
|
export declare class TypewriterText extends EffectSTD {
|
|
4
|
+
/**
|
|
5
|
+
* Raw text.
|
|
6
|
+
*/
|
|
4
7
|
text: string;
|
|
8
|
+
/**
|
|
9
|
+
* Start immediately after {@linkcode TypewriterText.firstUpdated}.
|
|
10
|
+
*/
|
|
5
11
|
stopped: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* If true, hide the cursor
|
|
14
|
+
*/
|
|
6
15
|
ended: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Maximum random time.
|
|
18
|
+
*/
|
|
7
19
|
max: number;
|
|
20
|
+
/**
|
|
21
|
+
* Minimum random time.
|
|
22
|
+
*/
|
|
8
23
|
min: number;
|
|
24
|
+
/**
|
|
25
|
+
* Fixed time.
|
|
26
|
+
*/
|
|
9
27
|
delay: number;
|
|
28
|
+
/**
|
|
29
|
+
* The index at the beginning.
|
|
30
|
+
*/
|
|
10
31
|
index: number;
|
|
32
|
+
/**
|
|
33
|
+
* Internal text.
|
|
34
|
+
*/
|
|
11
35
|
content: string;
|
|
12
36
|
timeoutID: number;
|
|
13
37
|
_i: HTMLElement;
|
|
38
|
+
/**
|
|
39
|
+
* {@linkcode TypewriterText.text} length.
|
|
40
|
+
*/
|
|
14
41
|
get len(): number;
|
|
15
42
|
static styles: import("lit").CSSResult[];
|
|
16
43
|
protected render(): HTMLTemplate;
|
|
17
44
|
protected firstUpdated(): void;
|
|
45
|
+
protected updated(changedProperties: Map<string, any>): void;
|
|
18
46
|
write(at?: number): void;
|
|
19
47
|
stop(): void;
|
|
20
48
|
end(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAMjC,qBACa,cAAe,SAAQ,SAAS;IAC3C;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IAC0B,OAAO,UAAS;IAC7C;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACM,OAAO,SAAM;IAEtB,SAAS,EAAE,MAAM,CAAC;IACN,EAAE,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,MAAM,CAAC,MAAM,4BA+BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMrD,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
|
|
@@ -4,23 +4,52 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
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;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { createScope,
|
|
8
|
-
import {
|
|
7
|
+
import { createScope, define } from "../root.js";
|
|
8
|
+
import { css, html, property, query, state } from "../deps.js";
|
|
9
|
+
import { htmlSlot } from "../lib/templates.js";
|
|
9
10
|
import EffectSTD from "./std.js";
|
|
11
|
+
import { random } from "../lib/utils.js";
|
|
10
12
|
const defineName = "typewriter-text";
|
|
11
13
|
const cssvarScope = createScope(defineName);
|
|
12
14
|
let TypewriterText = class TypewriterText extends EffectSTD {
|
|
13
15
|
constructor() {
|
|
14
16
|
super(...arguments);
|
|
17
|
+
/**
|
|
18
|
+
* Raw text.
|
|
19
|
+
*/
|
|
15
20
|
this.text = "";
|
|
21
|
+
/**
|
|
22
|
+
* Start immediately after {@linkcode TypewriterText.firstUpdated}.
|
|
23
|
+
*/
|
|
16
24
|
this.stopped = false;
|
|
25
|
+
/**
|
|
26
|
+
* If true, hide the cursor
|
|
27
|
+
*/
|
|
17
28
|
this.ended = false;
|
|
29
|
+
/**
|
|
30
|
+
* Maximum random time.
|
|
31
|
+
*/
|
|
18
32
|
this.max = 100;
|
|
33
|
+
/**
|
|
34
|
+
* Minimum random time.
|
|
35
|
+
*/
|
|
19
36
|
this.min = 50;
|
|
37
|
+
/**
|
|
38
|
+
* Fixed time.
|
|
39
|
+
*/
|
|
20
40
|
this.delay = 0;
|
|
41
|
+
/**
|
|
42
|
+
* The index at the beginning.
|
|
43
|
+
*/
|
|
21
44
|
this.index = 0;
|
|
45
|
+
/**
|
|
46
|
+
* Internal text.
|
|
47
|
+
*/
|
|
22
48
|
this.content = "";
|
|
23
49
|
}
|
|
50
|
+
/**
|
|
51
|
+
* {@linkcode TypewriterText.text} length.
|
|
52
|
+
*/
|
|
24
53
|
get len() {
|
|
25
54
|
return this.text.length;
|
|
26
55
|
}
|
|
@@ -35,6 +64,11 @@ let TypewriterText = class TypewriterText extends EffectSTD {
|
|
|
35
64
|
this.write();
|
|
36
65
|
}
|
|
37
66
|
}
|
|
67
|
+
updated(changedProperties) {
|
|
68
|
+
if (changedProperties.has("index")) {
|
|
69
|
+
this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.content }));
|
|
70
|
+
}
|
|
71
|
+
}
|
|
38
72
|
write(at = this.index) {
|
|
39
73
|
this.content = this.text.slice(0, at + 1);
|
|
40
74
|
const timeout = this.delay || random(this.max, this.min);
|
|
@@ -116,8 +150,5 @@ TypewriterText = __decorate([
|
|
|
116
150
|
define(defineName)
|
|
117
151
|
], TypewriterText);
|
|
118
152
|
export { TypewriterText };
|
|
119
|
-
function random(m = 0, n = 1) {
|
|
120
|
-
return Math.random() * (n - m) + m;
|
|
121
|
-
}
|
|
122
153
|
export default TypewriterText;
|
|
123
154
|
//# sourceMappingURL=typewriter-text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { deepQuerySelector, deepQuerySelectorAll } from "./lib/utils.js";
|
|
1
|
+
import { deepQuerySelector, deepQuerySelectorAll, type LikeString } from "./lib/utils.js";
|
|
3
2
|
import { EventListenerFunc } from "./lib/event-collection.js";
|
|
4
|
-
import type {
|
|
5
|
-
|
|
6
|
-
* Define a custom element.
|
|
7
|
-
* @param name Name for the new custom element. Must be a valid custom element name.
|
|
8
|
-
* @param options Object that controls how the element is defined.
|
|
9
|
-
*/
|
|
10
|
-
export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
|
|
11
|
-
/**
|
|
12
|
-
* Custom CSS variable prefix, join with "--".
|
|
13
|
-
*/
|
|
14
|
-
export declare const cssvar: CSSResult;
|
|
15
|
-
export declare function createScope(scope: LikeString): CSSResult;
|
|
16
|
-
export declare const cssvarValues: {
|
|
17
|
-
cssvar: CSSResult;
|
|
18
|
-
input: CSSResult;
|
|
19
|
-
main: CSSResult;
|
|
20
|
-
text: CSSResult;
|
|
21
|
-
mainRGB: CSSResult;
|
|
22
|
-
textRGB: CSSResult;
|
|
23
|
-
};
|
|
3
|
+
import type { ConfType } from "./conf";
|
|
4
|
+
import { LitElement } from "lit";
|
|
24
5
|
/**
|
|
25
6
|
* Global element.
|
|
26
7
|
*/
|
|
27
|
-
|
|
28
|
-
|
|
8
|
+
declare class GodownElement extends LitElement {
|
|
9
|
+
[x: string]: any;
|
|
10
|
+
static conf?: ConfType;
|
|
11
|
+
static elementTagName?: string;
|
|
29
12
|
/**
|
|
30
13
|
* No named slot element's assignedElements, as HTMLElement[].
|
|
31
14
|
*/
|
|
@@ -83,8 +66,8 @@ export declare class GodownElement extends LitElement {
|
|
|
83
66
|
mount(arg?: any): void;
|
|
84
67
|
unmount(): void;
|
|
85
68
|
remount(arg?: any): void;
|
|
86
|
-
deepQuerySelector<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelector>[0],
|
|
87
|
-
deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelectorAll>[0],
|
|
69
|
+
deepQuerySelector<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelector>[0], root?: Parameters<typeof deepQuerySelector>[1]): E;
|
|
70
|
+
deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelectorAll>[0], root?: Parameters<typeof deepQuerySelectorAll>[1]): E[];
|
|
88
71
|
/**
|
|
89
72
|
* Add styles to shadowRoot.
|
|
90
73
|
*
|
|
@@ -100,4 +83,5 @@ export declare class GodownElement extends LitElement {
|
|
|
100
83
|
*/
|
|
101
84
|
adoptStyles(...styles: LikeString[]): void;
|
|
102
85
|
}
|
|
103
|
-
|
|
86
|
+
export default GodownElement;
|
|
87
|
+
//# sourceMappingURL=godown-element.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"godown-element.d.ts","sourceRoot":"","sources":["../src/godown-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAY,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACpG,OAAyB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC;;GAEG;AACH,cAAM,aAAc,SAAQ,UAAU;IACpC,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACvB,MAAM,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,IAAI,QAAQ,IAAI,WAAW,EAAE,CAE5B;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,IAAI,EAAE,CAE1B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,eAAe,CAE3B;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,eAAe,EAAE,CAE9B;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,eAAe,EAAE,CAEvC;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,EAAE,CAE3B;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,OAAO,CAAC,QAAQ,CAAmB;IAEnC;;;;;;OAMG;IACH,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,MAAM;IAI5E;;;;;;OAMG;IACH,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,iBAAiB;IAIlE,eAAe;IAIf,OAAO,CAAC,QAAQ,CAAyE;gBAE7E,MAAM,GAAE,OAAO,aAAa,CAAC,SAAS,CAAC,QAAqC;IAMxF,iBAAiB;IAQjB,oBAAoB;IAIpB,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG;IAIf,OAAO;IAIP,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG;IAMjB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,GAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAQ,GAAG,CAAC;IAI/J,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,GAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAQ,GAAG,CAAC,EAAE;IAI1K;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE;CAKpC;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { deepQuerySelector, deepQuerySelectorAll, doAssign } from "./lib/utils.js";
|
|
2
|
+
import EventsCollection from "./lib/event-collection.js";
|
|
3
|
+
import { LitElement } from "lit";
|
|
4
|
+
/**
|
|
5
|
+
* Global element.
|
|
6
|
+
*/
|
|
7
|
+
class GodownElement extends LitElement {
|
|
8
|
+
/**
|
|
9
|
+
* No named slot element's assignedElements, as HTMLElement[].
|
|
10
|
+
*/
|
|
11
|
+
get assigned() {
|
|
12
|
+
return this._slot?.assignedElements();
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* No named slot element's assignedElements, as Node[].
|
|
16
|
+
*/
|
|
17
|
+
get assignedNodes() {
|
|
18
|
+
return this._slot?.assignedNodes();
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* No named slot element.
|
|
22
|
+
*/
|
|
23
|
+
get _slot() {
|
|
24
|
+
return this.shadowRoot.querySelector("slot:not([name])");
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Slot elements.
|
|
28
|
+
*/
|
|
29
|
+
get _slots() {
|
|
30
|
+
return [...this.shadowRoot.querySelectorAll("slot")];
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Named slot elements.
|
|
34
|
+
*/
|
|
35
|
+
get slottedChildren() {
|
|
36
|
+
return [...this.querySelectorAll("[slot]")];
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Named slot elements' slot attribute.
|
|
40
|
+
*/
|
|
41
|
+
get slottedNames() {
|
|
42
|
+
return this.slottedChildren.map((c) => c.getAttribute("slot")).filter((v) => v);
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Width of (`this.offsetParent` or `document.body`).
|
|
46
|
+
*/
|
|
47
|
+
get offsetsWidth() {
|
|
48
|
+
return this.offsetParent?.clientWidth ?? document.body.offsetWidth;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Height of (`this.offsetParent` or `document.body`).
|
|
52
|
+
*/
|
|
53
|
+
get offsetsHeight() {
|
|
54
|
+
return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* ```
|
|
58
|
+
* src.addEventListener("type", listener)
|
|
59
|
+
* //as
|
|
60
|
+
* this.addEvent(src, "type", listener)
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
addEvent(src, type, listener, alias) {
|
|
64
|
+
this.__events.addEvent(src, type, listener, alias);
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* ```
|
|
68
|
+
* src.removeEventListener("type", listener)
|
|
69
|
+
* //as
|
|
70
|
+
* this.removeEvent(src, "type", listener)
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
removeEvent(src, type, id) {
|
|
74
|
+
this.__events.removeEvent(src, type, id);
|
|
75
|
+
}
|
|
76
|
+
removeAllEvents() {
|
|
77
|
+
this.__events.removeAllEvents();
|
|
78
|
+
}
|
|
79
|
+
constructor(assign = GodownElement.conf?.assign) {
|
|
80
|
+
super();
|
|
81
|
+
this.__events = new EventsCollection();
|
|
82
|
+
this.__assign = assign;
|
|
83
|
+
}
|
|
84
|
+
connectedCallback() {
|
|
85
|
+
super.connectedCallback();
|
|
86
|
+
if (this.__assign) {
|
|
87
|
+
this.__assign.__assign = null;
|
|
88
|
+
doAssign(this.__assign, this);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
disconnectedCallback() {
|
|
92
|
+
this.removeAllEvents();
|
|
93
|
+
}
|
|
94
|
+
mount(arg) {
|
|
95
|
+
this.firstUpdated(arg);
|
|
96
|
+
}
|
|
97
|
+
unmount() {
|
|
98
|
+
this.disconnectedCallback();
|
|
99
|
+
}
|
|
100
|
+
remount(arg) {
|
|
101
|
+
this.unmount();
|
|
102
|
+
this.connectedCallback();
|
|
103
|
+
this.mount(arg);
|
|
104
|
+
}
|
|
105
|
+
deepQuerySelector(selectors, root = this) {
|
|
106
|
+
return deepQuerySelector(selectors, root);
|
|
107
|
+
}
|
|
108
|
+
deepQuerySelectorAll(selectors, root = this) {
|
|
109
|
+
return deepQuerySelectorAll(selectors, root);
|
|
110
|
+
}
|
|
111
|
+
/**
|
|
112
|
+
* Add styles to shadowRoot.
|
|
113
|
+
*
|
|
114
|
+
* @param styles css strings
|
|
115
|
+
*
|
|
116
|
+
* @example
|
|
117
|
+
* ```
|
|
118
|
+
* this.applyStyles(
|
|
119
|
+
* "...",
|
|
120
|
+
* css`...`,
|
|
121
|
+
* )
|
|
122
|
+
* ```
|
|
123
|
+
*/
|
|
124
|
+
adoptStyles(...styles) {
|
|
125
|
+
const sheet = new CSSStyleSheet();
|
|
126
|
+
styles.forEach((style) => sheet.insertRule(style.toString()));
|
|
127
|
+
this.shadowRoot.adoptedStyleSheets.push(sheet);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
export default GodownElement;
|
|
131
|
+
//# sourceMappingURL=godown-element.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"godown-element.js","sourceRoot":"","sources":["../src/godown-element.ts"],"names":[],"mappings":"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"}
|
package/group/avatar-group.d.ts
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import { type HTMLTemplate } from "../
|
|
1
|
+
import { type HTMLTemplate } from "../lib/templates.js";
|
|
2
2
|
import AvatarAnchor from "../items/avatar-a.js";
|
|
3
3
|
import GroupSTD from "./std.js";
|
|
4
4
|
export declare class AvatarGroup extends GroupSTD {
|
|
5
|
+
/**
|
|
6
|
+
* The maximum number of elements that can be accepted for this element.
|
|
7
|
+
*/
|
|
5
8
|
max: number;
|
|
9
|
+
/**
|
|
10
|
+
* When the content overflows, create an {@linkcode AvatarAnchor} with the same {@linkcode AvatarAnchor.more} attribute as more.
|
|
11
|
+
*/
|
|
6
12
|
more: number;
|
|
7
13
|
static styles: import("lit").CSSResult[];
|
|
8
14
|
protected render(): HTMLTemplate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7E,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,IAAI,SAAK;IAErC,MAAM,CAAC,MAAM,4BAYX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAKhC,OAAO,CAAC,UAAU;IAQlB,SAAS,CAAC,YAAY;IAMtB,MAAM,CAAC,IAAI,eAAqB;IAehC,QAAQ;CAYT;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
package/group/avatar-group.js
CHANGED
|
@@ -4,15 +4,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
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;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import {
|
|
8
|
-
import { htmlSlot, htmlStyle } from "../
|
|
7
|
+
import { css, html, property } from "../deps.js";
|
|
8
|
+
import { htmlSlot, htmlStyle } from "../lib/templates.js";
|
|
9
|
+
import { append } from "../lib/utils.js";
|
|
9
10
|
import AvatarAnchor from "../items/avatar-a.js";
|
|
11
|
+
import { define } from "../root.js";
|
|
10
12
|
import GroupSTD from "./std.js";
|
|
11
13
|
const defineName = "avatar-group";
|
|
12
14
|
let AvatarGroup = class AvatarGroup extends GroupSTD {
|
|
13
15
|
constructor() {
|
|
14
16
|
super(...arguments);
|
|
15
|
-
|
|
17
|
+
/**
|
|
18
|
+
* The maximum number of elements that can be accepted for this element.
|
|
19
|
+
*/
|
|
20
|
+
this.max = 99;
|
|
21
|
+
/**
|
|
22
|
+
* When the content overflows, create an {@linkcode AvatarAnchor} with the same {@linkcode AvatarAnchor.more} attribute as more.
|
|
23
|
+
*/
|
|
16
24
|
this.more = 0;
|
|
17
25
|
}
|
|
18
26
|
render() {
|