@e280/sly 0.3.0-3 → 0.3.0-5
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 +16 -6
- package/package.json +3 -3
- package/s/view/{parts → common}/sly-shadow.ts +6 -0
- package/s/view/index.ts +1 -0
- package/s/view/shadow.ts +11 -11
- package/x/demo/demo.bundle.min.js +15 -15
- package/x/demo/demo.bundle.min.js.map +4 -4
- package/x/index.html +2 -2
- package/x/loot/drag-and-drops.d.ts +2 -2
- package/x/loot/drops.d.ts +1 -1
- package/x/view/{parts → common}/sly-shadow.d.ts +1 -0
- package/x/view/{parts → common}/sly-shadow.js +4 -0
- package/x/view/common/sly-shadow.js.map +1 -0
- package/x/view/hooks/use-signal.d.ts +3 -3
- package/x/view/index.d.ts +1 -0
- package/x/view/index.js +1 -0
- package/x/view/index.js.map +1 -1
- package/x/view/shadow.d.ts +2 -1
- package/x/view/shadow.js +9 -10
- package/x/view/shadow.js.map +1 -1
- package/x/view/parts/sly-shadow.js.map +0 -1
package/x/index.html
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<title>sly</title>
|
|
10
10
|
<link rel="icon" href="/assets/favicon.png"/>
|
|
11
11
|
<link rel="stylesheet" href="demo/demo.css?v=633361cda103"/>
|
|
12
|
-
<script type="module" src="demo/demo.bundle.min.js?v=
|
|
12
|
+
<script type="module" src="demo/demo.bundle.min.js?v=54044b052860"></script>
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
<meta name="theme-color" content="#95ff7b">
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
<img class=icon alt="" src="/assets/favicon.png"/>
|
|
26
26
|
<h1>sly testing page</h1>
|
|
27
27
|
<p><a href="https://github.com/e280/sly">github.com/e280/sly</a></p>
|
|
28
|
-
<p class=lil>v0.3.0-
|
|
28
|
+
<p class=lil>v0.3.0-5</p>
|
|
29
29
|
<div class="demo"></div>
|
|
30
30
|
</body>
|
|
31
31
|
</html>
|
|
@@ -3,9 +3,9 @@ import { Drops } from "./drops.js";
|
|
|
3
3
|
export declare class DragAndDrops<Draggy, Droppy> {
|
|
4
4
|
private params;
|
|
5
5
|
/** what is currently being dragged */
|
|
6
|
-
$draggy: import("@e280/strata").
|
|
6
|
+
$draggy: import("@e280/strata").Signal<Draggy | undefined>;
|
|
7
7
|
/** what dropzone are we curently hovering over */
|
|
8
|
-
$droppy: import("@e280/strata").
|
|
8
|
+
$droppy: import("@e280/strata").Signal<Droppy | undefined>;
|
|
9
9
|
constructor(params: {
|
|
10
10
|
/** accept a dropped item that was declared within this system */
|
|
11
11
|
acceptDrop: (event: DragEvent, draggy: Draggy, droppy: Droppy) => void;
|
package/x/loot/drops.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** dropzone that accepts user-dropped stuff like files */
|
|
2
2
|
export declare class Drops {
|
|
3
3
|
private params;
|
|
4
|
-
$indicator: import("@e280/strata").
|
|
4
|
+
$indicator: import("@e280/strata").Signal<boolean>;
|
|
5
5
|
constructor(params: {
|
|
6
6
|
/** whether or not the dragged item is acceptable for a drop */
|
|
7
7
|
predicate: (event: DragEvent) => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sly-shadow.js","sourceRoot":"","sources":["../../../s/view/common/sly-shadow.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,MAAM,OAAO,SAAU,SAAQ,WAAW;IACzC,MAAM,CAAC,QAAQ;QACd,GAAG,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAA;IACxC,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;IAC/B,CAAC;CACD"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare function useSignal<Value>(value: Value): import("@e280/strata").
|
|
2
|
-
export declare function useDerived<Value>(fn: () => Value): import("@e280/strata").
|
|
3
|
-
export declare function useLazy<Value>(fn: () => Value): import("@e280/strata").
|
|
1
|
+
export declare function useSignal<Value>(value: Value): import("@e280/strata").Signal<Value>;
|
|
2
|
+
export declare function useDerived<Value>(fn: () => Value): import("@e280/strata").Derived<Value>;
|
|
3
|
+
export declare function useLazy<Value>(fn: () => Value): import("@e280/strata").Lazy<Value>;
|
package/x/view/index.d.ts
CHANGED
package/x/view/index.js
CHANGED
package/x/view/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/view/index.ts"],"names":[],"mappings":"AACA,cAAc,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/view/index.ts"],"names":[],"mappings":"AACA,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AAEtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
|
package/x/view/shadow.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { View, ShadowSetup, ShadowView } from "./types.js";
|
|
2
|
+
export declare function shadowSetup(): ShadowSetup;
|
|
2
3
|
export declare function shadow<Props extends any[]>(view: View<Props>): ShadowView<Props>;
|
|
3
4
|
export declare namespace shadow {
|
|
4
|
-
var
|
|
5
|
+
var setup: (setup: () => ShadowSetup) => <Props extends any[]>(view: View<Props>) => ShadowView<Props>;
|
|
5
6
|
}
|
package/x/view/shadow.js
CHANGED
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
import { microbounce } from "@e280/stz";
|
|
2
2
|
import { render as litRender } from "lit";
|
|
3
|
-
import { dom } from "../dom/dom.js";
|
|
4
3
|
import { ShadowCx } from "./parts/cx.js";
|
|
5
|
-
import { SlyShadow } from "./parts/sly-shadow.js";
|
|
6
4
|
import { hooks } from "./hooks/plumbing/hooks.js";
|
|
5
|
+
import { SlyShadow } from "./common/sly-shadow.js";
|
|
7
6
|
import { Reactivity } from "./parts/reactivity.js";
|
|
8
7
|
import { applyAttrs } from "./parts/apply-attrs.js";
|
|
9
8
|
import { Hookscope } from "./hooks/plumbing/hookscope.js";
|
|
10
9
|
import { AsyncDirective, directive } from "lit/async-directive.js";
|
|
10
|
+
export function shadowSetup() {
|
|
11
|
+
SlyShadow.register();
|
|
12
|
+
const host = document.createElement("sly-shadow");
|
|
13
|
+
const shadow = host.attachShadow({ mode: "open" });
|
|
14
|
+
return { host, shadow };
|
|
15
|
+
}
|
|
11
16
|
export function shadow(view) {
|
|
12
|
-
|
|
13
|
-
dom.register({ SlyShadow }, { soft: true });
|
|
14
|
-
const host = document.createElement("sly-shadow");
|
|
15
|
-
const shadow = host.attachShadow({ mode: "open" });
|
|
16
|
-
return { host, shadow };
|
|
17
|
-
};
|
|
18
|
-
return rawShadow(setupFn, view);
|
|
17
|
+
return rawShadow(shadowSetup, view);
|
|
19
18
|
}
|
|
20
|
-
shadow.
|
|
19
|
+
shadow.setup = (setup) => ((view) => (rawShadow(setup, view)));
|
|
21
20
|
function rawShadow(setup, view) {
|
|
22
21
|
const directiveFn = directive(class extends AsyncDirective {
|
|
23
22
|
#cx;
|
package/x/view/shadow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../s/view/shadow.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,MAAM,IAAI,SAAS,EAAC,MAAM,KAAK,CAAA;AAEvC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../s/view/shadow.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sly-shadow.js","sourceRoot":"","sources":["../../../s/view/parts/sly-shadow.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,SAAU,SAAQ,WAAW;IACzC,iBAAiB;QAChB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;IAC/B,CAAC;CACD"}
|