@e280/sly 0.3.0-2 → 0.3.0-4
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 +72 -57
- package/package.json +1 -1
- 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 +11 -11
- package/x/demo/demo.bundle.min.js.map +4 -4
- package/x/index.html +2 -2
- 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/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=f9ff7b34dd7e"></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-4</p>
|
|
29
29
|
<div class="demo"></div>
|
|
30
30
|
</body>
|
|
31
31
|
</html>
|
|
@@ -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"}
|
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":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,MAAM,IAAI,SAAS,EAAC,MAAM,KAAK,CAAA;AAEvC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,KAAK,EAAC,MAAM,2BAA2B,CAAA;AAC/C,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAA;AAEvD,OAAO,EAAC,cAAc,EAAE,SAAS,EAAW,MAAM,wBAAwB,CAAA;AAE1E,MAAM,UAAU,WAAW;IAC1B,SAAS,CAAC,QAAQ,EAAE,CAAA;IACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;IACjD,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAA;IAChD,OAAO,EAAC,IAAI,EAAE,MAAM,EAAC,CAAA;AACtB,CAAC;AAED,MAAM,UAAU,MAAM,CAAsB,IAAiB;IAC5D,OAAO,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;AACpC,CAAC;AAED,MAAM,CAAC,KAAK,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,CAC5C,CAAsB,IAAiB,EAAE,EAAE,CAAC,CAC3C,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CACtB,CACD,CAAA;AAED,SAAS,SAAS,CAChB,KAAwB,EACxB,IAAiB;IAGlB,MAAM,WAAW,GAAG,SAAS,CAAC,KAAM,SAAQ,cAAc;QACzD,GAAG,CAAA;QACH,UAAU,CAAA;QACV,MAAM,CAAQ;QACd,WAAW,GAAG,IAAI,UAAU,EAAE,CAAA;QAE9B,YAAY,IAAc;YACzB,KAAK,CAAC,IAAI,CAAC,CAAA;YACX,MAAM,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,KAAK,EAAE,CAAA;YAC9B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;gBACjC,IAAI,CAAC,IAAI,CAAC,MAAM;oBAAE,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAA;gBAC/D,IAAI,CAAC,IAAI,CAAC,WAAW;oBAAE,OAAM;gBAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;gBAChD,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACnC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;YACtB,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,GAAG,GAAG,IAAI,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;YAC/C,IAAI,CAAC,UAAU,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC1C,CAAC;QAED,cAAc,CAAC,KAAY;YAC1B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;YACnB,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAC7D,IAAI,CAAC,GAAG,CAAC,MAAM,CACf,CAAA;QACF,CAAC;QAED,MAAM,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAmB;YAChD,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC,GAAG,CAAA;YACvB,IAAI,CAAC,IAAI,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAA;YAClC,IAAI,KAAK;gBAAE,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YAClC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YAClC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YACtD,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;YACrB,OAAO,IAAI,CAAA;QACZ,CAAC;QAED,YAAY;YACX,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,CAAA;YACnC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;QACzB,CAAC;QAED,WAAW;YACV,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,CAAA;YACnC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAA;QAClB,CAAC;KACD,CAAmC,CAAA;IAEpC,SAAS,UAAU,CAAC,GAAG,KAAY;QAClC,OAAO,WAAW,CAAC,EAAC,KAAK,EAAC,CAAC,CAAA;IAC5B,CAAC;IAED,UAAU,CAAC,IAAI,GAAG,WAAW,CAAA;IAE7B,OAAO,UAA+B,CAAA;AACvC,CAAC"}
|
|
@@ -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"}
|