godown 2.4.1 → 2.5.0
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 +15 -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 +7 -1
- package/effect/clip-text.d.ts.map +1 -1
- package/effect/clip-text.js +9 -2
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +11 -2
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +12 -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 +33 -1
- package/effect/typewriter-text.d.ts.map +1 -1
- package/effect/typewriter-text.js +39 -5
- package/effect/typewriter-text.js.map +1 -1
- package/{glob.d.ts → godown-element.d.ts} +20 -30
- package/godown-element.d.ts.map +1 -0
- package/godown-element.js +140 -0
- package/godown-element.js.map +1 -0
- package/group/avatar-group.d.ts +10 -2
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +16 -11
- package/group/avatar-group.js.map +1 -1
- package/group/details-group.d.ts +12 -2
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +23 -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 +24 -4
- package/group/tab-group.d.ts.map +1 -1
- package/group/tab-group.js +26 -6
- package/group/tab-group.js.map +1 -1
- package/input-form/base-input.d.ts +25 -7
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +36 -21
- package/input-form/base-input.js.map +1 -1
- package/input-form/label-input.d.ts +14 -6
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +64 -39
- package/input-form/label-input.js.map +1 -1
- package/input-form/search-input.d.ts +28 -9
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +61 -72
- package/input-form/search-input.js.map +1 -1
- package/input-form/select-input.d.ts +22 -5
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +39 -20
- package/input-form/select-input.js.map +1 -1
- package/input-form/sign-form.d.ts +19 -4
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +16 -8
- package/input-form/sign-form.js.map +1 -1
- package/input-form/split-input.d.ts +13 -4
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +20 -15
- package/input-form/split-input.js.map +1 -1
- package/input-form/std.d.ts +6 -6
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +18 -9
- package/input-form/std.js.map +1 -1
- package/input-form/switch-input.d.ts +26 -3
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +30 -6
- package/input-form/switch-input.js.map +1 -1
- package/items/alert-item.d.ts +20 -2
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +39 -26
- package/items/alert-item.js.map +1 -1
- package/items/avatar-a.d.ts +22 -2
- package/items/avatar-a.d.ts.map +1 -1
- package/items/avatar-a.js +34 -7
- package/items/avatar-a.js.map +1 -1
- package/items/base-button.d.ts +50 -6
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +179 -80
- package/items/base-button.js.map +1 -1
- package/items/card-item.d.ts +11 -5
- package/items/card-item.d.ts.map +1 -1
- package/items/card-item.js +52 -13
- package/items/card-item.js.map +1 -1
- package/items/dialog-item.d.ts +27 -5
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +26 -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 +14 -1
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +21 -7
- package/items/link-a.js.map +1 -1
- package/items/load-progress.d.ts +36 -0
- package/items/load-progress.d.ts.map +1 -0
- package/items/{load-track.js → load-progress.js} +40 -49
- package/items/load-progress.js.map +1 -0
- 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 +15 -1
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +20 -6
- package/items/super-a.js.map +1 -1
- package/items/time-bar.d.ts +33 -2
- package/items/time-bar.d.ts.map +1 -1
- package/items/time-bar.js +35 -4
- package/items/time-bar.js.map +1 -1
- package/layout/div-line.d.ts +8 -2
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +16 -9
- 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 +11 -2
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +15 -5
- 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 +12 -3
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +15 -5
- package/layout/nav-aside.js.map +1 -1
- package/layout/nav-layout.d.ts +14 -2
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +12 -6
- package/layout/nav-layout.js.map +1 -1
- package/layout/skeleton-screen.d.ts +15 -1
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +17 -2
- package/layout/skeleton-screen.js.map +1 -1
- package/layout/std.d.ts +1 -1
- package/layout/std.js +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 +39 -0
- package/lib/templates.d.ts.map +1 -0
- package/{tmpl.js → lib/templates.js} +27 -5
- 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 +121 -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 +1 -1
- package/react/items.d.ts.map +1 -1
- package/react/items.js +1 -10
- 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 -10
- 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 -13
- 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 +10 -2
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +15 -12
- 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 +6 -4
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +18 -23
- package/view/menu-list.js.map +1 -1
- package/view/offset-expand.d.ts +27 -0
- 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 +14 -2
- package/view/rotation-pool.d.ts.map +1 -1
- package/view/rotation-pool.js +16 -2
- package/view/rotation-pool.js.map +1 -1
- package/view/route-view.d.ts +25 -3
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +27 -3
- package/view/route-view.js.map +1 -1
- package/view/scroll-x.d.ts +9 -3
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +13 -5
- package/view/scroll-x.js.map +1 -1
- package/view/std.d.ts +27 -7
- package/view/std.d.ts.map +1 -1
- package/view/std.js +32 -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} +41 -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/glob.d.ts.map +0 -1
- package/glob.js +0 -213
- package/glob.js.map +0 -1
- package/items/load-track.d.ts +0 -23
- package/items/load-track.d.ts.map +0 -1
- package/items/load-track.js.map +0 -1
- package/layout/with-wrap.d.ts +0 -14
- package/layout/with-wrap.d.ts.map +0 -1
- package/layout/with-wrap.js +0 -33
- package/layout/with-wrap.js.map +0 -1
- package/tmpl.d.ts +0 -23
- package/tmpl.d.ts.map +0 -1
- package/tmpl.js.map +0 -1
- package/view/down-drop.d.ts +0 -25
- package/view/down-drop.d.ts.map +0 -1
- package/view/down-drop.js +0 -119
- package/view/down-drop.js.map +0 -1
- package/view/float-tips.d.ts +0 -19
- package/view/float-tips.d.ts.map +0 -1
- package/view/float-tips.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
@@ -0,0 +1,38 @@
|
|
1
|
+
import { nothing } from "lit";
|
2
|
+
export const ifValue = (value, a, b) => {
|
3
|
+
return (value && a) || b || nothing;
|
4
|
+
};
|
5
|
+
/**
|
6
|
+
*
|
7
|
+
* @param value Keys.
|
8
|
+
* @param cases Match key and return value.
|
9
|
+
* @param defaultCase Default.
|
10
|
+
* @example
|
11
|
+
* ```ts
|
12
|
+
* for (const [key, value] of Object.entries(obj)){
|
13
|
+
* choose(
|
14
|
+
* keys,
|
15
|
+
* [
|
16
|
+
* [
|
17
|
+
* "type", `${value} type.`,
|
18
|
+
* ],
|
19
|
+
* ["target"],
|
20
|
+
* ],
|
21
|
+
* `${key}: ${value}.`,
|
22
|
+
* )
|
23
|
+
* }
|
24
|
+
* ```
|
25
|
+
*/
|
26
|
+
export const choose = (value, cases, defaultCase) => {
|
27
|
+
for (const c of cases) {
|
28
|
+
if (!c.length) {
|
29
|
+
continue;
|
30
|
+
}
|
31
|
+
const caseValue = c[0];
|
32
|
+
if (value && caseValue === value) {
|
33
|
+
return c[1];
|
34
|
+
}
|
35
|
+
}
|
36
|
+
return defaultCase;
|
37
|
+
};
|
38
|
+
//# sourceMappingURL=directives.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"directives.js","sourceRoot":"","sources":["../../src/lib/directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAS9B,MAAM,CAAC,MAAM,OAAO,GAAa,CAAO,KAAc,EAAE,CAAI,EAAE,CAAK,EAAE,EAAE;IACrE,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC;AACtC,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAwB,KAAQ,EAAE,KAAgB,EAAE,WAAe,EAAE,EAAE;IAC3F,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE;QACrB,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;YACb,SAAS;SACV;QACD,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,IAAI,KAAK,IAAI,SAAS,KAAK,KAAK,EAAE;YAChC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SACb;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}
|
@@ -1,9 +1,13 @@
|
|
1
|
-
export type
|
1
|
+
export type EventsMaps = WindowEventMap & DocumentEventMap;
|
2
|
+
export type EventsNames = keyof EventsMaps;
|
3
|
+
export type EventsTypes = GlobalEventHandlersEventMap[keyof GlobalEventHandlersEventMap];
|
4
|
+
export type ListenerFunc = (event?: EventsTypes) => any | EventListenerOrEventListenerObject;
|
5
|
+
export type AddOptions = boolean | AddEventListenerOptions;
|
2
6
|
export declare class EventsCollection {
|
3
|
-
protected
|
4
|
-
protected ListenersAlias: Map<
|
5
|
-
addEvent(src:
|
6
|
-
removeEvent(src:
|
7
|
+
protected Listeners: Map<"input" | "progress" | "error" | "message" | "pause" | "play" | "waiting" | "abort" | "cancel" | "ended" | "messageerror" | "resize" | "copy" | "toggle" | "select" | "DOMContentLoaded" | "fullscreenchange" | "fullscreenerror" | "pointerlockchange" | "pointerlockerror" | "readystatechange" | "visibilitychange" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "beforeinput" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "compositionend" | "compositionstart" | "compositionupdate" | "contextmenu" | "cuechange" | "cut" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "focusin" | "focusout" | "formdata" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "paste" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "reset" | "scroll" | "scrollend" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "slotchange" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "webkitanimationend" | "webkitanimationiteration" | "webkitanimationstart" | "webkittransitionend" | "wheel" | "afterprint" | "beforeprint" | "beforeunload" | "gamepadconnected" | "gamepaddisconnected" | "hashchange" | "languagechange" | "offline" | "online" | "pagehide" | "pageshow" | "popstate" | "rejectionhandled" | "storage" | "unhandledrejection" | "unload" | "devicemotion" | "deviceorientation" | "orientationchange", Map<HTMLElement, Set<ListenerFunc>>>;
|
8
|
+
protected ListenersAlias: Map<PropertyKey, ListenerFunc>;
|
9
|
+
addEvent(src: HTMLElement, type: EventsNames, listener: ListenerFunc, options?: AddOptions, alias?: PropertyKey): void;
|
10
|
+
removeEvent(src: HTMLElement, type: EventsNames, alias: PropertyKey | ListenerFunc, option?: EventListenerOptions): void;
|
7
11
|
removeAllEvents(): void;
|
8
12
|
}
|
9
13
|
export default EventsCollection;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"event-collection.d.ts","sourceRoot":"","sources":["../../src/lib/event-collection.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,
|
1
|
+
{"version":3,"file":"event-collection.d.ts","sourceRoot":"","sources":["../../src/lib/event-collection.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,MAAM,UAAU,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,2BAA2B,CAAC,MAAM,2BAA2B,CAAC,CAAC;AACzF,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,CAAC,EAAE,WAAW,KAAK,GAAG,GAAG,kCAAkC,CAAC;AAC7F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,uBAAuB,CAAC;AAE3D,qBAAa,gBAAgB;IAC3B,SAAS,CAAC,SAAS,s8DAA+D;IAClF,SAAS,CAAC,cAAc,iCAAwC;IAEhE,QAAQ,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,WAAW;IAwB/G,WAAW,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,EAAE,MAAM,CAAC,EAAE,oBAAoB;IA0BjH,eAAe;CAYhB;AAED,eAAe,gBAAgB,CAAC"}
|
package/lib/event-collection.js
CHANGED
@@ -1,19 +1,19 @@
|
|
1
1
|
export class EventsCollection {
|
2
2
|
constructor() {
|
3
|
-
this.
|
3
|
+
this.Listeners = new Map();
|
4
4
|
this.ListenersAlias = new Map();
|
5
5
|
}
|
6
|
-
addEvent(src, type, listener, alias) {
|
7
|
-
const
|
8
|
-
if (
|
9
|
-
const
|
10
|
-
if (
|
11
|
-
|
6
|
+
addEvent(src, type, listener, options, alias) {
|
7
|
+
const eType = this.Listeners.get(type);
|
8
|
+
if (eType) {
|
9
|
+
const eElem = eType.get(src);
|
10
|
+
if (eElem) {
|
11
|
+
eElem.add(listener);
|
12
12
|
}
|
13
13
|
else {
|
14
|
-
const
|
15
|
-
|
16
|
-
|
14
|
+
const set = new Set();
|
15
|
+
set.add(listener);
|
16
|
+
eType.set(src, set);
|
17
17
|
}
|
18
18
|
}
|
19
19
|
else {
|
@@ -21,48 +21,48 @@ export class EventsCollection {
|
|
21
21
|
s.add(listener);
|
22
22
|
const m = new Map();
|
23
23
|
m.set(src, s);
|
24
|
-
this.
|
24
|
+
this.Listeners.set(type, m);
|
25
25
|
}
|
26
|
-
src.addEventListener(type, listener);
|
26
|
+
src.addEventListener(type, listener, options);
|
27
27
|
if (alias) {
|
28
28
|
this.ListenersAlias.set(alias, listener);
|
29
29
|
}
|
30
30
|
}
|
31
|
-
removeEvent(src, type,
|
32
|
-
const
|
33
|
-
if (
|
34
|
-
const
|
35
|
-
if (
|
36
|
-
if (typeof
|
37
|
-
const listener = this.ListenersAlias.get(
|
31
|
+
removeEvent(src, type, alias, option) {
|
32
|
+
const eType = this.Listeners.get(type);
|
33
|
+
if (eType) {
|
34
|
+
const eSet = eType.get(src);
|
35
|
+
if (eSet) {
|
36
|
+
if (typeof alias !== "function") {
|
37
|
+
const listener = this.ListenersAlias.get(alias);
|
38
38
|
if (listener) {
|
39
|
-
|
40
|
-
src.removeEventListener(type, listener);
|
39
|
+
eSet.delete(listener);
|
40
|
+
src.removeEventListener(type, listener, option);
|
41
41
|
}
|
42
42
|
}
|
43
43
|
else {
|
44
|
-
|
45
|
-
src.removeEventListener(type, listener);
|
44
|
+
eSet.forEach((listener) => {
|
45
|
+
src.removeEventListener(type, listener, option);
|
46
46
|
});
|
47
47
|
}
|
48
|
-
if (
|
49
|
-
|
48
|
+
if (!eSet.size) {
|
49
|
+
eType.delete(src);
|
50
50
|
}
|
51
|
-
if (
|
52
|
-
this.
|
51
|
+
if (!eType.size) {
|
52
|
+
this.Listeners.delete(type);
|
53
53
|
}
|
54
54
|
}
|
55
55
|
}
|
56
56
|
}
|
57
57
|
removeAllEvents() {
|
58
|
-
this.
|
58
|
+
this.Listeners.forEach((typeMap, type) => {
|
59
59
|
typeMap.forEach((eventListeners, src) => {
|
60
60
|
eventListeners.forEach((listener) => {
|
61
61
|
src.removeEventListener(type, listener);
|
62
62
|
});
|
63
63
|
});
|
64
64
|
typeMap.clear();
|
65
|
-
this.
|
65
|
+
this.Listeners.delete(type);
|
66
66
|
});
|
67
67
|
this.ListenersAlias.clear();
|
68
68
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"event-collection.js","sourceRoot":"","sources":["../../src/lib/event-collection.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"event-collection.js","sourceRoot":"","sources":["../../src/lib/event-collection.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import { html } from "lit";
|
2
|
+
export type HTMLTemplate = ReturnType<typeof html>;
|
3
|
+
/**
|
4
|
+
* @param fill undefined: "currentColor". zero value: "none".
|
5
|
+
* @param stroke undefined: "currentColor". zero value: "none".
|
6
|
+
* @returns Function returns path needs d.
|
7
|
+
*/
|
8
|
+
export declare const path: (fill?: string | void | number, stroke?: string | void | number, strokeWidth?: string | void | number) => (d: string) => import("lit").TemplateResult<2>;
|
9
|
+
interface HtmlSlot {
|
10
|
+
(): HTMLTemplate;
|
11
|
+
(name: string): HTMLTemplate;
|
12
|
+
<T>(name: string, feedback: T, node: ParentNode): T | HTMLTemplate;
|
13
|
+
}
|
14
|
+
export declare const htmlSlot: HtmlSlot;
|
15
|
+
export declare const htmlStyle: (css: string) => import("lit").TemplateResult<1>;
|
16
|
+
export declare const svgDelta: () => import("lit").TemplateResult<1>;
|
17
|
+
export declare const svgDeltaSmooth: () => import("lit").TemplateResult<1>;
|
18
|
+
export declare const svgArrow: (body?: boolean) => import("lit").TemplateResult<1>;
|
19
|
+
export declare const svgSearch: () => import("lit").TemplateResult<1>;
|
20
|
+
export declare const svgEye: () => import("lit").TemplateResult<1>;
|
21
|
+
export declare const svgX: () => import("lit").TemplateResult<1>;
|
22
|
+
export declare const svgImage: () => import("lit").TemplateResult<1>;
|
23
|
+
export declare const svgSun: () => import("lit").TemplateResult<1>;
|
24
|
+
export declare const svgMoon: (star?: boolean) => import("lit").TemplateResult<1>;
|
25
|
+
export declare const icons: {
|
26
|
+
delta: () => import("lit").TemplateResult<1>;
|
27
|
+
"delta-smooth": () => import("lit").TemplateResult<1>;
|
28
|
+
arrow: (body?: boolean) => import("lit").TemplateResult<1>;
|
29
|
+
"arrow-body": () => import("lit").TemplateResult<1>;
|
30
|
+
search: () => import("lit").TemplateResult<1>;
|
31
|
+
eye: () => import("lit").TemplateResult<1>;
|
32
|
+
x: () => import("lit").TemplateResult<1>;
|
33
|
+
image: () => import("lit").TemplateResult<1>;
|
34
|
+
moon: (star?: boolean) => import("lit").TemplateResult<1>;
|
35
|
+
"moon-star": () => import("lit").TemplateResult<1>;
|
36
|
+
sun: () => import("lit").TemplateResult<1>;
|
37
|
+
};
|
38
|
+
export {};
|
39
|
+
//# sourceMappingURL=templates.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/lib/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAO,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,IAAI,UAAU,MAAM,GAAG,IAAI,GAAG,MAAM,WAA2B,MAAM,GAAG,IAAI,GAAG,MAAM,gBAAgC,MAAM,GAAG,IAAI,GAAG,MAAM,SAG3I,MAAM,oCAGlB,CAAC;AAEF,UAAU,QAAQ;IAChB,IAAI,YAAY,CAAC;IACjB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC;CACpE;AAED,eAAO,MAAM,QAAQ,UAQP,CAAC;AAEf,eAAO,MAAM,SAAS,QAAS,MAAM,oCAMpC,CAAC;AAIF,eAAO,MAAM,QAAQ,uCAEpB,CAAC;AAEF,eAAO,MAAM,cAAc,uCAE1B,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,OAAO,oCAGtC,CAAC;AAEF,eAAO,MAAM,SAAS,uCAErB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAElB,CAAC;AAEF,eAAO,MAAM,IAAI,uCAEhB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAElB,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,OAAO,oCAErC,CAAC;AAEF,eAAO,MAAM,KAAK;;;mBA7Bc,OAAO;;;;;;kBAyBR,OAAO;;;CAgBrC,CAAC"}
|
@@ -4,19 +4,22 @@ import { html, svg } from "lit";
|
|
4
4
|
* @param stroke undefined: "currentColor". zero value: "none".
|
5
5
|
* @returns Function returns path needs d.
|
6
6
|
*/
|
7
|
-
export const path = (fill = "currentColor", stroke = "currentColor") => {
|
7
|
+
export const path = (fill = "currentColor", stroke = "currentColor", strokeWidth = 3) => {
|
8
8
|
fill = fill || "none";
|
9
9
|
stroke = stroke || "none";
|
10
10
|
return (d) => {
|
11
|
-
return svg `<path d="${d}" fill="${fill}" stroke="${stroke}" stroke-width="
|
11
|
+
return svg `<path d="${d}" fill="${fill}" stroke="${stroke}" stroke-width="${strokeWidth}" stroke-linecap="round" stroke-linejoin="round"></path>`;
|
12
12
|
};
|
13
13
|
};
|
14
|
-
export const htmlSlot = (name) => {
|
14
|
+
export const htmlSlot = ((name, fallback, node) => {
|
15
15
|
if (name) {
|
16
|
+
if (fallback && node && !node.querySelector(`[slot=${name}]`)) {
|
17
|
+
return fallback;
|
18
|
+
}
|
16
19
|
return html `<slot name="${name}"></slot>`;
|
17
20
|
}
|
18
21
|
return html `<slot></slot>`;
|
19
|
-
};
|
22
|
+
});
|
20
23
|
export const htmlStyle = (css) => {
|
21
24
|
if (css) {
|
22
25
|
return html `<style>
|
@@ -47,4 +50,23 @@ export const svgX = () => {
|
|
47
50
|
export const svgImage = () => {
|
48
51
|
return html `<svg viewBox="0 0 1098 1024">${path(undefined, 0)("M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z")}</svg>`;
|
49
52
|
};
|
50
|
-
|
53
|
+
export const svgSun = () => {
|
54
|
+
return html `<svg viewBox="0 0 16 16">${path(undefined, 0, 1)("M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z")}</svg>`;
|
55
|
+
};
|
56
|
+
export const svgMoon = (star) => {
|
57
|
+
return html `<svg viewBox="0 0 16 16">${path(undefined, 0)("M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z")} ${star && path(undefined, 0)("M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z")}</svg>`;
|
58
|
+
};
|
59
|
+
export const icons = {
|
60
|
+
delta: svgDelta,
|
61
|
+
"delta-smooth": svgDeltaSmooth,
|
62
|
+
arrow: svgArrow,
|
63
|
+
"arrow-body": () => svgArrow(true),
|
64
|
+
search: svgSearch,
|
65
|
+
eye: svgEye,
|
66
|
+
x: svgX,
|
67
|
+
image: svgImage,
|
68
|
+
moon: svgMoon,
|
69
|
+
"moon-star": () => svgMoon(true),
|
70
|
+
sun: svgSun,
|
71
|
+
};
|
72
|
+
//# sourceMappingURL=templates.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/lib/templates.ts"],"names":[],"mappings":"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"}
|
package/lib/utils.d.ts
CHANGED
@@ -1,6 +1,49 @@
|
|
1
1
|
export declare function debounce(func: (_: any) => any, timeout: number): () => void;
|
2
|
-
export declare function deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: string,
|
3
|
-
export declare function deepQuerySelector<E extends Element>(selectors: string,
|
2
|
+
export declare function deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: string, root?: E | ParentNode): E[];
|
3
|
+
export declare function deepQuerySelector<E extends Element = HTMLElement>(selectors: string, root?: E | ParentNode): E;
|
4
4
|
export declare function each(node: Node, callback: (node: Node) => void): void;
|
5
|
+
export declare function random(m?: number, n?: number): number;
|
5
6
|
export declare function doAssign(source: any, target: any): void;
|
7
|
+
/**
|
8
|
+
* Create element from args append to target.
|
9
|
+
* @param target Appended target element, target or document.querySelector(target) or document.body.
|
10
|
+
* @param args Arguments
|
11
|
+
*/
|
12
|
+
export declare function append(target: string | HTMLElement, args: string | EleArgs | HTMLElement): void;
|
13
|
+
/**
|
14
|
+
* Create element from args.
|
15
|
+
* @param args Arguments.
|
16
|
+
*/
|
17
|
+
export declare function create(args: string | EleArgs | HTMLElement): HTMLElement;
|
18
|
+
/**
|
19
|
+
* Replace elements.
|
20
|
+
* @param matched Elements.
|
21
|
+
* @param args Arguments.
|
22
|
+
*/
|
23
|
+
export declare function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement): void;
|
24
|
+
/**
|
25
|
+
* tag: tag name. \
|
26
|
+
* props: attribute. \
|
27
|
+
* children: appended chindren.
|
28
|
+
*/
|
29
|
+
interface EleArgs {
|
30
|
+
tag: string;
|
31
|
+
props?: Record<string, any>;
|
32
|
+
children?: (string | HTMLElement | EleArgs)[];
|
33
|
+
}
|
34
|
+
/**
|
35
|
+
* @param vars CSS properties key array.
|
36
|
+
* @param selectorProperties Keys: selector. values: CSS properties value array.
|
37
|
+
* @param selectorFunc Change to a a new selector.
|
38
|
+
* @param propertyFunc Form key and value into new key:value; pairs.
|
39
|
+
* @returns CSS text
|
40
|
+
*/
|
41
|
+
export declare function constructCSS(vars: LikeString[], selectorProperties: Record<string, LikeString[]>, selectorFunc?: (raw: LikeString) => string, propertyFunc?: (k: LikeString, v: LikeString) => string): string;
|
42
|
+
/**
|
43
|
+
* Can be a string.
|
44
|
+
*/
|
45
|
+
export interface LikeString {
|
46
|
+
toString(): string;
|
47
|
+
}
|
48
|
+
export {};
|
6
49
|
//# sourceMappingURL=utils.d.ts.map
|
package/lib/utils.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,cAU9D;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,cAU9D;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAA0B,GAAG,CAAC,EAAE,CAmBlI;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAA0B,GAAG,CAAC,CAkB7H;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,QAO9D;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI,UAElC;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAMhD;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED;;;;GAIG;AACH,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,MAAM,UAoBrM;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,IAAI,MAAM,CAAC;CACpB"}
|
package/lib/utils.js
CHANGED
@@ -9,22 +9,39 @@ export function debounce(func, timeout) {
|
|
9
9
|
}, timeout);
|
10
10
|
};
|
11
11
|
}
|
12
|
-
export function deepQuerySelectorAll(selectors,
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
12
|
+
export function deepQuerySelectorAll(selectors, root = document.body) {
|
13
|
+
const result = [];
|
14
|
+
if (!root || !selectors) {
|
15
|
+
return result;
|
16
|
+
}
|
17
|
+
if (root.shadowRoot) {
|
18
|
+
result.push(...deepQuerySelectorAll(selectors, root.shadowRoot));
|
19
|
+
}
|
20
|
+
const a = root.querySelectorAll(selectors);
|
21
|
+
result.push(...Array.from(a));
|
22
|
+
for (const child of root.children) {
|
23
|
+
result.push(...deepQuerySelectorAll(selectors, child));
|
24
|
+
}
|
25
|
+
return [...new Set(result)];
|
21
26
|
}
|
22
|
-
export function deepQuerySelector(selectors,
|
27
|
+
export function deepQuerySelector(selectors, root = document.body) {
|
28
|
+
if (!root || !selectors) {
|
29
|
+
return null;
|
30
|
+
}
|
31
|
+
if (root.shadowRoot) {
|
32
|
+
return deepQuerySelector(selectors, root.shadowRoot);
|
33
|
+
}
|
23
34
|
const a = root.querySelector(selectors);
|
24
|
-
if (a
|
25
|
-
return
|
35
|
+
if (a) {
|
36
|
+
return a;
|
37
|
+
}
|
38
|
+
for (const child of root.children) {
|
39
|
+
const b = deepQuerySelector(selectors, child);
|
40
|
+
if (b) {
|
41
|
+
return b;
|
42
|
+
}
|
26
43
|
}
|
27
|
-
return
|
44
|
+
return null;
|
28
45
|
}
|
29
46
|
export function each(node, callback) {
|
30
47
|
if (node) {
|
@@ -34,6 +51,9 @@ export function each(node, callback) {
|
|
34
51
|
}
|
35
52
|
}
|
36
53
|
}
|
54
|
+
export function random(m = 0, n = 1) {
|
55
|
+
return Math.random() * (n - m) + m;
|
56
|
+
}
|
37
57
|
export function doAssign(source, target) {
|
38
58
|
const classList = "classList";
|
39
59
|
if (classList in source) {
|
@@ -41,4 +61,92 @@ export function doAssign(source, target) {
|
|
41
61
|
}
|
42
62
|
Object.assign(target, source);
|
43
63
|
}
|
64
|
+
/**
|
65
|
+
* Create element from args append to target.
|
66
|
+
* @param target Appended target element, target or document.querySelector(target) or document.body.
|
67
|
+
* @param args Arguments
|
68
|
+
*/
|
69
|
+
export function append(target = document.body, args) {
|
70
|
+
if (!(target instanceof HTMLElement)) {
|
71
|
+
target = (document.querySelector(target) || document.body);
|
72
|
+
}
|
73
|
+
target.appendChild(create(args));
|
74
|
+
}
|
75
|
+
/**
|
76
|
+
* Create element from args.
|
77
|
+
* @param args Arguments.
|
78
|
+
*/
|
79
|
+
export function create(args) {
|
80
|
+
if (args instanceof HTMLElement) {
|
81
|
+
return args;
|
82
|
+
}
|
83
|
+
const { tag, props, children } = (typeof args === "string" ? { tag: args } : args);
|
84
|
+
const newElement = document.createElement(tag);
|
85
|
+
if (props) {
|
86
|
+
Object.keys(props).forEach((prop) => {
|
87
|
+
newElement.setAttribute(prop, props[prop] === true ? "" : props[prop]);
|
88
|
+
});
|
89
|
+
}
|
90
|
+
if (children && Array.isArray(children)) {
|
91
|
+
children.forEach((child) => {
|
92
|
+
if (typeof child === "string") {
|
93
|
+
newElement.appendChild(document.createTextNode(child));
|
94
|
+
}
|
95
|
+
else if (child instanceof HTMLElement) {
|
96
|
+
newElement.appendChild(child);
|
97
|
+
}
|
98
|
+
else {
|
99
|
+
newElement.appendChild(create(child));
|
100
|
+
}
|
101
|
+
});
|
102
|
+
}
|
103
|
+
return newElement;
|
104
|
+
}
|
105
|
+
/**
|
106
|
+
* Replace elements.
|
107
|
+
* @param matched Elements.
|
108
|
+
* @param args Arguments.
|
109
|
+
*/
|
110
|
+
export function retag(matched, args) {
|
111
|
+
for (let i = matched.length - 1; i >= 0; i--) {
|
112
|
+
const element = matched[i];
|
113
|
+
const newElement = create(args);
|
114
|
+
for (let i = 0; i < element.attributes.length; i++) {
|
115
|
+
const attribute = element.attributes[i];
|
116
|
+
if (!newElement.hasAttribute(attribute.name)) {
|
117
|
+
newElement.setAttribute(attribute.name, attribute.value);
|
118
|
+
}
|
119
|
+
}
|
120
|
+
newElement.innerHTML = element.innerHTML;
|
121
|
+
element.parentNode?.replaceChild(newElement, element);
|
122
|
+
}
|
123
|
+
}
|
124
|
+
/**
|
125
|
+
* @param vars CSS properties key array.
|
126
|
+
* @param selectorProperties Keys: selector. values: CSS properties value array.
|
127
|
+
* @param selectorFunc Change to a a new selector.
|
128
|
+
* @param propertyFunc Form key and value into new key:value; pairs.
|
129
|
+
* @returns CSS text
|
130
|
+
*/
|
131
|
+
export function constructCSS(vars, selectorProperties, selectorFunc, propertyFunc) {
|
132
|
+
let cssString = "";
|
133
|
+
Object.keys(selectorProperties).forEach((sel) => {
|
134
|
+
const classProperties = vars.map((propertyKey, index) => {
|
135
|
+
const propertyValue = selectorProperties[sel][index];
|
136
|
+
if (propertyValue === undefined || propertyValue === null) {
|
137
|
+
return null;
|
138
|
+
}
|
139
|
+
if (propertyFunc) {
|
140
|
+
return propertyFunc(propertyKey, propertyValue);
|
141
|
+
}
|
142
|
+
return `${propertyKey}:${propertyValue}`;
|
143
|
+
});
|
144
|
+
const filtedProperties = classProperties.filter((p) => p);
|
145
|
+
if (selectorFunc) {
|
146
|
+
sel = selectorFunc(sel);
|
147
|
+
}
|
148
|
+
cssString = `${cssString}${sel}{${filtedProperties.join(";")}}`;
|
149
|
+
});
|
150
|
+
return cssString;
|
151
|
+
}
|
44
152
|
//# sourceMappingURL=utils.js.map
|
package/lib/utils.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAC,IAAqB,EAAE,OAAe;IAC7D,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,OAAO;QACL,IAAI,KAAK,EAAE;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QACD,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAC9B,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAkC,SAAiB,EAAE,
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "godown",
|
3
|
-
"version": "2.
|
3
|
+
"version": "2.5.0",
|
4
4
|
"main": "./index.js",
|
5
5
|
"type": "module",
|
6
6
|
"publishConfig": {
|
@@ -16,7 +16,7 @@
|
|
16
16
|
],
|
17
17
|
"author": "startracex",
|
18
18
|
"license": "MIT",
|
19
|
-
"description": "
|
19
|
+
"description": "Simple, stylized, semantic web components",
|
20
20
|
"repository": {
|
21
21
|
"type": "git",
|
22
22
|
"url": "https://github.com/startracex/godown.git"
|
package/react/create.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { EventName, Options, ReactWebComponent } from "@lit/react";
|
2
2
|
import * as React from "react";
|
3
|
-
export declare const create: <I extends HTMLElement, E extends Record<string, string | EventName> = {}>(option:
|
3
|
+
export declare const create: <I extends HTMLElement, E extends Record<string, string | EventName> = {}>(option: Partial<Options<I, E>>, ns?: typeof React) => ReactWebComponent<I, E>;
|
4
4
|
export default create;
|
5
5
|
//# sourceMappingURL=create.d.ts.map
|
package/react/create.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,MAAM,
|
1
|
+
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,MAAM,kHAOb,YAAY,4BAOjB,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/react/create.js
CHANGED
@@ -1,10 +1,9 @@
|
|
1
1
|
import { createComponent } from "@lit/react";
|
2
|
-
import conf from "../conf.js";
|
3
2
|
import * as React from "react";
|
4
3
|
export const create = (
|
5
4
|
/**/
|
6
5
|
option, ns = React) => {
|
7
|
-
option.tagName =
|
6
|
+
option.tagName = option.tagName || option.elementClass?.elementTagName || option.elementClass.name;
|
8
7
|
return createComponent({
|
9
8
|
...option,
|
10
9
|
react: ns,
|
package/react/create.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAyC,MAAM,YAAY,CAAC;
|
1
|
+
{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAyC,MAAM,YAAY,CAAC;AAEpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,MAAM,GAAG;AAKpB,IAAI;AACJ,MAA8B,EAC9B,KAAmB,KAAK,EACC,EAAE;IAC3B,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAK,MAAM,CAAC,YAAgD,EAAE,cAAc,IAAI,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC;IACxI,OAAO,eAAe,CAAO;QAC3B,GAAI,MAAwB;QAC5B,KAAK,EAAE,EAAE;KACV,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/react/effect.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,QAAQ,
|
1
|
+
{"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,eAAO,MAAM,QAAQ,wDAEnB,CAAC;AAEH,eAAO,MAAM,cAAc,8DAEzB,CAAC;AAEH,eAAO,MAAM,cAAc,8DAEzB,CAAC"}
|
package/react/effect.js
CHANGED
@@ -2,15 +2,12 @@
|
|
2
2
|
import createComponent from "./create.js";
|
3
3
|
import * as X from "../effect/index.js";
|
4
4
|
export const ClipText = createComponent({
|
5
|
-
tagName: "clip-text",
|
6
5
|
elementClass: X.ClipText,
|
7
6
|
});
|
8
7
|
export const OverbreathText = createComponent({
|
9
|
-
tagName: "overbreath-text",
|
10
8
|
elementClass: X.OverbreathText,
|
11
9
|
});
|
12
10
|
export const TypewriterText = createComponent({
|
13
|
-
tagName: "typewriter-text",
|
14
11
|
elementClass: X.TypewriterText,
|
15
12
|
});
|
16
13
|
//# sourceMappingURL=effect.js.map
|
package/react/effect.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"effect.js","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,
|
1
|
+
{"version":3,"file":"effect.js","sourceRoot":"","sources":["../../src/react/effect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,eAAe,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,YAAY,EAAE,CAAC,CAAC,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,YAAY,EAAE,CAAC,CAAC,cAAc;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,YAAY,EAAE,CAAC,CAAC,cAAc;CAC/B,CAAC,CAAC"}
|
package/react/group.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/react/group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,eAAO,MAAM,WAAW,
|
1
|
+
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/react/group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,mBAAmB,CAAC;AAEvC,eAAO,MAAM,WAAW,2DAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,4DAEvB,CAAC;AAEH,eAAO,MAAM,QAAQ,wDAEnB,CAAC"}
|