@e280/sly 0.2.0-4 → 0.2.0-6

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.
Files changed (58) hide show
  1. package/README.md +181 -36
  2. package/package.json +1 -1
  3. package/s/demo/views/incredi.ts +2 -2
  4. package/s/dom/dom.ts +10 -1
  5. package/s/dom/register.ts +4 -1
  6. package/s/index.ts +2 -2
  7. package/s/loot/drag-and-drops.ts +82 -0
  8. package/s/loot/{drop.ts → drops.ts} +8 -17
  9. package/s/loot/helpers.ts +3 -3
  10. package/s/loot/index.ts +2 -2
  11. package/s/views/base-element.ts +1 -1
  12. package/s/views/use.ts +3 -2
  13. package/x/demo/demo.bundle.min.js +13 -13
  14. package/x/demo/demo.bundle.min.js.map +4 -4
  15. package/x/demo/views/incredi.d.ts +1 -1
  16. package/x/demo/views/incredi.js +2 -2
  17. package/x/demo/views/incredi.js.map +1 -1
  18. package/x/dom/attributes.js.map +1 -0
  19. package/x/dom/dom.d.ts +5 -1
  20. package/x/dom/dom.js +5 -0
  21. package/x/dom/dom.js.map +1 -1
  22. package/x/dom/register.d.ts +5 -1
  23. package/x/dom/register.js.map +1 -1
  24. package/x/index.d.ts +2 -2
  25. package/x/index.html +2 -2
  26. package/x/index.js +2 -2
  27. package/x/index.js.map +1 -1
  28. package/x/loot/drag-and-drops.d.ts +30 -0
  29. package/x/loot/drag-and-drops.js +63 -0
  30. package/x/loot/drag-and-drops.js.map +1 -0
  31. package/x/loot/{drop.d.ts → drops.d.ts} +3 -5
  32. package/x/loot/drops.js +25 -0
  33. package/x/loot/drops.js.map +1 -0
  34. package/x/loot/helpers.d.ts +3 -3
  35. package/x/loot/helpers.js +3 -3
  36. package/x/loot/helpers.js.map +1 -1
  37. package/x/loot/index.d.ts +2 -2
  38. package/x/loot/index.js +2 -2
  39. package/x/loot/index.js.map +1 -1
  40. package/x/views/base-element.js +1 -1
  41. package/x/views/base-element.js.map +1 -1
  42. package/x/views/use.d.ts +2 -2
  43. package/x/views/use.js +3 -2
  44. package/x/views/use.js.map +1 -1
  45. package/s/dom/types.ts +0 -8
  46. package/s/loot/drag-drop.ts +0 -76
  47. package/x/dom/types.d.ts +0 -7
  48. package/x/dom/types.js +0 -2
  49. package/x/dom/types.js.map +0 -1
  50. package/x/loot/drag-drop.d.ts +0 -29
  51. package/x/loot/drag-drop.js +0 -54
  52. package/x/loot/drag-drop.js.map +0 -1
  53. package/x/loot/drop.js +0 -32
  54. package/x/loot/drop.js.map +0 -1
  55. package/x/views/attributes.js.map +0 -1
  56. /package/s/{views → dom}/attributes.ts +0 -0
  57. /package/x/{views → dom}/attributes.d.ts +0 -0
  58. /package/x/{views → dom}/attributes.js +0 -0
@@ -2,7 +2,7 @@ import { Use } from "../../views/use.js";
2
2
  import { BaseElement } from "../../views/base-element.js";
