godown 2.4.2 → 2.5.1
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/conf.d.ts +44 -4
- package/conf.d.ts.map +1 -1
- package/conf.js +17 -11
- package/conf.js.map +1 -1
- package/deps.d.ts +1 -1
- package/deps.d.ts.map +1 -1
- package/deps.js +1 -1
- package/deps.js.map +1 -1
- package/effect/clip-text.d.ts +3 -0
- package/effect/clip-text.d.ts.map +1 -1
- package/effect/clip-text.js +3 -0
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +6 -1
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +5 -0
- package/effect/overbreath-text.js.map +1 -1
- package/effect/typewriter-text.d.ts +5 -1
- package/effect/typewriter-text.d.ts.map +1 -1
- package/effect/typewriter-text.js +3 -0
- package/effect/typewriter-text.js.map +1 -1
- package/godown-element.d.ts +10 -4
- package/godown-element.d.ts.map +1 -1
- package/godown-element.js +14 -5
- package/godown-element.js.map +1 -1
- package/group/avatar-group.d.ts +3 -1
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +6 -9
- package/group/avatar-group.js.map +1 -1
- package/group/details-group.d.ts +3 -0
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +3 -0
- package/group/details-group.js.map +1 -1
- package/group/tab-group.d.ts +8 -3
- package/group/tab-group.d.ts.map +1 -1
- package/group/tab-group.js +12 -3
- package/group/tab-group.js.map +1 -1
- package/input-form/base-input.d.ts +3 -0
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +8 -4
- package/input-form/base-input.js.map +1 -1
- package/input-form/label-input.d.ts +3 -1
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +6 -3
- package/input-form/label-input.js.map +1 -1
- package/input-form/search-input.d.ts +5 -8
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +38 -65
- package/input-form/search-input.js.map +1 -1
- package/input-form/select-input.d.ts +5 -2
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +11 -6
- package/input-form/select-input.js.map +1 -1
- package/input-form/sign-form.d.ts +9 -0
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +5 -0
- package/input-form/sign-form.js.map +1 -1
- package/input-form/split-input.d.ts +3 -0
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +8 -4
- package/input-form/split-input.js.map +1 -1
- package/input-form/std.d.ts +0 -1
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +0 -3
- package/input-form/std.js.map +1 -1
- package/input-form/switch-input.d.ts +5 -0
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +5 -0
- package/input-form/switch-input.js.map +1 -1
- package/items/alert-item.d.ts +6 -0
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +23 -21
- package/items/alert-item.js.map +1 -1
- package/items/avatar-a.d.ts +4 -1
- package/items/avatar-a.d.ts.map +1 -1
- package/items/avatar-a.js +3 -0
- package/items/avatar-a.js.map +1 -1
- package/items/base-button.d.ts +31 -8
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +157 -81
- package/items/base-button.js.map +1 -1
- package/items/card-item.d.ts +4 -1
- package/items/card-item.d.ts.map +1 -1
- package/items/card-item.js +42 -8
- package/items/card-item.js.map +1 -1
- package/items/dialog-item.d.ts +9 -5
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +7 -4
- package/items/dialog-item.js.map +1 -1
- package/items/index.d.ts +1 -1
- package/items/index.d.ts.map +1 -1
- package/items/index.js +1 -1
- package/items/index.js.map +1 -1
- package/items/link-a.d.ts +5 -0
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +5 -0
- package/items/link-a.js.map +1 -1
- package/items/{load-track.d.ts → load-progress.d.ts} +10 -18
- package/items/load-progress.d.ts.map +1 -0
- package/items/{load-track.js → load-progress.js} +25 -56
- package/items/load-progress.js.map +1 -0
- package/items/super-a.d.ts +6 -1
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +6 -1
- package/items/super-a.js.map +1 -1
- package/items/time-bar.d.ts +3 -0
- package/items/time-bar.d.ts.map +1 -1
- package/items/time-bar.js +3 -0
- package/items/time-bar.js.map +1 -1
- package/layout/div-line.d.ts +3 -0
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +9 -6
- package/layout/div-line.js.map +1 -1
- package/layout/drag-box.js +1 -1
- package/layout/drag-box.js.map +1 -1
- package/layout/flex-flow.d.ts +4 -1
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +6 -3
- package/layout/flex-flow.js.map +1 -1
- package/layout/index.d.ts +0 -1
- package/layout/index.d.ts.map +1 -1
- package/layout/index.js +0 -1
- package/layout/index.js.map +1 -1
- package/layout/nav-aside.d.ts +4 -1
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +6 -3
- package/layout/nav-aside.js.map +1 -1
- package/layout/nav-layout.d.ts +3 -0
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +3 -0
- package/layout/nav-layout.js.map +1 -1
- package/layout/skeleton-screen.d.ts +5 -0
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +5 -0
- package/layout/skeleton-screen.js.map +1 -1
- package/lib/directives.d.ts +31 -0
- package/lib/directives.d.ts.map +1 -0
- package/lib/directives.js +38 -0
- package/lib/directives.js.map +1 -0
- package/lib/event-collection.d.ts +9 -5
- package/lib/event-collection.d.ts.map +1 -1
- package/lib/event-collection.js +29 -29
- package/lib/event-collection.js.map +1 -1
- package/lib/templates.d.ts +16 -1
- package/lib/templates.d.ts.map +1 -1
- package/lib/templates.js +21 -2
- package/lib/templates.js.map +1 -1
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +11 -12
- package/lib/utils.js.map +1 -1
- package/package.json +1 -1
- package/react/items.d.ts +1 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +1 -1
- package/react/items.js.map +1 -1
- package/react/layout.d.ts +0 -1
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +0 -3
- package/react/layout.js.map +1 -1
- package/react/view.d.ts +3 -2
- package/react/view.d.ts.map +1 -1
- package/react/view.js +9 -6
- package/react/view.js.map +1 -1
- package/root.d.ts +2 -2
- package/root.d.ts.map +1 -1
- package/root.js +3 -3
- package/root.js.map +1 -1
- package/view/details-expand.d.ts +3 -0
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +6 -6
- package/view/details-expand.js.map +1 -1
- package/view/index.d.ts +3 -2
- package/view/index.d.ts.map +1 -1
- package/view/index.js +3 -2
- package/view/index.js.map +1 -1
- package/view/menu-list.d.ts +5 -1
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +14 -10
- package/view/menu-list.js.map +1 -1
- package/view/{down-drop.d.ts → offset-expand.d.ts} +9 -7
- package/view/offset-expand.d.ts.map +1 -0
- package/view/offset-expand.js +138 -0
- package/view/offset-expand.js.map +1 -0
- package/view/rotation-pool.d.ts +3 -0
- package/view/rotation-pool.d.ts.map +1 -1
- package/view/rotation-pool.js +3 -0
- package/view/rotation-pool.js.map +1 -1
- package/view/route-view.d.ts +5 -2
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +4 -1
- package/view/route-view.js.map +1 -1
- package/view/scroll-x.d.ts +4 -1
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +3 -0
- package/view/scroll-x.js.map +1 -1
- package/view/std.d.ts +10 -6
- package/view/std.d.ts.map +1 -1
- package/view/std.js +11 -6
- package/view/std.js.map +1 -1
- package/view/tool-tip.d.ts +24 -0
- package/view/tool-tip.d.ts.map +1 -0
- package/view/{float-tips.js → tool-tip.js} +37 -41
- package/view/tool-tip.js.map +1 -0
- package/view/with-wrap.d.ts +25 -0
- package/view/with-wrap.d.ts.map +1 -0
- package/view/with-wrap.js +99 -0
- package/view/with-wrap.js.map +1 -0
- package/items/load-track.d.ts.map +0 -1
- package/items/load-track.js.map +0 -1
- package/layout/with-wrap.d.ts +0 -17
- package/layout/with-wrap.d.ts.map +0 -1
- package/layout/with-wrap.js +0 -37
- package/layout/with-wrap.js.map +0 -1
- package/view/down-drop.d.ts.map +0 -1
- package/view/down-drop.js +0 -120
- package/view/down-drop.js.map +0 -1
- package/view/float-tips.d.ts +0 -22
- package/view/float-tips.d.ts.map +0 -1
- package/view/float-tips.js.map +0 -1
package/conf.d.ts
CHANGED
@@ -8,14 +8,54 @@ declare global {
|
|
8
8
|
}
|
9
9
|
}
|
10
10
|
export interface ConfType {
|
11
|
+
/**
|
12
|
+
* When a {@linkcode GodownElement} element is created, assign to the element.
|
13
|
+
*/
|
11
14
|
assign: null | Record<string, any>;
|
15
|
+
/**
|
16
|
+
* CSS variable prefix, without `--`.
|
17
|
+
*/
|
12
18
|
cssvar: string;
|
13
|
-
|
14
|
-
|
15
|
-
|
19
|
+
/**
|
20
|
+
* Mapping of element names to constructors.
|
21
|
+
*/
|
22
|
+
classMap: Accessor<string, CustomElementConstructor>;
|
23
|
+
/**
|
24
|
+
* Mapping of element names.
|
25
|
+
*/
|
26
|
+
nameMap: Accessor<string, string>;
|
27
|
+
/**
|
28
|
+
* Reflect to globalThis.
|
29
|
+
*/
|
16
30
|
reflect: boolean;
|
31
|
+
/**
|
32
|
+
* Name prefix.
|
33
|
+
*/
|
34
|
+
prefix: string;
|
35
|
+
/**
|
36
|
+
* Name suffix.
|
37
|
+
*/
|
17
38
|
suffix: string;
|
39
|
+
/**
|
40
|
+
*
|
41
|
+
* @param origin
|
42
|
+
* @returns Name to define.
|
43
|
+
* If the name is not in {@linkcode ConfType.nameMap},
|
44
|
+
* the name is {@linkcode ConfType.prefix} + `origin` + {@linkcode ConfType.tag.suffix}.
|
45
|
+
*/
|
18
46
|
tag: (origin: string) => string;
|
19
|
-
|
47
|
+
/**
|
48
|
+
* Define a Element.
|
49
|
+
*
|
50
|
+
* @param name Define name.
|
51
|
+
* @param constructor Custom element constructor.
|
52
|
+
* @param options Element definition options.
|
53
|
+
*/
|
54
|
+
define: (name: string | void, constructor: CustomElementConstructor, options?: ElementDefinitionOptions) => void;
|
55
|
+
}
|
56
|
+
export interface GetSet<K, V> {
|
57
|
+
get: (key: K) => V;
|
58
|
+
set(key: K, value: V): void;
|
20
59
|
}
|
60
|
+
export type Accessor<K, V> = GetSet<K, V> | (K extends PropertyKey ? GetSet<K, V> & Record<K, V> : never);
|
21
61
|
//# 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":"AA4BA,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,CAarF;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;;OAEG;IACH,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IACrD;;OAEG;IACH,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC;;;;;;OAMG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,EAAE,wBAAwB,EAAE,OAAO,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAClH;AAED,MAAM,WAAW,MAAM,CAAC,CAAC,EAAE,CAAC;IAC1B,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC"}
|
package/conf.js
CHANGED
@@ -1,24 +1,25 @@
|
|
1
1
|
const defaultConfig = {
|
2
2
|
assign: null,
|
3
3
|
cssvar: "godown",
|
4
|
-
|
5
|
-
|
6
|
-
prefix: "",
|
4
|
+
classMap: new Map(),
|
5
|
+
nameMap: new Map(),
|
7
6
|
reflect: false,
|
7
|
+
prefix: "",
|
8
8
|
suffix: "",
|
9
9
|
tag(origin) {
|
10
|
-
|
10
|
+
const name = this.nameMap.get(origin) || origin;
|
11
|
+
return this.prefix + name + this.suffix;
|
11
12
|
},
|
12
13
|
define(name, constructor, options) {
|
13
|
-
|
14
|
-
|
15
|
-
return;
|
14
|
+
if (!name) {
|
15
|
+
name = constructor.name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
|
16
16
|
}
|
17
|
+
const tagName = this.tag(name);
|
17
18
|
if (!customElements.get(tagName)) {
|
18
19
|
customElements.define(tagName, constructor, options);
|
19
20
|
constructor.elementTagName = tagName;
|
20
|
-
this.
|
21
|
-
this.
|
21
|
+
this.nameMap.set(name, tagName);
|
22
|
+
this.classMap.set(tagName, constructor);
|
22
23
|
}
|
23
24
|
},
|
24
25
|
};
|
@@ -27,11 +28,16 @@ export default conf;
|
|
27
28
|
export function init(CONFObject, source = conf) {
|
28
29
|
Object.assign(source, CONFObject);
|
29
30
|
if (source.reflect) {
|
30
|
-
// Reflect
|
31
|
+
// Reflect to globalThis.
|
31
32
|
globalThis.GodownWebComponentsCONF = source;
|
32
33
|
}
|
33
34
|
else {
|
34
|
-
|
35
|
+
try {
|
36
|
+
delete globalThis.GodownWebComponentsCONF;
|
37
|
+
}
|
38
|
+
catch (e) {
|
39
|
+
/* empty */
|
40
|
+
}
|
35
41
|
}
|
36
42
|
return source;
|
37
43
|
}
|
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":"AAEA,MAAM,aAAa,GAAa;IAC9B,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,IAAI,GAAG,EAAE;IACnB,OAAO,EAAE,IAAI,GAAG,EAAE;IAClB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,EAAE;IACV,GAAG,CAAC,MAAc;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC;QAChD,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;IAC1C,CAAC;IACD,MAAM,CAAC,IAAmB,EAAE,WAAqC,EAAE,OAAkC;QACnG,IAAI,CAAC,IAAI,EAAE;YACT,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;SAC3E;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC/B,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,OAAO,EAAE,WAAW,CAAC,CAAC;SACzC;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,yBAAyB;QACzB,UAAU,CAAC,uBAAuB,GAAG,MAAM,CAAC;KAC7C;SAAM;QACL,IAAI;YACF,OAAO,UAAU,CAAC,uBAAuB,CAAC;SAC3C;QAAC,OAAO,CAAC,EAAE;YACV,WAAW;SACZ;KACF;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,4 +1,4 @@
|
|
1
|
-
export { html, css, unsafeCSS, type CSSResultGroup, type PropertyValueMap } from "lit";
|
1
|
+
export { html, css, unsafeCSS, type CSSResultGroup, nothing, type PropertyValueMap } from "lit";
|
2
2
|
export * from "lit/decorators.js";
|
3
3
|
export * from "lit/directives/if-defined.js";
|
4
4
|
export * from "lit/directives/class-map.js";
|
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,GAAG,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;
|
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,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAChG,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
|
package/deps.js
CHANGED
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,GAAG,EAAE,SAAS,
|
1
|
+
{"version":3,"file":"deps.js","sourceRoot":"","sources":["../src/deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAuB,OAAO,EAAyB,MAAM,KAAK,CAAC;AAChG,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
|
package/effect/clip-text.d.ts
CHANGED
@@ -1,6 +1,9 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
2
|
import { type HTMLTemplate } from "../lib/templates.js";
|
3
3
|
import EffectSTD from "./std.js";
|
4
|
+
/**
|
5
|
+
* ClipText renders a gradient text.
|
6
|
+
*/
|
4
7
|
export declare class ClipText extends EffectSTD {
|
5
8
|
/**
|
6
9
|
* The text to be clipped.
|
@@ -1 +1 @@
|
|
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"}
|
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;;GAEG;AACH,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
@@ -10,6 +10,9 @@ import { htmlSlot } from "../lib/templates.js";
|
|
10
10
|
import EffectSTD from "./std.js";
|
11
11
|
const defineName = "clip-text";
|
12
12
|
const cssvarScope = createScope(defineName);
|
13
|
+
/**
|
14
|
+
* ClipText renders a gradient text.
|
15
|
+
*/
|
13
16
|
let ClipText = class ClipText extends EffectSTD {
|
14
17
|
constructor() {
|
15
18
|
super(...arguments);
|
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,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;
|
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;AAE5C;;GAEG;AAEI,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,14 +1,19 @@
|
|
1
1
|
import { type CSSResultGroup } from "../deps.js";
|
2
2
|
import EffectSTD from "./std.js";
|
3
3
|
import { type HTMLTemplate } from "../lib/templates.js";
|
4
|
+
/**
|
5
|
+
* OverbreathText renders three animated pieces of text.
|
6
|
+
*
|
7
|
+
* Inspired by Vercel homepage (2022? - 2023).
|
8
|
+
*/
|
4
9
|
export declare class OverbreathText extends EffectSTD {
|
5
|
-
static styles: CSSResultGroup;
|
6
10
|
/**
|
7
11
|
* One of the texts.
|
8
12
|
*/
|
9
13
|
t1: string;
|
10
14
|
t2: string;
|
11
15
|
t3: string;
|
16
|
+
static styles: CSSResultGroup;
|
12
17
|
protected render(): HTMLTemplate[];
|
13
18
|
protected renderText(text: string): HTMLTemplate;
|
14
19
|
}
|
@@ -1 +1 @@
|
|
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
|
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;;;;GAIG;AACH,qBACa,cAAe,SAAQ,SAAS;IAC3C;;OAEG;IACS,EAAE,SAAM;IAER,EAAE,SAAM;IAER,EAAE,SAAM;IAEpB,MAAM,CAAC,MAAM,iBAiLO;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"}
|
@@ -9,6 +9,11 @@ import { css, html, property } from "../deps.js";
|
|
9
9
|
import EffectSTD from "./std.js";
|
10
10
|
const defineName = "overbreath-text";
|
11
11
|
const cssvarScope = createScope(defineName);
|
12
|
+
/**
|
13
|
+
* OverbreathText renders three animated pieces of text.
|
14
|
+
*
|
15
|
+
* Inspired by Vercel homepage (2022? - 2023).
|
16
|
+
*/
|
12
17
|
let OverbreathText = class OverbreathText extends EffectSTD {
|
13
18
|
constructor() {
|
14
19
|
super(...arguments);
|
@@ -1 +1 @@
|
|
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;
|
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;AAE5C;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,SAAS;IAAtC;;QACL;;WAEG;QACS,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;IA+LtB,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;;AA5LM,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;AAvLR;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AART,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CAuM1B;;AAED,eAAe,cAAc,CAAC"}
|
@@ -1,5 +1,9 @@
|
|
1
|
+
import { type PropertyValueMap } from "../deps.js";
|
1
2
|
import { type HTMLTemplate } from "../lib/templates.js";
|
2
3
|
import EffectSTD from "./std.js";
|
4
|
+
/**
|
5
|
+
* TypewriterText renders a typewriter effect to text.
|
6
|
+
*/
|
3
7
|
export declare class TypewriterText extends EffectSTD {
|
4
8
|
/**
|
5
9
|
* Raw text.
|
@@ -42,7 +46,7 @@ export declare class TypewriterText extends EffectSTD {
|
|
42
46
|
static styles: import("lit").CSSResult[];
|
43
47
|
protected render(): HTMLTemplate;
|
44
48
|
protected firstUpdated(): void;
|
45
|
-
protected updated(changedProperties:
|
49
|
+
protected updated(changedProperties: PropertyValueMap<this>): void;
|
46
50
|
write(at?: number): void;
|
47
51
|
stop(): void;
|
48
52
|
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":"AACA,OAAO,EAAuB,KAAK,gBAAgB,EAAgB,MAAM,YAAY,CAAC;AACtF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,SAAS,MAAM,UAAU,CAAC;AAMjC;;GAEG;AACH,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,gBAAgB,CAAC,IAAI,CAAC;IAM3D,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"}
|
@@ -11,6 +11,9 @@ import EffectSTD from "./std.js";
|
|
11
11
|
import { random } from "../lib/utils.js";
|
12
12
|
const defineName = "typewriter-text";
|
13
13
|
const cssvarScope = createScope(defineName);
|
14
|
+
/**
|
15
|
+
* TypewriterText renders a typewriter effect to text.
|
16
|
+
*/
|
14
17
|
let TypewriterText = class TypewriterText extends EffectSTD {
|
15
18
|
constructor() {
|
16
19
|
super(...arguments);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,
|
1
|
+
{"version":3,"file":"typewriter-text.js","sourceRoot":"","sources":["../../src/effect/typewriter-text.ts"],"names":[],"mappings":"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"}
|
package/godown-element.d.ts
CHANGED
@@ -1,12 +1,11 @@
|
|
1
|
+
import { type AddOptions, type EventsNames, type ListenerFunc } from "./lib/event-collection.js";
|
1
2
|
import { deepQuerySelector, deepQuerySelectorAll, type LikeString } from "./lib/utils.js";
|
2
|
-
import { EventListenerFunc } from "./lib/event-collection.js";
|
3
3
|
import type { ConfType } from "./conf";
|
4
4
|
import { LitElement } from "lit";
|
5
5
|
/**
|
6
6
|
* Global element.
|
7
7
|
*/
|
8
8
|
declare class GodownElement extends LitElement {
|
9
|
-
[x: string]: any;
|
10
9
|
static conf?: ConfType;
|
11
10
|
static elementTagName?: string;
|
12
11
|
/**
|
@@ -33,6 +32,13 @@ declare class GodownElement extends LitElement {
|
|
33
32
|
* Named slot elements' slot attribute.
|
34
33
|
*/
|
35
34
|
get slottedNames(): string[];
|
35
|
+
/**
|
36
|
+
* Query for a element with slot names
|
37
|
+
*
|
38
|
+
* @param slotName Slot name.
|
39
|
+
* @returns Slot element.
|
40
|
+
*/
|
41
|
+
querySlot(slotName: string): HTMLSlotElement | null;
|
36
42
|
/**
|
37
43
|
* Width of (`this.offsetParent` or `document.body`).
|
38
44
|
*/
|
@@ -49,7 +55,7 @@ declare class GodownElement extends LitElement {
|
|
49
55
|
* this.addEvent(src, "type", listener)
|
50
56
|
* ```
|
51
57
|
*/
|
52
|
-
addEvent(src: any, type:
|
58
|
+
addEvent(src: any, type: EventsNames, listener: ListenerFunc, options?: AddOptions, alias?: PropertyKey): void;
|
53
59
|
/**
|
54
60
|
* ```
|
55
61
|
* src.removeEventListener("type", listener)
|
@@ -57,7 +63,7 @@ declare class GodownElement extends LitElement {
|
|
57
63
|
* this.removeEvent(src, "type", listener)
|
58
64
|
* ```
|
59
65
|
*/
|
60
|
-
removeEvent(src: any, type:
|
66
|
+
removeEvent(src: any, type: EventsNames, alias: PropertyKey | ListenerFunc): void;
|
61
67
|
removeAllEvents(): void;
|
62
68
|
private __assign;
|
63
69
|
constructor(assign?: typeof GodownElement.prototype.__assign);
|
package/godown-element.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"godown-element.d.ts","sourceRoot":"","sources":["../src/godown-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"godown-element.d.ts","sourceRoot":"","sources":["../src/godown-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAoB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACnH,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAY,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACpG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC;;GAEG;AACH,cAAM,aAAc,SAAQ,UAAU;IACpC,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;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI;IAInD;;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,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,WAAW;IAIvG;;;;;;OAMG;IACH,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY;IAI1E,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"}
|
package/godown-element.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
+
import { EventsCollection } from "./lib/event-collection.js";
|
1
2
|
import { deepQuerySelector, deepQuerySelectorAll, doAssign } from "./lib/utils.js";
|
2
|
-
import EventsCollection from "./lib/event-collection.js";
|
3
3
|
import { LitElement } from "lit";
|
4
4
|
/**
|
5
5
|
* Global element.
|
@@ -41,6 +41,15 @@ class GodownElement extends LitElement {
|
|
41
41
|
get slottedNames() {
|
42
42
|
return this.slottedChildren.map((c) => c.getAttribute("slot")).filter((v) => v);
|
43
43
|
}
|
44
|
+
/**
|
45
|
+
* Query for a element with slot names
|
46
|
+
*
|
47
|
+
* @param slotName Slot name.
|
48
|
+
* @returns Slot element.
|
49
|
+
*/
|
50
|
+
querySlot(slotName) {
|
51
|
+
return this.querySelector(`[slot=${slotName}]`);
|
52
|
+
}
|
44
53
|
/**
|
45
54
|
* Width of (`this.offsetParent` or `document.body`).
|
46
55
|
*/
|
@@ -60,8 +69,8 @@ class GodownElement extends LitElement {
|
|
60
69
|
* this.addEvent(src, "type", listener)
|
61
70
|
* ```
|
62
71
|
*/
|
63
|
-
addEvent(src, type, listener, alias) {
|
64
|
-
this.__events.addEvent(src, type, listener, alias);
|
72
|
+
addEvent(src, type, listener, options, alias) {
|
73
|
+
this.__events.addEvent(src, type, listener, options, alias);
|
65
74
|
}
|
66
75
|
/**
|
67
76
|
* ```
|
@@ -70,8 +79,8 @@ class GodownElement extends LitElement {
|
|
70
79
|
* this.removeEvent(src, "type", listener)
|
71
80
|
* ```
|
72
81
|
*/
|
73
|
-
removeEvent(src, type,
|
74
|
-
this.__events.removeEvent(src, type,
|
82
|
+
removeEvent(src, type, alias) {
|
83
|
+
this.__events.removeEvent(src, type, alias);
|
75
84
|
}
|
76
85
|
removeAllEvents() {
|
77
86
|
this.__events.removeAllEvents();
|
package/godown-element.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"godown-element.js","sourceRoot":"","sources":["../src/godown-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,QAAQ,EAAmB,MAAM,gBAAgB,CAAC;
|
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,6 +1,9 @@
|
|
1
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
|
+
/**
|
5
|
+
* AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.
|
6
|
+
*/
|
4
7
|
export declare class AvatarGroup extends GroupSTD {
|
5
8
|
/**
|
6
9
|
* The maximum number of elements that can be accepted for this element.
|
@@ -12,7 +15,6 @@ export declare class AvatarGroup extends GroupSTD {
|
|
12
15
|
more: number;
|
13
16
|
static styles: import("lit").CSSResult[];
|
14
17
|
protected render(): HTMLTemplate;
|
15
|
-
private renderMore;
|
16
18
|
protected firstUpdated(): void;
|
17
19
|
append(args?: AvatarAnchor): void;
|
18
20
|
subtract(): void;
|
@@ -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,qBAAqB,CAAC;AAE7E,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,OAAO,QAAQ,MAAM,UAAU,CAAC;
|
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;AAKhC;;GAEG;AACH,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,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,13 +4,17 @@ 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 { css, html, property } from "../deps.js";
|
7
|
+
import { css, html, nothing, property } from "../deps.js";
|
8
8
|
import { htmlSlot, htmlStyle } from "../lib/templates.js";
|
9
9
|
import { append } from "../lib/utils.js";
|
10
10
|
import AvatarAnchor from "../items/avatar-a.js";
|
11
11
|
import { define } from "../root.js";
|
12
12
|
import GroupSTD from "./std.js";
|
13
|
+
import { ifValue } from "../lib/directives.js";
|
13
14
|
const defineName = "avatar-group";
|
15
|
+
/**
|
16
|
+
* AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.
|
17
|
+
*/
|
14
18
|
let AvatarGroup = class AvatarGroup extends GroupSTD {
|
15
19
|
constructor() {
|
16
20
|
super(...arguments);
|
@@ -25,14 +29,7 @@ let AvatarGroup = class AvatarGroup extends GroupSTD {
|
|
25
29
|
}
|
26
30
|
render() {
|
27
31
|
const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;
|
28
|
-
return html `${htmlSlot()} ${htmlStyle(cssStr)} ${this.
|
29
|
-
}
|
30
|
-
renderMore() {
|
31
|
-
if (this.more > 0) {
|
32
|
-
const aa = new AvatarAnchor();
|
33
|
-
aa.more = this.more;
|
34
|
-
return aa;
|
35
|
-
}
|
32
|
+
return html `${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarAnchor({ more: this.more }), nothing)}`;
|
36
33
|
}
|
37
34
|
firstUpdated() {
|
38
35
|
if (!this.more && this.assigned.length > this.max) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"avatar-group.js","sourceRoot":"","sources":["../../src/group/avatar-group.ts"],"names":[],"mappings":"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"}
|
package/group/details-group.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC,qBACa,YAAa,SAAQ,QAAQ;IACxC;;OAEG;IACyB,KAAK,SAAM;IACvC;;OAEG;IAC0B,IAAI,UAAS;IAE1C,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,iBAAiB;IAQjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAIrC;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
|
1
|
+
{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAIhC;;GAEG;AACH,qBACa,YAAa,SAAQ,QAAQ;IACxC;;OAEG;IACyB,KAAK,SAAM;IACvC;;OAEG;IAC0B,IAAI,UAAS;IAE1C,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,iBAAiB;IAQjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAIrC;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
|
package/group/details-group.js
CHANGED
@@ -9,6 +9,9 @@ import { htmlSlot } from "../lib/templates.js";
|
|
9
9
|
import { define } from "../root.js";
|
10
10
|
import GroupSTD from "./std.js";
|
11
11
|
const defineName = "details-group";
|
12
|
+
/**
|
13
|
+
* DetailsGroup used to support multiple details like.
|
14
|
+
*/
|
12
15
|
let DetailsGroup = class DetailsGroup extends GroupSTD {
|
13
16
|
constructor() {
|
14
17
|
super(...arguments);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details-group.js","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"details-group.js","sourceRoot":"","sources":["../../src/group/details-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAqB,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,eAAe,CAAC;AAEnC;;GAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;IAAnC;;QACL;;WAEG;QACyB,UAAK,GAAG,CAAC,CAAC,CAAC;QACvC;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;IA+B5C,CAAC;IArBW,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;SACjD;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAClB,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;IAC9D,CAAC;;AA5BM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAY;AAIV;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAc;AAR/B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CAuCxB;;AAED,eAAe,YAAY,CAAC"}
|
package/group/tab-group.d.ts
CHANGED
@@ -1,8 +1,12 @@
|
|
1
|
+
import { type CSSResultGroup, type PropertyValueMap } from "../deps.js";
|
1
2
|
import { type HTMLTemplate } from "../lib/templates.js";
|
2
3
|
import GroupSTD from "./std.js";
|
3
|
-
|
4
|
+
/**
|
5
|
+
* TabGroup used to support multiple tabs.
|
6
|
+
*
|
7
|
+
* Inspired by Next-ui.
|
8
|
+
*/
|
4
9
|
export declare class TabGroup extends GroupSTD {
|
5
|
-
static styles: import("lit").CSSResultGroup[];
|
6
10
|
/**
|
7
11
|
* Active slot name.
|
8
12
|
*/
|
@@ -23,8 +27,9 @@ export declare class TabGroup extends GroupSTD {
|
|
23
27
|
* Contents slot names.
|
24
28
|
*/
|
25
29
|
contents: string[];
|
30
|
+
static styles: CSSResultGroup;
|
26
31
|
protected render(): HTMLTemplate;
|
27
|
-
protected updated(changedProperties: PropertyValueMap<
|
32
|
+
protected updated(changedProperties: PropertyValueMap<this>): void;
|
28
33
|
/**
|
29
34
|
* Select one tab.
|
30
35
|
* @param s New index.
|
package/group/tab-group.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAkB,KAAK,gBAAgB,EAAS,MAAM,YAAY,CAAC;AACpG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAOhC;;;;GAIG;AACH,qBACa,QAAS,SAAQ,QAAQ;IACpC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,GAAG,SAAM;IACrB;;OAEG;IACS,KAAK,SAAW;IAC5B;;OAEG;IACM,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC;;OAEG;IACM,QAAQ,EAAE,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,MAAM,iBA0CO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAoBhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB3D;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAalC,iBAAiB;IAWjB;;OAEG;IACH,OAAO;CAGR;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/group/tab-group.js
CHANGED
@@ -9,8 +9,14 @@ import { css, html, property, state } from "../deps.js";
|
|
9
9
|
import { htmlSlot } from "../lib/templates.js";
|
10
10
|
import { deepQuerySelectorAll } from "../lib/utils.js";
|
11
11
|
import GroupSTD from "./std.js";
|
12
|
+
import { ifValue } from "../lib/directives.js";
|
12
13
|
const defineName = "tab-group";
|
13
14
|
const cssvarScope = createScope(defineName);
|
15
|
+
/**
|
16
|
+
* TabGroup used to support multiple tabs.
|
17
|
+
*
|
18
|
+
* Inspired by Next-ui.
|
19
|
+
*/
|
14
20
|
let TabGroup = class TabGroup extends GroupSTD {
|
15
21
|
constructor() {
|
16
22
|
super(...arguments);
|
@@ -29,8 +35,8 @@ let TabGroup = class TabGroup extends GroupSTD {
|
|
29
35
|
}
|
30
36
|
render() {
|
31
37
|
const headers = (this.headers || this.contents).map((value) => {
|
32
|
-
return html
|
33
|
-
class="${this.index === value
|
38
|
+
return html ` <section
|
39
|
+
class="${ifValue(this.index === value, "active")}"
|
34
40
|
@click="${() => {
|
35
41
|
this.select(value, true);
|
36
42
|
}}"
|
@@ -54,7 +60,10 @@ let TabGroup = class TabGroup extends GroupSTD {
|
|
54
60
|
if (active) {
|
55
61
|
this.dispatchEvent(new CustomEvent("select", { detail: this.index }));
|
56
62
|
slider.style.width = `${active.clientWidth}px`;
|
57
|
-
slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {
|
63
|
+
slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {
|
64
|
+
duration: 250,
|
65
|
+
fill: "forwards",
|
66
|
+
});
|
58
67
|
}
|
59
68
|
else {
|
60
69
|
slider.style.width = "0";
|
package/group/tab-group.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tab-group.js","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,GAAG,
|
1
|
+
{"version":3,"file":"tab-group.js","sourceRoot":"","sources":["../../src/group/tab-group.ts"],"names":[],"mappings":"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"}
|