@toyz/loom 0.18.0 → 0.18.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/dist/element/decorators.d.ts +29 -0
- package/dist/element/decorators.d.ts.map +1 -1
- package/dist/element/decorators.js +92 -1
- package/dist/element/decorators.js.map +1 -1
- package/dist/element/dnd.d.ts +12 -0
- package/dist/element/dnd.d.ts.map +1 -1
- package/dist/element/dnd.js +106 -24
- package/dist/element/dnd.js.map +1 -1
- package/dist/element/index.d.ts +1 -1
- package/dist/element/index.d.ts.map +1 -1
- package/dist/element/index.js +1 -1
- package/dist/element/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -47,4 +47,33 @@ export declare function queryAll<V>(selector: string): <This extends object>(_ta
|
|
|
47
47
|
* Multiple `@styles()` calls stack (all sheets are adopted).
|
|
48
48
|
*/
|
|
49
49
|
export declare function styles(...sheets: CSSStyleSheet[]): (value: Function, _context: ClassDecoratorContext) => void;
|
|
50
|
+
/**
|
|
51
|
+
* Dynamic scoped styles from a method. The method returns a CSS string
|
|
52
|
+
* that is adopted into the component's shadow root. When any @reactive
|
|
53
|
+
* or @store value read during the method changes, the styles are
|
|
54
|
+
* automatically re-evaluated and updated in-place.
|
|
55
|
+
*
|
|
56
|
+
* Use this for theme-reactive or state-dependent styles that need
|
|
57
|
+
* to go beyond CSS custom properties or inline styles.
|
|
58
|
+
*
|
|
59
|
+
* ```ts
|
|
60
|
+
* @component("themed-card")
|
|
61
|
+
* class ThemedCard extends LoomElement {
|
|
62
|
+
* @reactive accessor accent = "#a78bfa";
|
|
63
|
+
* @reactive accessor radius = 8;
|
|
64
|
+
*
|
|
65
|
+
* @css
|
|
66
|
+
* dynamicStyles() {
|
|
67
|
+
* return `
|
|
68
|
+
* :host { border-radius: ${this.radius}px; }
|
|
69
|
+
* .card { border: 2px solid ${this.accent}; }
|
|
70
|
+
* `;
|
|
71
|
+
* }
|
|
72
|
+
* }
|
|
73
|
+
* ```
|
|
74
|
+
*
|
|
75
|
+
* Static styles should still use `@styles(css\`...\`)` for best
|
|
76
|
+
* performance (shared CSSStyleSheet, no re-evaluation).
|
|
77
|
+
*/
|
|
78
|
+
export declare function dynamicCss(method: Function, context: ClassMethodDecoratorContext): void;
|
|
50
79
|
//# sourceMappingURL=decorators.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../src/element/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS;aAAmD,OAAO;2EA2C7D,CAAC;AAGpB;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,IAC/B,IAAI,SAAS,MAAM,EACzB,SAAS,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,EAC9C,UAAU,6BAA6B,CAAC,IAAI,EAAE,CAAC,CAAC,KAC/C,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,CAOzC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,IAClC,IAAI,SAAS,MAAM,EACzB,SAAS,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,EAC9C,UAAU,6BAA6B,CAAC,IAAI,EAAE,CAAC,CAAC,KAC/C,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,CAOzC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,GAAG,MAAM,EAAE,aAAa,EAAE,IACvC,OAAO,QAAQ,EAAE,UAAU,qBAAqB,UAsBzD"}
|
|
1
|
+
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../src/element/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS;aAAmD,OAAO;2EA2C7D,CAAC;AAGpB;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,IAC/B,IAAI,SAAS,MAAM,EACzB,SAAS,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,EAC9C,UAAU,6BAA6B,CAAC,IAAI,EAAE,CAAC,CAAC,KAC/C,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,CAOzC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,IAClC,IAAI,SAAS,MAAM,EACzB,SAAS,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,EAC9C,UAAU,6BAA6B,CAAC,IAAI,EAAE,CAAC,CAAC,KAC/C,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,CAOzC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,GAAG,MAAM,EAAE,aAAa,EAAE,IACvC,OAAO,QAAQ,EAAE,UAAU,qBAAqB,UAsBzD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,2BAA2B,QAyErC"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @queryAll — Lazy shadow DOM querySelectorAll (auto-accessor)
|
|
7
7
|
* @styles — Adopt CSSStyleSheets on connect (class decorator)
|
|
8
8
|
*/
|
|
9
|
-
import { PROPS, TRANSFORMS } from "../decorators/symbols";
|
|
9
|
+
import { PROPS, TRANSFORMS, CONNECT_HOOKS } from "../decorators/symbols";
|
|
10
10
|
import { app } from "../app";
|
|
11
11
|
import { createDecorator } from "../decorators/create";
|
|
12
12
|
import { pendingProps } from "../store/decorators";
|
|
@@ -127,4 +127,95 @@ export function styles(...sheets) {
|
|
|
127
127
|
};
|
|
128
128
|
};
|
|
129
129
|
}
|
|
130
|
+
/**
|
|
131
|
+
* Dynamic scoped styles from a method. The method returns a CSS string
|
|
132
|
+
* that is adopted into the component's shadow root. When any @reactive
|
|
133
|
+
* or @store value read during the method changes, the styles are
|
|
134
|
+
* automatically re-evaluated and updated in-place.
|
|
135
|
+
*
|
|
136
|
+
* Use this for theme-reactive or state-dependent styles that need
|
|
137
|
+
* to go beyond CSS custom properties or inline styles.
|
|
138
|
+
*
|
|
139
|
+
* ```ts
|
|
140
|
+
* @component("themed-card")
|
|
141
|
+
* class ThemedCard extends LoomElement {
|
|
142
|
+
* @reactive accessor accent = "#a78bfa";
|
|
143
|
+
* @reactive accessor radius = 8;
|
|
144
|
+
*
|
|
145
|
+
* @css
|
|
146
|
+
* dynamicStyles() {
|
|
147
|
+
* return `
|
|
148
|
+
* :host { border-radius: ${this.radius}px; }
|
|
149
|
+
* .card { border: 2px solid ${this.accent}; }
|
|
150
|
+
* `;
|
|
151
|
+
* }
|
|
152
|
+
* }
|
|
153
|
+
* ```
|
|
154
|
+
*
|
|
155
|
+
* Static styles should still use `@styles(css\`...\`)` for best
|
|
156
|
+
* performance (shared CSSStyleSheet, no re-evaluation).
|
|
157
|
+
*/
|
|
158
|
+
export function dynamicCss(method, context) {
|
|
159
|
+
const key = String(context.name);
|
|
160
|
+
context.addInitializer(function () {
|
|
161
|
+
const hooks = this[CONNECT_HOOKS.key] ?? [];
|
|
162
|
+
this[CONNECT_HOOKS.key] = hooks;
|
|
163
|
+
hooks.push((el) => {
|
|
164
|
+
const sheet = new CSSStyleSheet();
|
|
165
|
+
// Initial evaluation
|
|
166
|
+
const cssText = el[key]();
|
|
167
|
+
if (typeof cssText === "string" && cssText.length > 0) {
|
|
168
|
+
sheet.replaceSync(cssText);
|
|
169
|
+
}
|
|
170
|
+
// Adopt into shadow root
|
|
171
|
+
const root = el.constructor.__loom_noshadow
|
|
172
|
+
? el.getRootNode()
|
|
173
|
+
: el.shadow;
|
|
174
|
+
if ('adoptedStyleSheets' in root) {
|
|
175
|
+
root.adoptedStyleSheets = root.adoptedStyleSheets.concat(sheet);
|
|
176
|
+
}
|
|
177
|
+
// Subscribe to reactive changes — re-evaluate when deps fire
|
|
178
|
+
const unsubs = [];
|
|
179
|
+
// Use a flag to debounce rapid changes into one replaceSync
|
|
180
|
+
let cssScheduled = false;
|
|
181
|
+
const refreshCSS = () => {
|
|
182
|
+
if (cssScheduled)
|
|
183
|
+
return;
|
|
184
|
+
cssScheduled = true;
|
|
185
|
+
queueMicrotask(() => {
|
|
186
|
+
cssScheduled = false;
|
|
187
|
+
const newCSS = el[key]();
|
|
188
|
+
if (typeof newCSS === "string") {
|
|
189
|
+
sheet.replaceSync(newCSS);
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
};
|
|
193
|
+
// Discover all backing Reactive instances on the element.
|
|
194
|
+
// localSymbol creates Symbol() with description "loom:reactive:<field>",
|
|
195
|
+
// "loom:store:<field>", or "loom:signal:<field>".
|
|
196
|
+
const allSymbols = Object.getOwnPropertySymbols(el);
|
|
197
|
+
for (const sym of allSymbols) {
|
|
198
|
+
const desc = sym.description ?? "";
|
|
199
|
+
if (desc.startsWith("loom:reactive:") ||
|
|
200
|
+
desc.startsWith("loom:store:") ||
|
|
201
|
+
desc.startsWith("loom:signal:")) {
|
|
202
|
+
const reactive = el[sym];
|
|
203
|
+
if (reactive && typeof reactive.subscribe === "function") {
|
|
204
|
+
unsubs.push(reactive.subscribe(refreshCSS));
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
// Cleanup on disconnect
|
|
209
|
+
return () => {
|
|
210
|
+
for (const u of unsubs)
|
|
211
|
+
u();
|
|
212
|
+
unsubs.length = 0;
|
|
213
|
+
// Remove the sheet from adopted styles
|
|
214
|
+
if ('adoptedStyleSheets' in root) {
|
|
215
|
+
root.adoptedStyleSheets = root.adoptedStyleSheets.filter((s) => s !== sheet);
|
|
216
|
+
}
|
|
217
|
+
};
|
|
218
|
+
});
|
|
219
|
+
});
|
|
220
|
+
}
|
|
130
221
|
//# sourceMappingURL=decorators.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../src/element/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../src/element/decorators.ts"],"names":[],"mappings":"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"}
|
package/dist/element/dnd.d.ts
CHANGED
|
@@ -22,6 +22,12 @@ export interface DraggableOptions {
|
|
|
22
22
|
type?: string;
|
|
23
23
|
/** Drag effect, default "move" */
|
|
24
24
|
effect?: DataTransfer["effectAllowed"];
|
|
25
|
+
/**
|
|
26
|
+
* CSS selector for child elements to make draggable.
|
|
27
|
+
* Enables event delegation — the matched element is passed
|
|
28
|
+
* as the first argument to the decorated method.
|
|
29
|
+
*/
|
|
30
|
+
selector?: string;
|
|
25
31
|
}
|
|
26
32
|
export interface DropzoneOptions {
|
|
27
33
|
/** MIME-like type key to accept, default "text/plain" */
|
|
@@ -30,6 +36,12 @@ export interface DropzoneOptions {
|
|
|
30
36
|
effect?: DataTransfer["dropEffect"];
|
|
31
37
|
/** CSS class to add when dragging over, default "drag-over" */
|
|
32
38
|
overClass?: string;
|
|
39
|
+
/**
|
|
40
|
+
* CSS selector for child drop targets.
|
|
41
|
+
* Enables event delegation — the matched element is passed
|
|
42
|
+
* as the third argument to the decorated method.
|
|
43
|
+
*/
|
|
44
|
+
selector?: string;
|
|
33
45
|
/**
|
|
34
46
|
* Optional JSX overlay rendered into the element's shadow DOM (or light DOM)
|
|
35
47
|
* during dragover. Removed on dragleave/drop. Accepts a function that returns
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dnd.d.ts","sourceRoot":"","sources":["../../src/element/dnd.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"dnd.d.ts","sourceRoot":"","sources":["../../src/element/dnd.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACpC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC;CACvC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,IAAI,CAAC,EAAE,gBAAgB,IAK9B,QAAQ,QAAQ,EAAE,SAAS,2BAA2B,UAqExE;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,CAAC,EAAE,eAAe,IAO5B,QAAQ,QAAQ,EAAE,SAAS,2BAA2B,UA6GxE"}
|
package/dist/element/dnd.js
CHANGED
|
@@ -27,28 +27,66 @@ import { CONNECT_HOOKS } from "../decorators/symbols";
|
|
|
27
27
|
export function draggable(opts) {
|
|
28
28
|
const mimeType = opts?.type ?? "text/plain";
|
|
29
29
|
const effect = opts?.effect ?? "move";
|
|
30
|
+
const selector = opts?.selector;
|
|
30
31
|
return function (method, context) {
|
|
31
32
|
context.addInitializer(function () {
|
|
32
33
|
if (!this[CONNECT_HOOKS.key])
|
|
33
34
|
this[CONNECT_HOOKS.key] = [];
|
|
34
35
|
this[CONNECT_HOOKS.key].push((el) => {
|
|
35
|
-
|
|
36
|
+
if (!selector) {
|
|
37
|
+
// Host-level draggable (original behavior)
|
|
38
|
+
el.draggable = true;
|
|
39
|
+
const onStart = (e) => {
|
|
40
|
+
const data = method.call(el);
|
|
41
|
+
e.dataTransfer?.setData(mimeType, String(data ?? ""));
|
|
42
|
+
if (e.dataTransfer)
|
|
43
|
+
e.dataTransfer.effectAllowed = effect;
|
|
44
|
+
el.classList.add("dragging");
|
|
45
|
+
};
|
|
46
|
+
const onEnd = () => {
|
|
47
|
+
el.classList.remove("dragging");
|
|
48
|
+
};
|
|
49
|
+
el.addEventListener("dragstart", onStart);
|
|
50
|
+
el.addEventListener("dragend", onEnd);
|
|
51
|
+
return () => {
|
|
52
|
+
el.removeEventListener("dragstart", onStart);
|
|
53
|
+
el.removeEventListener("dragend", onEnd);
|
|
54
|
+
el.draggable = false;
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
// Selector-based: event delegation on child elements
|
|
58
|
+
const root = el.shadowRoot ?? el;
|
|
59
|
+
// Mark matching children as draggable
|
|
60
|
+
const markDraggable = () => {
|
|
61
|
+
const targets = root.querySelectorAll(selector);
|
|
62
|
+
for (const t of targets)
|
|
63
|
+
t.draggable = true;
|
|
64
|
+
};
|
|
65
|
+
markDraggable();
|
|
66
|
+
// Re-mark after DOM updates (morph may add/remove elements)
|
|
67
|
+
const observer = new MutationObserver(markDraggable);
|
|
68
|
+
observer.observe(root, { childList: true, subtree: true });
|
|
36
69
|
const onStart = (e) => {
|
|
37
|
-
const
|
|
70
|
+
const target = e.target?.closest?.(selector);
|
|
71
|
+
if (!target)
|
|
72
|
+
return;
|
|
73
|
+
const data = method.call(el, target);
|
|
38
74
|
e.dataTransfer?.setData(mimeType, String(data ?? ""));
|
|
39
75
|
if (e.dataTransfer)
|
|
40
76
|
e.dataTransfer.effectAllowed = effect;
|
|
41
|
-
|
|
77
|
+
target.classList.add("dragging");
|
|
42
78
|
};
|
|
43
|
-
const onEnd = () => {
|
|
44
|
-
|
|
79
|
+
const onEnd = (e) => {
|
|
80
|
+
const target = e.target?.closest?.(selector);
|
|
81
|
+
if (target)
|
|
82
|
+
target.classList.remove("dragging");
|
|
45
83
|
};
|
|
46
|
-
|
|
47
|
-
|
|
84
|
+
root.addEventListener("dragstart", onStart);
|
|
85
|
+
root.addEventListener("dragend", onEnd);
|
|
48
86
|
return () => {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
87
|
+
root.removeEventListener("dragstart", onStart);
|
|
88
|
+
root.removeEventListener("dragend", onEnd);
|
|
89
|
+
observer.disconnect();
|
|
52
90
|
};
|
|
53
91
|
});
|
|
54
92
|
});
|
|
@@ -69,6 +107,7 @@ export function dropzone(opts) {
|
|
|
69
107
|
const dropEffect = opts?.effect ?? "move";
|
|
70
108
|
const overClass = opts?.overClass ?? "drag-over";
|
|
71
109
|
const overFn = opts?.over;
|
|
110
|
+
const selector = opts?.selector;
|
|
72
111
|
return function (method, context) {
|
|
73
112
|
context.addInitializer(function () {
|
|
74
113
|
if (!this[CONNECT_HOOKS.key])
|
|
@@ -98,31 +137,74 @@ export function dropzone(opts) {
|
|
|
98
137
|
overlayEl = null;
|
|
99
138
|
}
|
|
100
139
|
};
|
|
140
|
+
if (!selector) {
|
|
141
|
+
// Host-level dropzone (original behavior)
|
|
142
|
+
const onOver = (e) => {
|
|
143
|
+
e.preventDefault();
|
|
144
|
+
if (e.dataTransfer)
|
|
145
|
+
e.dataTransfer.dropEffect = dropEffect;
|
|
146
|
+
el.classList.add(overClass);
|
|
147
|
+
showOverlay();
|
|
148
|
+
};
|
|
149
|
+
const onLeave = () => {
|
|
150
|
+
el.classList.remove(overClass);
|
|
151
|
+
hideOverlay();
|
|
152
|
+
};
|
|
153
|
+
const onDrop = (e) => {
|
|
154
|
+
e.preventDefault();
|
|
155
|
+
el.classList.remove(overClass);
|
|
156
|
+
hideOverlay();
|
|
157
|
+
const data = e.dataTransfer?.getData(mimeType) ?? "";
|
|
158
|
+
method.call(el, data, e);
|
|
159
|
+
};
|
|
160
|
+
el.addEventListener("dragover", onOver);
|
|
161
|
+
el.addEventListener("dragleave", onLeave);
|
|
162
|
+
el.addEventListener("drop", onDrop);
|
|
163
|
+
return () => {
|
|
164
|
+
el.removeEventListener("dragover", onOver);
|
|
165
|
+
el.removeEventListener("dragleave", onLeave);
|
|
166
|
+
el.removeEventListener("drop", onDrop);
|
|
167
|
+
hideOverlay();
|
|
168
|
+
};
|
|
169
|
+
}
|
|
170
|
+
// Selector-based: event delegation on child elements
|
|
171
|
+
const root = el.shadowRoot ?? el;
|
|
172
|
+
let currentOverTarget = null;
|
|
101
173
|
const onOver = (e) => {
|
|
102
174
|
e.preventDefault();
|
|
103
175
|
if (e.dataTransfer)
|
|
104
176
|
e.dataTransfer.dropEffect = dropEffect;
|
|
105
|
-
|
|
106
|
-
|
|
177
|
+
const target = e.target?.closest?.(selector);
|
|
178
|
+
if (target && target !== currentOverTarget) {
|
|
179
|
+
currentOverTarget?.classList.remove(overClass);
|
|
180
|
+
target.classList.add(overClass);
|
|
181
|
+
currentOverTarget = target;
|
|
182
|
+
}
|
|
107
183
|
};
|
|
108
|
-
const onLeave = () => {
|
|
109
|
-
|
|
110
|
-
|
|
184
|
+
const onLeave = (e) => {
|
|
185
|
+
const target = e.target?.closest?.(selector);
|
|
186
|
+
if (target) {
|
|
187
|
+
target.classList.remove(overClass);
|
|
188
|
+
if (target === currentOverTarget)
|
|
189
|
+
currentOverTarget = null;
|
|
190
|
+
}
|
|
111
191
|
};
|
|
112
192
|
const onDrop = (e) => {
|
|
113
193
|
e.preventDefault();
|
|
114
|
-
|
|
115
|
-
|
|
194
|
+
const target = e.target?.closest?.(selector);
|
|
195
|
+
if (currentOverTarget)
|
|
196
|
+
currentOverTarget.classList.remove(overClass);
|
|
197
|
+
currentOverTarget = null;
|
|
116
198
|
const data = e.dataTransfer?.getData(mimeType) ?? "";
|
|
117
|
-
method.call(el, data, e);
|
|
199
|
+
method.call(el, data, e, target);
|
|
118
200
|
};
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
201
|
+
root.addEventListener("dragover", onOver);
|
|
202
|
+
root.addEventListener("dragleave", onLeave);
|
|
203
|
+
root.addEventListener("drop", onDrop);
|
|
122
204
|
return () => {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
205
|
+
root.removeEventListener("dragover", onOver);
|
|
206
|
+
root.removeEventListener("dragleave", onLeave);
|
|
207
|
+
root.removeEventListener("drop", onDrop);
|
|
126
208
|
hideOverlay();
|
|
127
209
|
};
|
|
128
210
|
});
|
package/dist/element/dnd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dnd.js","sourceRoot":"","sources":["../../src/element/dnd.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"dnd.js","sourceRoot":"","sources":["../../src/element/dnd.ts"],"names":[],"mappings":"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"}
|
package/dist/element/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* LoomElement base class, built-in elements, and element decorators.
|
|
5
5
|
*/
|
|
6
6
|
export { LoomElement } from "./element";
|
|
7
|
-
export { component, query, queryAll, styles } from "./decorators";
|
|
7
|
+
export { component, query, queryAll, styles, dynamicCss } from "./decorators";
|
|
8
8
|
export { catch_, suspend, mount, unmount } from "./lifecycle";
|
|
9
9
|
export { event } from "./events";
|
|
10
10
|
export { observer } from "./observers";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/element/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AASxC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/element/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AASxC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAG7G,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGjE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG3D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG3D,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC"}
|
package/dist/element/index.js
CHANGED
|
@@ -11,7 +11,7 @@ export { LoomElement } from "./element";
|
|
|
11
11
|
// e.g. import { LoomCanvas } from "@toyz/loom/element/canvas"
|
|
12
12
|
// e.g. import { LoomImage } from "@toyz/loom/element/image"
|
|
13
13
|
// Element decorators
|
|
14
|
-
export { component, query, queryAll, styles } from "./decorators";
|
|
14
|
+
export { component, query, queryAll, styles, dynamicCss } from "./decorators";
|
|
15
15
|
// Lifecycle decorators
|
|
16
16
|
export { catch_, suspend, mount, unmount } from "./lifecycle";
|
|
17
17
|
// Event decorator
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/element/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAe;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,kEAAkE;AAClE,gEAAgE;AAChE,0DAA0D;AAC1D,8DAA8D;AAC9D,4DAA4D;AAE5D,qBAAqB;AACrB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/element/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAe;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,kEAAkE;AAClE,gEAAgE;AAChE,0DAA0D;AAC1D,8DAA8D;AAC9D,4DAA4D;AAE5D,qBAAqB;AACrB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE9E,uBAAuB;AACvB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE9D,kBAAkB;AAClB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,qBAAqB;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,oBAAoB;AACpB,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAA8B,MAAM,UAAU,CAAC;AAE7G,iBAAiB;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,yBAAyB;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE3D,iBAAiB;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,uBAAuB;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,mBAAmB;AACnB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,4BAA4B;AAC5B,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/E,oDAAoD;AACpD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGlE,mDAAmD;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,sCAAsC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,oCAAoC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,oCAAoC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,+BAA+B;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export { jsx, jsxs, Fragment } from "./jsx-runtime";
|
|
|
21
21
|
export { renderLoop } from "./render-loop";
|
|
22
22
|
export type { RenderLoop } from "./render-loop";
|
|
23
23
|
export { reactive, prop, computed, watch, store } from "./store";
|
|
24
|
-
export { LoomElement, component, query, queryAll, styles, catch_, suspend, mount, unmount, event, observer, interval, timeout, debounce, throttle, animationFrame, } from "./element";
|
|
24
|
+
export { LoomElement, component, query, queryAll, styles, dynamicCss, catch_, suspend, mount, unmount, event, observer, interval, timeout, debounce, throttle, animationFrame, } from "./element";
|
|
25
25
|
export { on, emit, createDecorator, createSymbol, LoomSymbol, SYMBOL_REGISTRY } from "./decorators";
|
|
26
26
|
export { LoomResult } from "./result";
|
|
27
27
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIjE,OAAO,EACL,WAAW,EACX,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIjE,OAAO,EACL,WAAW,EACX,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAC9C,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAC/B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,GACtD,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -25,7 +25,7 @@ export { renderLoop } from "./render-loop";
|
|
|
25
25
|
// ── Store (core only — adapters & route sentinels via @toyz/loom/store) ──
|
|
26
26
|
export { reactive, prop, computed, watch, store } from "./store";
|
|
27
27
|
// ── Element: base class + core decorators ──
|
|
28
|
-
export { LoomElement, component, query, queryAll, styles, catch_, suspend, mount, unmount, event, observer, interval, timeout, debounce, throttle, animationFrame, } from "./element";
|
|
28
|
+
export { LoomElement, component, query, queryAll, styles, dynamicCss, catch_, suspend, mount, unmount, event, observer, interval, timeout, debounce, throttle, animationFrame, } from "./element";
|
|
29
29
|
// ── Decorators: event decorators + factory ──
|
|
30
30
|
export { on, emit, createDecorator, createSymbol, LoomSymbol, SYMBOL_REGISTRY } from "./decorators";
|
|
31
31
|
// Result type
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,kBAAkB;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM;AACN,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,eAAe;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,wDAAwD;AACxD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,cAAc;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,4EAA4E;AAE5E,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEjE,8CAA8C;AAE9C,OAAO,EACL,WAAW,EACX,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,kBAAkB;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM;AACN,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,eAAe;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,wDAAwD;AACxD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,cAAc;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,4EAA4E;AAE5E,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEjE,8CAA8C;AAE9C,OAAO,EACL,WAAW,EACX,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAC9C,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAC/B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,GACtD,MAAM,WAAW,CAAC;AAEnB,+CAA+C;AAE/C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpG,cAAc;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|