3
3
  export declare class IncrediElement extends BaseElement {
4
4
  static styles: import("lit").CSSResult;
5
- attrs: import("../../views/attributes.js").AttrTypes<{
5
+ attrs: import("../../index.js").AttrTypes<{
6
6
  value: NumberConstructor;
7
7
  }>;
8
8
  something: {
@@ -1,10 +1,10 @@
1
1
  import { css, html } from "lit";
2
2
  import { nap, repeat } from "@e280/stz";
3
- import { attributes } from "../../views/attributes.js";
3
+ import { dom } from "../../dom/dom.js";
4
4
  import { BaseElement } from "../../views/base-element.js";
5
5
  export class IncrediElement extends BaseElement {
6
6
  static styles = css `span{color:orange}`;
7
- attrs = attributes(this, { value: Number });
7
+ attrs = dom.attrs(this, { value: Number });
8
8
  something = { whatever: "rofl" };
9
9
  render(use) {
10
10
  const { value = 1 } = this.attrs;
@@ -1 +1 @@
1
- {"version":3,"file":"incredi.js","sourceRoot":"","sources":["../../../s/demo/views/incredi.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAGrC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAA;AAEvD,MAAM,OAAO,cAAe,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA,oBAAoB,CAAA;IACvC,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAA;IACzC,SAAS,GAAG,EAAC,QAAQ,EAAE,MAAM,EAAC,CAAA;IAE9B,MAAM,CAAC,GAAQ;QACd,MAAM,EAAC,KAAK,GAAG,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAE5B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;YAChC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAA;YACb,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAC,CAAA;QAEH,OAAO,IAAI,CAAA;WACF,MAAM,EAAE,GAAG,KAAK;GACxB,CAAA;IACF,CAAC"}
1
+ {"version":3,"file":"incredi.js","sourceRoot":"","sources":["../../../s/demo/views/incredi.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAErC,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAA;AAEvD,MAAM,OAAO,cAAe,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA,oBAAoB,CAAA;IACvC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAA;IACxC,SAAS,GAAG,EAAC,QAAQ,EAAE,MAAM,EAAC,CAAA;IAE9B,MAAM,CAAC,GAAQ;QACd,MAAM,EAAC,KAAK,GAAG,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAE5B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;YAChC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAA;YACb,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAC,CAAA;QAEH,OAAO,IAAI,CAAA;WACF,MAAM,EAAE,GAAG,KAAK;GACxB,CAAA;IACF,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"attributes.js","sourceRoot":"","sources":["../../s/dom/attributes.ts"],"names":[],"mappings":"AA4BA,MAAM,UAAU,YAAY,CAAC,OAAoB,EAAE,EAAc;IAChE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAA;IAC7C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAAoB,EACpB,IAAO,EACN,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE;IAErB,GAAG,EAAE,CAAC,OAAO,EAAE,IAAY,EAAE,EAAE;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;QACvB,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QAEtC,QAAQ,IAAI,EAAE,CAAC;YACd,KAAK,MAAM;gBACV,OAAO,GAAG,IAAI,SAAS,CAAA;YAExB,KAAK,MAAM;gBACV,OAAO,GAAG,KAAK,IAAI;oBAClB,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;oBACb,CAAC,CAAC,SAAS,CAAA;YAEb,KAAK,OAAO;gBACX,OAAO,GAAG,KAAK,IAAI,CAAA;YAEpB;gBACC,MAAM,IAAI,KAAK,CAAC,+BAA+B,IAAI,GAAG,CAAC,CAAA;QACzD,CAAC;IACF,CAAC;IAED,GAAG,EAAE,CAAC,OAAO,EAAE,IAAY,EAAE,KAAU,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;QAEvB,QAAQ,IAAI,EAAE,CAAC;YACd,KAAK,MAAM,CAAC,CAAC,CAAC;gBACb,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBACjC,OAAO,IAAI,CAAA;YACZ,CAAC;YAED,KAAK,MAAM,CAAC,CAAC,CAAC;gBACb,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBAC5C,OAAO,IAAI,CAAA;YACZ,CAAC;YAED,KAAK,OAAO,CAAC,CAAC,CAAC;gBACd,IAAI,KAAK;oBACR,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;;oBAE9B,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;gBAC9B,OAAO,IAAI,CAAA;YACZ,CAAC;YAED;gBACC,MAAM,IAAI,KAAK,CAAC,+BAA+B,IAAI,GAAG,CAAC,CAAA;QACzD,CAAC;IACF,CAAC;CAED,CAAwB,CAAA"}
package/x/dom/dom.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import { Content } from "../views/types.js";
2
- import { Queryable, Renderable } from "./types.js";
2
+ import { AttrSpec, AttrTypes } from "./attributes.js";
3
+ export type Renderable = HTMLElement | ShadowRoot | DocumentFragment;
4
+ export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment;
3
5
  export declare class Dom<C extends Queryable> {
4
6
  element: C;
5
7
  constructor(element: C);
@@ -8,6 +10,7 @@ export declare class Dom<C extends Queryable> {
8
10
  maybe<E extends Element = HTMLElement>(selector: string): E | null;
9
11
  all<E extends Element = HTMLElement>(selector: string): E[];
10
12
  render(...content: Content[]): import("lit-html").RootPart;
13
+ attrs<A extends AttrSpec>(spec: A): AttrTypes<A>;
11
14
  }
12
15
  export declare function dom<E extends Queryable>(selector: string): E;
13
16
  export declare function dom<E extends Queryable>(element: E): Dom<E>;
@@ -16,6 +19,7 @@ export declare namespace dom {
16
19
  export var require: <E extends Element = HTMLElement>(selector: string) => E;
17
20
  export var maybe: <E extends Element = HTMLElement>(selector: string) => E | null;
18
21
  export var all: <E extends Element = HTMLElement>(selector: string) => E[];
22
+ export var attrs: <A extends AttrSpec>(element: HTMLElement, spec: A) => AttrTypes<A>;
19
23
  export var register: typeof import("./register.js").register;
20
24
  export var render: (container: Renderable, ...content: Content[]) => import("lit-html").RootPart;
21
25
  export { _a as in };
package/x/dom/dom.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { render } from "lit";
2
2
  import { register } from "./register.js";
3
+ import { attributes } from "./attributes.js";
3
4
  function require(container, selector) {
4
5
  const e = container.querySelector(selector);
5
6
  if (!e)
@@ -31,6 +32,9 @@ export class Dom {
31
32
  render(...content) {
32
33
  return render(content, this.element);
33
34
  }
35
+ attrs(spec) {
36
+ return attributes(this.element, spec);
37
+ }
34
38
  }
35
39
  export function dom(selectorOrElement) {
36
40
  return (typeof selectorOrElement === "string")
@@ -42,6 +46,7 @@ dom.in = doc.in.bind(doc);
42
46
  dom.require = doc.require.bind(doc);
43
47
  dom.maybe = doc.maybe.bind(doc);
44
48
  dom.all = doc.all.bind(doc);
49
+ dom.attrs = attributes;
45
50
  dom.register = register;
46
51
  dom.render = (container, ...content) => {
47
52
  return render(content, container);
package/x/dom/dom.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dom.js","sourceRoot":"","sources":["../../s/dom/dom.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAItC,SAAS,OAAO,CACd,SAAoB,EACpB,QAAgB;IAEjB,MAAM,CAAC,GAAG,SAAS,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC9C,IAAI,CAAC,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,GAAG,CAAC,CAAA;IAC1D,OAAO,CAAC,CAAA;AACT,CAAC;AAED,MAAM,OAAO,GAAG;IACI;IAAnB,YAAmB,OAAU;QAAV,YAAO,GAAP,OAAO,CAAG;IAAG,CAAC;IAEjC,EAAE,CAAwB,iBAA6B;QACtD,OAAO,IAAI,GAAG,CACb,CAAC,OAAO,iBAAiB,KAAK,QAAQ,CAAC;YACtC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,CAAM;YAC/C,CAAC,CAAC,iBAAiB,CACpB,CAAA;IACF,CAAC;IAED,OAAO,CAAkC,QAAgB;QACxD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;QACjD,IAAI,CAAC,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,GAAG,CAAC,CAAA;QAC1D,OAAO,CAAC,CAAA;IACT,CAAC;IAED,KAAK,CAAkC,QAAgB;QACtD,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC/C,CAAC;IAED,GAAG,CAAkC,QAAgB;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,CAAC,GAAG,OAAkB;QAC3B,OAAO,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,OAAqB,CAAC,CAAA;IACnD,CAAC;CACD;AAID,MAAM,UAAU,GAAG,CAAsB,iBAA6B;IACrE,OAAO,CAAC,OAAO,iBAAiB,KAAK,QAAQ,CAAC;QAC7C,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,iBAAiB,CAAM;QAC3C,CAAC,CAAC,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;AAC9B,CAAC;AAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAA;AAC7B,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACzB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACnC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC/B,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC3B,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAA;AACvB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAqB,EAAE,GAAG,OAAkB,EAAE,EAAE;IAC7D,OAAO,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AAClC,CAAC,CAAA"}
1
+ {"version":3,"file":"dom.js","sourceRoot":"","sources":["../../s/dom/dom.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,UAAU,EAAsB,MAAM,iBAAiB,CAAA;AAK/D,SAAS,OAAO,CACd,SAAoB,EACpB,QAAgB;IAEjB,MAAM,CAAC,GAAG,SAAS,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC9C,IAAI,CAAC,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,GAAG,CAAC,CAAA;IAC1D,OAAO,CAAC,CAAA;AACT,CAAC;AAED,MAAM,OAAO,GAAG;IACI;IAAnB,YAAmB,OAAU;QAAV,YAAO,GAAP,OAAO,CAAG;IAAG,CAAC;IAEjC,EAAE,CAAwB,iBAA6B;QACtD,OAAO,IAAI,GAAG,CACb,CAAC,OAAO,iBAAiB,KAAK,QAAQ,CAAC;YACtC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,CAAM;YAC/C,CAAC,CAAC,iBAAiB,CACpB,CAAA;IACF,CAAC;IAED,OAAO,CAAkC,QAAgB;QACxD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;QACjD,IAAI,CAAC,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,GAAG,CAAC,CAAA;QAC1D,OAAO,CAAC,CAAA;IACT,CAAC;IAED,KAAK,CAAkC,QAAgB;QACtD,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC/C,CAAC;IAED,GAAG,CAAkC,QAAgB;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,CAAC,GAAG,OAAkB;QAC3B,OAAO,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,OAAqB,CAAC,CAAA;IACnD,CAAC;IAED,KAAK,CAAqB,IAAO;QAChC,OAAO,UAAU,CAAC,IAAI,CAAC,OAAsB,EAAE,IAAI,CAAC,CAAA;IACrD,CAAC;CACD;AAID,MAAM,UAAU,GAAG,CAAsB,iBAA6B;IACrE,OAAO,CAAC,OAAO,iBAAiB,KAAK,QAAQ,CAAC;QAC7C,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,iBAAiB,CAAM;QAC3C,CAAC,CAAC,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;AAC9B,CAAC;AAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAA;AAC7B,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACzB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACnC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC/B,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAE3B,GAAG,CAAC,KAAK,GAAG,UAAU,CAAA;AACtB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAA;AACvB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAqB,EAAE,GAAG,OAAkB,EAAE,EAAE;IAC7D,OAAO,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AAClC,CAAC,CAAA"}
@@ -1,4 +1,8 @@
1
- import { HTMLElementClasses } from "./types.js";
1
+ export type HTMLElementClasses = {
2
+ [key: string]: {
3
+ new (...args: any[]): HTMLElement;
4
+ };
5
+ };
2
6
  export type RegistrationOptions = {
3
7
  soft: boolean;
4
8
  upgrade: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"register.js","sourceRoot":"","sources":["../../s/dom/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAQpC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,UAAwC,EAAE;IAG3C,MAAM,EACL,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,IAAI,GACd,GAAG,OAAO,CAAA;IAEX,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QACzB,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,IAAI,IAAI,OAAO;YAClB,SAAQ;QAET,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;QAEnC,IAAI,OAAO;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAChD,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW;oBACtC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;IACJ,CAAC;AACF,CAAC"}
1
+ {"version":3,"file":"register.js","sourceRoot":"","sources":["../../s/dom/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAWpC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,UAAwC,EAAE;IAG3C,MAAM,EACL,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,IAAI,GACd,GAAG,OAAO,CAAA;IAEX,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QACzB,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,IAAI,IAAI,OAAO;YAClB,SAAQ;QAET,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;QAEnC,IAAI,OAAO;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAChD,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW;oBACtC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;IACJ,CAAC;AACF,CAAC"}
package/x/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
+ export * from "./dom/attributes.js";
1
2
  export * from "./dom/dashify.js";
2
3
  export * from "./dom/dom.js";
3
4
  export * from "./dom/register.js";
4
- export * from "./dom/types.js";
5
5
  export * from "./ops/loaders/make-loader.js";
6
6
  export * from "./ops/loaders/parts/ascii-anim.js";
7
7
  export * from "./ops/loaders/parts/error-display.js";
@@ -9,7 +9,7 @@ export * from "./ops/op.js";
9
9
  export * from "./ops/podium.js";
10
10
  export * from "./ops/types.js";
11
11
  export * as loot from "./loot/index.js";
12
- export * from "./views/attributes.js";
12
+ export * from "./dom/attributes.js";
13
13
  export * from "./views/base-element.js";
14
14
  export * from "./views/css-reset.js";
15
15
  export * from "./views/types.js";
package/x/index.html CHANGED
@@ -111,7 +111,7 @@ body {
111
111
  }
112
112
 
113
113
  </style>
114
- <script type=module src="demo/demo.bundle.min.js?v=4ec8f7baaced"></script>
114
+ <script type=module src="demo/demo.bundle.min.js?v=40e8251a4898"></script>
115
115
  <link rel="icon" href="assets/favicon.png?v=4dc161ed79b3"/>
116
116
 
117
117
  <meta name="theme-color" content="#95ff7b">
@@ -131,7 +131,7 @@ body {
131
131
  <img class=icon alt="" src="/assets/favicon.png"/>
132
132
  <h1>sly testing page</h1>
133
133
  <p><a href="https://github.com/e280/sly">github.com/e280/sly</a></p>
134
- <p class=lil>v0.2.0-4</p>
134
+ <p class=lil>v0.2.0-6</p>
135
135
  <incredi-element></incredi-element>
136
136
  <demo-counter>component</demo-counter>
137
137
  <div class=demo></div>
package/x/index.js CHANGED
@@ -1,7 +1,7 @@
1
+ export * from "./dom/attributes.js";
1
2
  export * from "./dom/dashify.js";
2
3
  export * from "./dom/dom.js";
3
4
  export * from "./dom/register.js";
4
- export * from "./dom/types.js";
5
5
  export * from "./ops/loaders/make-loader.js";
6
6
  export * from "./ops/loaders/parts/ascii-anim.js";
7
7
  export * from "./ops/loaders/parts/error-display.js";
@@ -9,7 +9,7 @@ export * from "./ops/op.js";
9
9
  export * from "./ops/podium.js";
10
10
  export * from "./ops/types.js";
11
11
  export * as loot from "./loot/index.js";
12
- export * from "./views/attributes.js";
12
+ export * from "./dom/attributes.js";
13
13
  export * from "./views/base-element.js";
14
14
  export * from "./views/css-reset.js";
15
15
  export * from "./views/types.js";
package/x/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAE9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,sCAAsC,CAAA;AACpD,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAE9B,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AAEvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AAEjC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,sCAAsC,CAAA;AACpD,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAE9B,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AAEvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA"}
@@ -0,0 +1,30 @@
1
+ import { Drops } from "./drops.js";
2
+ /** respond to user dragging-and-dropping things around on a webpage */
3
+ export declare class DragAndDrops<Draggy, Droppy> {
4
+ private params;
5
+ /** what is currently being dragged */
6
+ $draggy: import("@e280/strata").SignalFn<Draggy | undefined>;
7
+ /** what dropzone are we curently hovering over */
8
+ $droppy: import("@e280/strata").SignalFn<Droppy | undefined>;
9
+ constructor(params: {
10
+ /** accept a dropped item that was declared within this system */
11
+ acceptDrop: (event: DragEvent, draggy: Draggy, droppy: Droppy) => void;
12
+ /** also accept drops on the side */
13
+ backchannelDrops?: Drops;
14
+ });
15
+ get dragging(): Draggy | undefined;
16
+ get hovering(): Droppy | undefined;
17
+ /** make event listeners to attach to your dragzone(s) */
18
+ dragzone: (getDraggy: () => Draggy) => {
19
+ draggable: string;
20
+ dragstart: (_: DragEvent) => void;
21
+ dragend: (_: DragEvent) => void;
22
+ };
23
+ /** make event listeners to attach to your dropzones(s) */
24
+ dropzone: (getDroppy: () => Droppy) => {
25
+ dragenter: (_: DragEvent) => void;
26
+ dragover: (event: DragEvent) => void;
27
+ dragleave: (event: DragEvent) => void;
28
+ drop: (event: DragEvent) => void;
29
+ };
30
+ }
@@ -0,0 +1,63 @@
1
+ import { signal } from "@e280/strata";
2
+ import { outsideCurrentTarget } from "./helpers.js";
3
+ /** respond to user dragging-and-dropping things around on a webpage */
4
+ export class DragAndDrops {
5
+ params;
6
+ /** what is currently being dragged */
7
+ $draggy = signal(undefined);
8
+ /** what dropzone are we curently hovering over */
9
+ $droppy = signal(undefined);
10
+ constructor(params) {
11
+ this.params = params;
12
+ }
13
+ get dragging() {
14
+ return this.$draggy();
15
+ }
16
+ get hovering() {
17
+ return this.$droppy();
18
+ }
19
+ /** make event listeners to attach to your dragzone(s) */
20
+ dragzone = (getDraggy) => ({
21
+ draggable: "true",
22
+ dragstart: (_) => {
23
+ this.$draggy.value = getDraggy();
24
+ },
25
+ dragend: (_) => {
26
+ this.$draggy.value = undefined;
27
+ this.$droppy.value = undefined;
28
+ },
29
+ });
30
+ /** make event listeners to attach to your dropzones(s) */
31
+ dropzone = (getDroppy) => ({
32
+ dragenter: (_) => { },
33
+ dragover: (event) => {
34
+ event.preventDefault();
35
+ if (this.$draggy())
36
+ this.$droppy.value = getDroppy();
37
+ else
38
+ this.params.backchannelDrops?.dragover(event);
39
+ },
40
+ dragleave: (event) => {
41
+ if (outsideCurrentTarget(event))
42
+ this.$droppy.value = undefined;
43
+ this.params.backchannelDrops?.dragleave(event);
44
+ },
45
+ drop: (event) => {
46
+ event.preventDefault();
47
+ const { acceptDrop } = this.params;
48
+ const draggy = this.$draggy();
49
+ const droppy = this.$droppy();
50
+ try {
51
+ if (draggy && droppy)
52
+ acceptDrop(event, draggy, droppy);
53
+ else
54
+ this.params.backchannelDrops?.drop(event);
55
+ }
56
+ finally {
57
+ this.$draggy.value = undefined;
58
+ this.$droppy.value = undefined;
59
+ }
60
+ },
61
+ });
62
+ }
63
+ //# sourceMappingURL=drag-and-drops.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drag-and-drops.js","sourceRoot":"","sources":["../../s/loot/drag-and-drops.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAA;AAEjD,uEAAuE;AACvE,MAAM,OAAO,YAAY;IAQJ;IANpB,sCAAsC;IACtC,OAAO,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAA;IAE/C,kDAAkD;IAClD,OAAO,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAA;IAE/C,YAAoB,MAOnB;QAPmB,WAAM,GAAN,MAAM,CAOzB;IAAG,CAAC;IAEL,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,EAAE,CAAA;IACtB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,EAAE,CAAA;IACtB,CAAC;IAED,yDAAyD;IACzD,QAAQ,GAAG,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE,MAAM;QAEjB,SAAS,EAAE,CAAC,CAAY,EAAE,EAAE;YAC3B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,EAAE,CAAA;QACjC,CAAC;QAED,OAAO,EAAE,CAAC,CAAY,EAAE,EAAE;YACzB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;YAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;QAC/B,CAAC;KACD,CAAC,CAAA;IAEF,0DAA0D;IAC1D,QAAQ,GAAG,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE,CAAC,CAAY,EAAE,EAAE,GAAE,CAAC;QAE/B,QAAQ,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,IAAI,IAAI,CAAC,OAAO,EAAE;gBACjB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,EAAE,CAAA;;gBAEhC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC/C,CAAC;QAED,SAAS,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC/B,IAAI,oBAAoB,CAAC,KAAK,CAAC;gBAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;YAC/B,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAC/C,CAAC;QAED,IAAI,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,EAAC,UAAU,EAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YAChC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;YAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;YAC7B,IAAI,CAAC;gBACJ,IAAI,MAAM,IAAI,MAAM;oBACnB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;;oBAEjC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;YAC3C,CAAC;oBACO,CAAC;gBACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;gBAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;YAC/B,CAAC;QACF,CAAC;KACD,CAAC,CAAA;CACF"}
@@ -1,15 +1,13 @@
1
- /** dropzone that accepts dropped stuff like files */
2
- export declare class Drop {
3
- #private;
1
+ /** dropzone that accepts user-dropped stuff like files */
2
+ export declare class Drops {
4
3
  private params;
4
+ $indicator: import("@e280/strata").SignalFn<boolean>;
5
5
  constructor(params: {
6
6
  /** whether or not the dragged item is acceptable for a drop */
7
7
  predicate: (event: DragEvent) => boolean;
8
8
  /** fn to handle the drop of an acceptable item */
9
9
  acceptDrop: (event: DragEvent) => void;
10
10
  });
11
- get indicator(): boolean;
12
- resetIndicator: () => void;
13
11
  dragover: (event: DragEvent) => void;
14
12
  dragleave: (event: DragEvent) => void;
15
13
  drop: (event: DragEvent) => void;
@@ -0,0 +1,25 @@
1
+ import { signal } from "@e280/strata";
2
+ import { outsideCurrentTarget } from "./helpers.js";
3
+ /** dropzone that accepts user-dropped stuff like files */
4
+ export class Drops {
5
+ params;
6
+ $indicator = signal(false);
7
+ constructor(params) {
8
+ this.params = params;
9
+ }
10
+ dragover = (event) => {
11
+ event.preventDefault();
12
+ this.$indicator.value = this.params.predicate(event);
13
+ };
14
+ dragleave = (event) => {
15
+ if (outsideCurrentTarget(event))
16
+ this.$indicator.value = false;
17
+ };
18
+ drop = (event) => {
19
+ event.preventDefault();
20
+ this.$indicator.value = false;
21
+ if (this.params.predicate(event))
22
+ this.params.acceptDrop(event);
23
+ };
24
+ }
25
+ //# sourceMappingURL=drops.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drops.js","sourceRoot":"","sources":["../../s/loot/drops.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AACnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAA;AAEjD,0DAA0D;AAC1D,MAAM,OAAO,KAAK;IAGG;IAFpB,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE1B,YAAoB,MAOnB;QAPmB,WAAM,GAAN,MAAM,CAOzB;IAAG,CAAC;IAEL,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,SAAS,GAAG,CAAC,KAAgB,EAAE,EAAE;QAChC,IAAI,oBAAoB,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAA;IAC/B,CAAC,CAAA;IAED,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC3B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAA;QAC7B,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;CACD"}
@@ -1,3 +1,3 @@
1
- export declare function dragHasFiles(event: DragEvent): boolean;
2
- export declare function droppedFiles(event: DragEvent): File[];
3
- export declare function dragIsOutsideCurrentTarget(event: DragEvent): boolean;
1
+ export declare function hasFiles(event: DragEvent): boolean;
2
+ export declare function files(event: DragEvent): File[];
3
+ export declare function outsideCurrentTarget(event: DragEvent): boolean;
package/x/loot/helpers.js CHANGED
@@ -1,13 +1,13 @@
1
- export function dragHasFiles(event) {
1
+ export function hasFiles(event) {
2
2
  return !!(event.dataTransfer &&
3
3
  event.dataTransfer.types.includes("Files"));
4
4
  }
5
- export function droppedFiles(event) {
5
+ export function files(event) {
6
6
  return event.dataTransfer
7
7
  ? Array.from(event.dataTransfer.files)
8
8
  : [];
9
9
  }
10
- export function dragIsOutsideCurrentTarget(event) {
10
+ export function outsideCurrentTarget(event) {
11
11
  const isCursorOutsideViewport = !event.relatedTarget || (event.clientX === 0 &&
12
12
  event.clientY === 0);
13
13
  if (isCursorOutsideViewport)
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../s/loot/helpers.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC5C,OAAO,CAAC,CAAC,CACR,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC1C,CAAA;AACF,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC5C,OAAO,KAAK,CAAC,YAAY;QACxB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,EAAE,CAAA;AACN,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,KAAgB;IAC1D,MAAM,uBAAuB,GAAG,CAAC,KAAK,CAAC,aAAa,IAAI,CACvD,KAAK,CAAC,OAAO,KAAK,CAAC;QACnB,KAAK,CAAC,OAAO,KAAK,CAAC,CACnB,CAAA;IAED,IAAI,uBAAuB;QAC1B,OAAO,IAAI,CAAA;IAEZ,MAAM,IAAI,GAAI,KAAK,CAAC,aAAqB,CAAC,qBAAqB,EAAE,CAAA;IACjE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAA;IACzE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAA;IACzE,MAAM,0BAA0B,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,CAAA;IAExD,OAAO,0BAA0B,CAAA;AAClC,CAAC"}
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../s/loot/helpers.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,QAAQ,CAAC,KAAgB;IACxC,OAAO,CAAC,CAAC,CACR,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC1C,CAAA;AACF,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,KAAgB;IACrC,OAAO,KAAK,CAAC,YAAY;QACxB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,EAAE,CAAA;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAgB;IACpD,MAAM,uBAAuB,GAAG,CAAC,KAAK,CAAC,aAAa,IAAI,CACvD,KAAK,CAAC,OAAO,KAAK,CAAC;QACnB,KAAK,CAAC,OAAO,KAAK,CAAC,CACnB,CAAA;IAED,IAAI,uBAAuB;QAC1B,OAAO,IAAI,CAAA;IAEZ,MAAM,IAAI,GAAI,KAAK,CAAC,aAAqB,CAAC,qBAAqB,EAAE,CAAA;IACjE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAA;IACzE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAA;IACzE,MAAM,0BAA0B,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,CAAA;IAExD,OAAO,0BAA0B,CAAA;AAClC,CAAC"}
package/x/loot/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from "./drag-drop.js";
2
- export * from "./drop.js";
1
+ export * from "./drag-and-drops.js";
2
+ export * from "./drops.js";
3
3
  export * from "./helpers.js";
package/x/loot/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./drag-drop.js";
2
- export * from "./drop.js";
1
+ export * from "./drag-and-drops.js";
2
+ export * from "./drops.js";
3
3
  export * from "./helpers.js";
4
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/loot/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/loot/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { tracker } from "@e280/strata";
2
2
  import { debounce, MapG } from "@e280/stz";
3
3
  import { dom } from "../dom/dom.js";
4
- import { onAttrChange } from "./attributes.js";
4
+ import { onAttrChange } from "../dom/attributes.js";
5
5
  import { applyStyles } from "./utils/apply-styles.js";
6
6
  import { Use, _disconnect, _reconnect, _wrap } from "./use.js";
7
7
  export class BaseElement extends HTMLElement {
@@ -1 +1 @@
1
- {"version":3,"file":"base-element.js","sourceRoot":"","sources":["../../s/views/base-element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"base-element.js","sourceRoot":"","sources":["../../s/views/base-element.ts"],"names":[],"mappings":"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"}
package/x/views/use.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { CSSResultGroup } from "lit";
2
2
  import { SignalOptions } from "@e280/strata/signals";
3
3
  import { Op } from "../ops/op.js";
4
- import { AttrSpec } from "./attributes.js";
4
+ import { AttrSpec } from "../dom/attributes.js";
5
5
  export declare const _wrap: unique symbol;
6
6
  export declare const _disconnect: unique symbol;
7
7
  export declare const _reconnect: unique symbol;
@@ -21,7 +21,7 @@ export declare class Use {
21
21
  styles(...styles: CSSResultGroup[]): void;
22
22
  /** alias for 'styles' */
23
23
  css(...styles: CSSResultGroup[]): void;
24
- attrs<A extends AttrSpec>(spec: A): import("./attributes.js").AttrTypes<A>;
24
+ attrs<A extends AttrSpec>(spec: A): import("../dom/attributes.js").AttrTypes<A>;
25
25
  once<V>(fn: () => V): V;
26
26
  mount(fn: () => () => void): void;
27
27
  life<V>(fn: () => [result: V, dispose: () => void]): V;
package/x/views/use.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { defer, MapG } from "@e280/stz";
2
2
  import { signal } from "@e280/strata/signals";
3
3
  import { Op } from "../ops/op.js";
4
+ import { dom } from "../dom/dom.js";
4
5
  import { Mounts } from "./utils/mounts.js";
5
6
  import { applyStyles } from "./utils/apply-styles.js";
6
- import { attributes, onAttrChange } from "./attributes.js";
7
+ import { onAttrChange } from "../dom/attributes.js";
7
8
  export const _wrap = Symbol();
8
9
  export const _disconnect = Symbol();
9
10
  export const _reconnect = Symbol();
@@ -57,7 +58,7 @@ export class Use {
57
58
  }
58
59
  attrs(spec) {
59
60
  this.mount(() => onAttrChange(this.element, this.render));
60
- return this.once(() => attributes(this.element, spec));
61
+ return this.once(() => dom.attrs(this.element, spec));
61
62
  }
62
63
  once(fn) {
63
64
  return this.#values.guarantee(this.#position++, fn);
@@ -1 +1 @@
1
- {"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/views/use.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,MAAM,EAAgB,MAAM,sBAAsB,CAAA;AAE1D,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,UAAU,EAAY,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAElE,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,EAAE,CAAA;AAC7B,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,EAAE,CAAA;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,EAAE,CAAA;AAElC,MAAM,OAAO,GAAG;IAyBP;IACA;IACA;IACA;IA3BR,KAAK,GAAG,CAAC,CAAA;IACT,SAAS,GAAG,CAAC,CAAA;IACb,OAAO,GAAG,IAAI,IAAI,EAAe,CAAA;IACjC,SAAS,GAAG,KAAK,EAAE,CAAA;IACnB,OAAO,GAAG,IAAI,MAAM,EAAE,CAErB;IAAA,CAAC,KAAK,CAAC,CAAI,EAAW;QACtB,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAA;QAClB,IAAI,CAAC,SAAS,GAAG,KAAK,EAAE,CAAA;QACxB,MAAM,MAAM,GAAG,EAAE,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAA;QACxB,OAAO,MAAM,CAAA;IACd,CAAC;IAED,CAAC;IAAA,CAAC,WAAW,CAAC;QACb,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA;IAC1B,CAAC;IAED,CAAC;IAAA,CAAC,UAAU,CAAC;QACZ,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA;IAC1B,CAAC;IAED,YACQ,OAAoB,EACpB,MAAkB,EAClB,SAAqB,EACrB,MAA2B;QAH3B,YAAO,GAAP,OAAO,CAAa;QACpB,WAAM,GAAN,MAAM,CAAY;QAClB,cAAS,GAAT,SAAS,CAAY;QACrB,WAAM,GAAN,MAAM,CAAqB;IAChC,CAAC;IAEJ,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,KAAK,CAAA;IAClB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAA;IAC9B,CAAC;IAED,IAAI,CAAC,IAAY;QAChB,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IACzD,CAAC;IAED,MAAM,CAAC,GAAG,MAAwB;QACjC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,yBAAyB;IACzB,GAAG,CAAC,GAAG,MAAwB;QAC9B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAA;IAC9B,CAAC;IAED,KAAK,CAAqB,IAAO;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;QACzD,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IACvD,CAAC;IAED,IAAI,CAAI,EAAW;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,EAAE,CAAM,CAAA;IACzD,CAAC;IAED,KAAK,CAAC,EAAoB;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IAC/C,CAAC;IAED,IAAI,CAAI,EAA0C;QACjD,IAAI,CAAgB,CAAA;QACpB,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAA;YAC9B,CAAC,GAAG,MAAM,CAAA;YACV,OAAO,OAAO,CAAA;QACf,CAAC,CAAC,CAAA;QACF,OAAO,CAAM,CAAA;IACd,CAAC;IAED,IAAI,CAAI,EAAW;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAA;IACzC,CAAC;IAED,EAAE,GAAG,CAAC,GAAG,EAAE;QACV,MAAM,IAAI,GAAG,IAAI,CAAA;QACjB,SAAS,EAAE,CAAI,CAAmB;YACjC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QACnC,CAAC;QACD,EAAE,CAAC,IAAI,GAAG,EAAyC,CAAA;QACnD,EAAE,CAAC,OAAO,GAAG,CAAI,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QACjE,OAAO,EAAE,CAAA;IACV,CAAC,CAAC,EAAE,CAAA;IAEJ,MAAM,GAAG,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,IAAI,CAAA;QACjB,SAAS,GAAG,CAAI,KAAQ,EAAE,OAAgC;YACzD,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;QAClD,CAAC;QACD,GAAG,CAAC,MAAM,GAAG,SAAS,MAAM,CAAI,OAAgB,EAAE,OAAgC;YACjF,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAI,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAA;QACD,GAAG,CAAC,IAAI,GAAG,SAAS,IAAI,CAAI,OAAgB,EAAE,OAAgC;YAC7E,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAI,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;QACzD,CAAC,CAAA;QACD,OAAO,GAAG,CAAA;IACX,CAAC,CAAC,EAAE,CAAA;IAEJ,MAAM,CAAI,OAAgB,EAAE,OAAgC;QAC3D,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAI,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI,CAAI,OAAgB,EAAE,OAAgC;QACzD,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAI,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IACzD,CAAC;CACD"}
1
+ {"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/views/use.ts"],"names":[],"mappings":"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"}
package/s/dom/types.ts DELETED
@@ -1,8 +0,0 @@
1
-
2
- export type Renderable = HTMLElement | ShadowRoot | DocumentFragment
3
- export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment
4
-
5
- export type HTMLElementClasses = {
6
- [key: string]: {new(...args: any[]): HTMLElement}
7
- }
8
-
@@ -1,76 +0,0 @@
1
-
2
- import {signal} from "@e280/strata"
3
- import {dragIsOutsideCurrentTarget} from "./helpers.js"
4
-
5
- /** system for dragging-and-dropping things around on a webpage */
6
- export class DragDrop<Grabbed, Hovering> {
7
- #$grabbed = signal<Grabbed | undefined>(undefined)
8
- #$hovering = signal<Hovering | undefined>(undefined)
9
-
10
- constructor(private params: {
11
-
12
- /** accept a dropped item that was declared within this system */
13
- acceptDrop: (event: DragEvent, grabbed: Grabbed, hovering: Hovering) => void
14
-
15
- /** accept undeclared drops from outside this system */
16
- fromOutside?: {
17
- predicate: (event: DragEvent, hovering: Hovering) => boolean
18
- acceptDrop: (event: DragEvent, hovering: Hovering) => void
19
- }
20
- }) {}
21
-
22
- /** make event listeners to attach to your dragzone(s) */
23
- readonly dragzone = {
24
- draggable: () => "true",
25
-
26
- dragstart: (grabbed: Grabbed) => (_: DragEvent) => {
27
- this.#$grabbed.value = grabbed
28
- },
29
-
30
- dragend: () => (_: DragEvent) => {
31
- this.#$grabbed.value = undefined
32
- this.#$hovering.value = undefined
33
- },
34
- }
35
-
36
- /** make event listeners to attach to your dropzones(s) */
37
- readonly dropzone = {
38
- dragenter: () => (_: DragEvent) => {},
39
-
40
- dragleave: () => (event: DragEvent) => {
41
- if (dragIsOutsideCurrentTarget(event))
42
- this.#$hovering.value = undefined
43
- },
44
-
45
- dragover: (hovering: Hovering) => (event: DragEvent) => {
46
- event.preventDefault()
47
- const {fromOutside} = this.params
48
-
49
- if (this.#$grabbed() || (fromOutside && fromOutside.predicate(event, hovering)))
50
- this.#$hovering.value = hovering
51
- },
52
-
53
- drop: (hovering: Hovering) => (event: DragEvent) => {
54
- event.preventDefault()
55
- const {acceptDrop, fromOutside} = this.params
56
-
57
- const grabbed = this.#$grabbed()
58
- this.#$grabbed.value = undefined
59
- this.#$hovering.value = undefined
60
-
61
- if (grabbed)
62
- acceptDrop(event, grabbed, hovering)
63
- else if (fromOutside && fromOutside.predicate(event, hovering))
64
- fromOutside.acceptDrop(event, hovering)
65
- },
66
- }
67
-
68
- get grabbed() {
69
- return this.#$grabbed()
70
- }
71
-
72
- get hovering() {
73
- return this.#$hovering()
74
- }
75
- }
76
-
package/x/dom/types.d.ts DELETED
@@ -1,7 +0,0 @@
1
- export type Renderable = HTMLElement | ShadowRoot | DocumentFragment;
2
- export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment;
3
- export type HTMLElementClasses = {
4
- [key: string]: {
5
- new (...args: any[]): HTMLElement;
6
- };
7
- };
package/x/dom/types.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../s/dom/types.ts"],"names":[],"mappings":""}
@@ -1,29 +0,0 @@
1
- /** system for dragging-and-dropping things around on a webpage */
2
- export declare class DragDrop<Grabbed, Hovering> {
3
- #private;
4
- private params;
5
- constructor(params: {
6
- /** accept a dropped item that was declared within this system */
7
- acceptDrop: (event: DragEvent, grabbed: Grabbed, hovering: Hovering) => void;
8
- /** accept undeclared drops from outside this system */
9
- fromOutside?: {
10
- predicate: (event: DragEvent, hovering: Hovering) => boolean;
11
- acceptDrop: (event: DragEvent, hovering: Hovering) => void;
12
- };
13
- });
14
- /** make event listeners to attach to your dragzone(s) */
15
- readonly dragzone: {
16
- draggable: () => string;
17
- dragstart: (grabbed: Grabbed) => (_: DragEvent) => void;
18
- dragend: () => (_: DragEvent) => void;
19
- };
20
- /** make event listeners to attach to your dropzones(s) */
21
- readonly dropzone: {
22
- dragenter: () => (_: DragEvent) => void;
23
- dragleave: () => (event: DragEvent) => void;
24
- dragover: (hovering: Hovering) => (event: DragEvent) => void;
25
- drop: (hovering: Hovering) => (event: DragEvent) => void;
26
- };
27
- get grabbed(): Grabbed | undefined;
28
- get hovering(): Hovering | undefined;
29
- }