godown 2.4.0 → 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 +11 -4
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +9 -3
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +83 -69
- 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} +14 -34
- 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 +15 -4
- 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 +23 -1
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +45 -8
- 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 +13 -8
- 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 +11 -1
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +39 -5
- 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 +46 -2
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +129 -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 +26 -7
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +35 -15
- 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 -215
- 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,13 +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 {
|
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";
|
12
|
+
const cssvarScope = createScope(defineName);
|
11
13
|
let ClipText = class ClipText extends EffectSTD {
|
12
14
|
constructor() {
|
13
15
|
super(...arguments);
|
16
|
+
/**
|
17
|
+
* The text to be clipped.
|
18
|
+
*/
|
14
19
|
this.text = "";
|
15
20
|
}
|
16
21
|
render() {
|
@@ -21,10 +26,12 @@ ClipText.styles = [
|
|
21
26
|
EffectSTD.styles,
|
22
27
|
css `
|
23
28
|
:host {
|
24
|
-
|
29
|
+
${cssvarScope}--clip-background: var(${cssvar}--clip-background);
|
30
|
+
background: var(${cssvarScope}--clip-background);
|
25
31
|
color: transparent;
|
26
|
-
-webkit-
|
32
|
+
-webkit-text-fill-color: transparent;
|
27
33
|
background-clip: text !important;
|
34
|
+
-webkit-background-clip: text !important;
|
28
35
|
display: inline-flex;
|
29
36
|
}
|
30
37
|
`,
|
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,
|
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,12 +1,18 @@
|
|
1
|
-
import { type
|
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
|
-
static styles:
|
5
|
+
static styles: CSSResultGroup;
|
6
|
+
/**
|
7
|
+
* One of the texts.
|
8
|
+
*/
|
5
9
|
t1: string;
|
6
10
|
t2: string;
|
7
11
|
t3: string;
|
8
|
-
protected render(): HTMLTemplate;
|
12
|
+
protected render(): HTMLTemplate[];
|
13
|
+
protected renderText(text: string): HTMLTemplate;
|
9
14
|
}
|
15
|
+
export default OverbreathText;
|
10
16
|
declare global {
|
11
17
|
interface HTMLElementTagNameMap {
|
12
18
|
"overbreath-text": OverbreathText;
|
@@ -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,54 +4,55 @@ 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
|
-
const theme = css `
|
12
|
-
:host {
|
13
|
-
${cssvarScope}--1-1: #ae0ca5;
|
14
|
-
${cssvarScope}--1-2: #ffd802;
|
15
|
-
${cssvarScope}--2-1: #1fe173;
|
16
|
-
${cssvarScope}--2-2: #582bca;
|
17
|
-
${cssvarScope}--3-1: #00b4f0;
|
18
|
-
${cssvarScope}--3-2: #e614e6;
|
19
|
-
${cssvarScope}--deg: 60deg;
|
20
|
-
${cssvarScope}--1: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--1-1), var(${cssvarScope}--1-2));
|
21
|
-
${cssvarScope}--2: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--2-1), var(${cssvarScope}--2-2));
|
22
|
-
${cssvarScope}--3: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--3-1), var(${cssvarScope}--3-2));
|
23
|
-
}
|
24
|
-
`;
|
25
12
|
let OverbreathText = class OverbreathText extends EffectSTD {
|
26
13
|
constructor() {
|
27
14
|
super(...arguments);
|
28
|
-
|
29
|
-
|
30
|
-
|
15
|
+
/**
|
16
|
+
* One of the texts.
|
17
|
+
*/
|
18
|
+
this.t1 = "";
|
19
|
+
// As t1.
|
20
|
+
this.t2 = "";
|
21
|
+
// As t2.
|
22
|
+
this.t3 = "";
|
31
23
|
}
|
32
24
|
render() {
|
25
|
+
return [this.t1, this.t2, this.t3].map(this.renderText);
|
26
|
+
}
|
27
|
+
renderText(text) {
|
33
28
|
return html `<span class="rel">
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
<span class="rel">
|
38
|
-
<span class="abs">${this.t2}</span>
|
39
|
-
<span class="ani">${this.t2}</span>
|
40
|
-
</span>
|
41
|
-
<span class="rel">
|
42
|
-
<span class="abs">${this.t3}</span>
|
43
|
-
<span class="ani">${this.t3}</span>
|
44
|
-
</span>`;
|
29
|
+
<span class="bg">${text}</span>
|
30
|
+
<span class="fg">${text}</span>
|
31
|
+
</span>`;
|
45
32
|
}
|
46
33
|
};
|
47
34
|
OverbreathText.styles = [
|
48
|
-
|
35
|
+
EffectSTD.styles,
|
36
|
+
css `
|
37
|
+
:host {
|
38
|
+
${cssvarScope}--1-1: #ae0ca5;
|
39
|
+
${cssvarScope}--1-2: #ffd802;
|
40
|
+
${cssvarScope}--2-1: #1fe173;
|
41
|
+
${cssvarScope}--2-2: #582bca;
|
42
|
+
${cssvarScope}--3-1: #00b4f0;
|
43
|
+
${cssvarScope}--3-2: #e614e6;
|
44
|
+
${cssvarScope}--deg: 60deg;
|
45
|
+
${cssvarScope}--1: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--1-1), var(${cssvarScope}--1-2));
|
46
|
+
${cssvarScope}--2: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--2-1), var(${cssvarScope}--2-2));
|
47
|
+
${cssvarScope}--3: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--3-1), var(${cssvarScope}--3-2));
|
48
|
+
}
|
49
|
+
`,
|
49
50
|
css `
|
50
51
|
:host {
|
51
52
|
display: flex;
|
52
53
|
margin: auto;
|
53
54
|
width: fit-content;
|
54
|
-
font-size: clamp(
|
55
|
+
font-size: clamp(3.5rem, 10vw, 5.5rem);
|
55
56
|
align-items: center;
|
56
57
|
}
|
57
58
|
|
@@ -65,63 +66,57 @@ OverbreathText.styles = [
|
|
65
66
|
background: none;
|
66
67
|
}
|
67
68
|
|
68
|
-
.
|
69
|
-
|
70
|
-
|
69
|
+
.fg,
|
70
|
+
.bg {
|
71
|
+
padding: 0 0.05em;
|
72
|
+
box-sizing: border-box;
|
71
73
|
}
|
72
74
|
|
73
|
-
.
|
74
|
-
color: currentColor;
|
75
|
+
.bg {
|
75
76
|
position: absolute;
|
76
77
|
top: 0;
|
77
78
|
}
|
78
79
|
|
79
|
-
|
80
|
-
|
81
|
-
white-space: nowrap;
|
82
|
-
box-sizing: border-box;
|
83
|
-
padding-right: 2.5px;
|
84
|
-
letter-spacing: -2.5px;
|
85
|
-
width: fit-content;
|
86
|
-
background-clip: text;
|
87
|
-
-webkit-background-clip: text;
|
88
|
-
font-weight: 800;
|
89
|
-
font-size: inherit;
|
80
|
+
span {
|
81
|
+
display: block;
|
90
82
|
}
|
91
83
|
|
92
|
-
.
|
93
|
-
|
94
|
-
-
|
84
|
+
.rel {
|
85
|
+
position: relative;
|
86
|
+
font-weight: 800;
|
87
|
+
font-size: inherit;
|
88
|
+
letter-spacing: -0.05em;
|
95
89
|
}
|
96
90
|
|
97
|
-
.rel:nth-child(1) .
|
98
|
-
animation:
|
91
|
+
.rel:nth-child(1) .fg {
|
92
|
+
animation: lg1 8s infinite;
|
99
93
|
background-image: var(${cssvarScope}--1);
|
100
94
|
}
|
101
95
|
|
102
|
-
.rel:nth-child(2) .
|
103
|
-
animation: 8s
|
96
|
+
.rel:nth-child(2) .fg {
|
97
|
+
animation: 8s infinite lg2;
|
104
98
|
background-image: var(${cssvarScope}--2);
|
105
99
|
}
|
106
100
|
|
107
|
-
.rel:nth-child(3) .
|
108
|
-
animation: 8s
|
101
|
+
.rel:nth-child(3) .fg {
|
102
|
+
animation: 8s infinite lg3;
|
109
103
|
background-image: var(${cssvarScope}--3);
|
110
104
|
}
|
111
105
|
|
112
|
-
.rel:nth-child(1) .
|
113
|
-
animation:
|
106
|
+
.rel:nth-child(1) .bg {
|
107
|
+
animation: text1 8s infinite;
|
114
108
|
}
|
115
109
|
|
116
|
-
.rel:nth-child(2) .
|
117
|
-
animation:
|
110
|
+
.rel:nth-child(2) .bg {
|
111
|
+
animation: text2 8s infinite;
|
118
112
|
}
|
119
113
|
|
120
|
-
.rel:nth-child(3) .
|
121
|
-
animation:
|
114
|
+
.rel:nth-child(3) .bg {
|
115
|
+
animation: text3 8s infinite;
|
122
116
|
}
|
123
|
-
|
124
|
-
|
117
|
+
`,
|
118
|
+
css `
|
119
|
+
@keyframes lg1 {
|
125
120
|
0%,
|
126
121
|
16.667%,
|
127
122
|
to {
|
@@ -132,7 +127,8 @@ OverbreathText.styles = [
|
|
132
127
|
opacity: 0;
|
133
128
|
}
|
134
129
|
}
|
135
|
-
|
130
|
+
|
131
|
+
@keyframes lg2 {
|
136
132
|
0%,
|
137
133
|
to {
|
138
134
|
opacity: 0;
|
@@ -146,7 +142,8 @@ OverbreathText.styles = [
|
|
146
142
|
opacity: 0;
|
147
143
|
}
|
148
144
|
}
|
149
|
-
|
145
|
+
|
146
|
+
@keyframes lg3 {
|
150
147
|
0%,
|
151
148
|
50%,
|
152
149
|
to {
|
@@ -157,7 +154,8 @@ OverbreathText.styles = [
|
|
157
154
|
opacity: 1;
|
158
155
|
}
|
159
156
|
}
|
160
|
-
|
157
|
+
|
158
|
+
@keyframes text1 {
|
161
159
|
0%,
|
162
160
|
16.667%,
|
163
161
|
to {
|
@@ -168,7 +166,8 @@ OverbreathText.styles = [
|
|
168
166
|
opacity: 1;
|
169
167
|
}
|
170
168
|
}
|
171
|
-
|
169
|
+
|
170
|
+
@keyframes text2 {
|
172
171
|
0%,
|
173
172
|
to {
|
174
173
|
opacity: 1;
|
@@ -182,7 +181,8 @@ OverbreathText.styles = [
|
|
182
181
|
opacity: 1;
|
183
182
|
}
|
184
183
|
}
|
185
|
-
|
184
|
+
|
185
|
+
@keyframes text3 {
|
186
186
|
0%,
|
187
187
|
58.333%,
|
188
188
|
91.667%,
|
@@ -195,6 +195,19 @@ OverbreathText.styles = [
|
|
195
195
|
}
|
196
196
|
}
|
197
197
|
`,
|
198
|
+
css `
|
199
|
+
span.bg {
|
200
|
+
${cssvarScope}--clip-background: var(${cssvar}--clip-background);
|
201
|
+
background: var(${cssvarScope}--clip-background);
|
202
|
+
}
|
203
|
+
span {
|
204
|
+
color: transparent;
|
205
|
+
-webkit-text-fill-color: transparent;
|
206
|
+
background-clip: text !important;
|
207
|
+
-webkit-background-clip: text !important;
|
208
|
+
display: inline-flex;
|
209
|
+
}
|
210
|
+
`,
|
198
211
|
];
|
199
212
|
__decorate([
|
200
213
|
property()
|
@@ -209,4 +222,5 @@ OverbreathText = __decorate([
|
|
209
222
|
define(defineName)
|
210
223
|
], OverbreathText);
|
211
224
|
export { OverbreathText };
|
225
|
+
export default OverbreathText;
|
212
226
|
//# sourceMappingURL=overbreath-text.js.map
|
@@ -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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"}
|