@harmonics/lattice-ui 0.4.0 → 0.5.1

package/dist/{hexes-DN9eyQho.js → hexes-B4uCADpF.js}

@@ -252,8 +252,8 @@ function M(e, t, n) {
 	};
 	return i.reduce((e, t) => a(t) < a(e) ? t : e);
 }
-var N = (e) => e * e * (3 - 2 * e);
-function P(e, t, i, a) {
+var ee = (e) => e * e * (3 - 2 * e);
+function te(e, t, i, a) {
 	let s = (E(e) ? r : n) * j.reach;
 	if (a) {
 		let e = o(a);
@@ -273,7 +273,7 @@ function P(e, t, i, a) {
 		pull: 1,
 		held: c
 	};
-	let f = u >= s ? 0 : 1 - N((u - d) / (s - d)), p = f * j.lean;
+	let f = u >= s ? 0 : 1 - ee((u - d) / (s - d)), p = f * j.lean;
 	return {
 		step: c,
 		x: t + (l.x - t) * p,
@@ -282,7 +282,7 @@ function P(e, t, i, a) {
 		held: void 0
 	};
 }
-function F(e, t = .12) {
+function N(e, t = .12) {
 	let n = (t) => `translate(${e.x * t}px, ${e.y * t}px)`;
 	return [
 		{
@@ -306,7 +306,7 @@ function F(e, t = .12) {
 		}
 	];
 }
-function I(e, t) {
+function P(e, t) {
 	return (E(e) ? {
 		ArrowRight: {
 			i: -1,
@@ -343,11 +343,11 @@ function I(e, t) {
 		}
 	})[t];
 }
-var L = (e) => ({
+var F = (e) => ({
 	i: e.i + e.j,
 	j: -e.i + 0
 });
-function R(e) {
+function I(e) {
 	let t = Math.min(...e.map((e) => e.i)), n = e.filter((e) => e.i === t);
 	return n.length === 2 ? {
 		i: t,
@@ -359,20 +359,20 @@ function R(e) {
 		k: 1
 	};
 }
-function z(e, t) {
+function L(e, t) {
 	let n = (t % 6 + 6) % 6, r = e.pivot, i = (e) => {
 		let t = {
 			i: e.i - r.i,
 			j: e.j - r.j
 		};
-		for (let e = 0; e < n; e++) t = L(t);
+		for (let e = 0; e < n; e++) t = F(t);
 		return {
 			i: t.i + r.i,
 			j: t.j + r.j
 		};
 	}, a = e.parts.map((e) => e.kind === "tri" ? {
 		...e,
-		at: R(c(e.at).map(i))
+		at: I(c(e.at).map(i))
 	} : {
 		...e,
 		at: f(i(d(e.at)))
@@ -382,25 +382,25 @@ function z(e, t) {
 		parts: a
 	};
 }
-var B = (e) => s(e.pivot);
-function V(e) {
+var R = (e) => s(e.pivot);
+function z(e) {
 	let t = e.flatMap(y).flatMap((e) => c(e).map(s)), n = {
 		x: t.reduce((e, t) => e + t.x, 0) / t.length,
 		y: t.reduce((e, t) => e + t.y, 0) / t.length
 	};
 	return e.some((e) => e.kind === "cell") ? d(l(n.x, n.y)) : u(n.x, n.y);
 }
-var H = (e, t) => ({
+var B = (e, t) => ({
 	id: e,
 	parts: t,
-	pivot: V(t)
+	pivot: z(t)
 });
-function U(e, t) {
+function V(e, t) {
 	let n = t instanceof Set ? t : new Set(t.map(h));
 	return e.some((e) => m(e).some((e) => n.has(h(e))));
 }
-var W = (e, t) => S(e).length <= S(t).length ? U(S(e), C(t)) : U(S(t), C(e));
-function G(e, t) {
+var H = (e, t) => S(e).length <= S(t).length ? V(S(e), C(t)) : V(S(t), C(e));
+function U(e, t) {
 	let n = C(t), r = [];
 	for (let t of S(e)) for (let e of m(t)) {
 		if (!n.has(h(e))) continue;
@@ -409,7 +409,7 @@ function G(e, t) {
 	}
 	return r;
 }
-function K(e) {
+function W(e) {
 	let t = /* @__PURE__ */ new Map();
 	e.parts.forEach((e, n) => {
 		for (let r of y(e)) t.set(h(r), n);
@@ -430,31 +430,31 @@ function K(e) {
 	}
 	return n;
 }
-function q(e, t) {
-	let n = t.filter((t) => t.id !== e.id && W(e, t)), r = [...e.parts, ...n.flatMap((e) => e.parts)];
+function G(e, t) {
+	let n = t.filter((t) => t.id !== e.id && H(e, t)), r = [...e.parts, ...n.flatMap((e) => e.parts)];
 	return {
-		piece: H(e.id, r),
+		piece: B(e.id, r),
 		absorbed: n.map((e) => e.id)
 	};
 }
-function J(e, t) {
+function K(e, t) {
 	let n = [...e], r = [];
 	for (; n.length > 0;) {
 		let e = [n.shift()];
 		for (let t = 0; t < e.length; t++) {
 			let r = y(e[t]);
-			for (let t = n.length - 1; t >= 0; t--) U(r, y(n[t])) && e.push(...n.splice(t, 1));
+			for (let t = n.length - 1; t >= 0; t--) V(r, y(n[t])) && e.push(...n.splice(t, 1));
 		}
-		r.push(H(t(), e));
+		r.push(B(t(), e));
 	}
 	return r;
 }
-function Y(e, t, n) {
+function q(e, t, n) {
 	let r = e.parts[t], i = e.parts.filter((e, n) => n !== t);
-	return [H(n(), [r]), ...J(i, n)];
+	return [B(n(), [r]), ...K(i, n)];
 }
-var X = (e, t) => e.parts.map((e) => H(t(), [e]));
-function Z(e) {
+var J = (e, t) => e.parts.map((e) => B(t(), [e]));
+function Y(e) {
 	return E(e) ? [
 		{
 			i: -1,
@@ -507,8 +507,8 @@ function Z(e) {
 		}
 	];
 }
-function Q(e, t, n, r = [], i = 6, a = () => !0) {
-	let s = Z(e), c = /* @__PURE__ */ new Set(["0,0"]), l = [{
+function X(e, t, n, r = [], i = 6, a = () => !0) {
+	let s = Y(e), c = /* @__PURE__ */ new Set(["0,0"]), l = [{
 		i: 0,
 		j: 0
 	}];
@@ -530,8 +530,8 @@ function Q(e, t, n, r = [], i = 6, a = () => !0) {
 		l = u;
 	}
 }
-var $ = (e) => o(e);
-function ee(e) {
+var Z = (e) => o(e);
+function ne(e) {
 	let t = new Set(S(e).map(h)), n = [];
 	for (let r of S(e)) for (let e of m(r)) {
 		if (t.has(h(e))) continue;
@@ -540,15 +540,15 @@ function ee(e) {
 	}
 	return n;
 }
-function te(e, t, n, r, i) {
+function re(e, t, n, r, i) {
 	let a = l(t, n);
-	if (e === "cell") return H(i, [{
+	if (e === "cell") return B(i, [{
 		kind: e,
 		at: a,
 		tone: r
 	}]);
 	let { i: o, j: s } = d(a);
-	return H(i, [{
+	return B(i, [{
 		kind: e,
 		at: {
 			i: o - 1,
@@ -558,7 +558,7 @@ function te(e, t, n, r, i) {
 		tone: r
 	}]);
 }
-function ne(e, t) {
+function ie(e, t) {
 	let n = (e) => Math.round(e * 100) / 100, o = (e) => `M${e.map((e) => `${n(e.x)} ${n(e.y)}`).join("L")}Z`, l = (e) => ({
 		x: e.x,
 		y: e.y - t
@@ -617,8 +617,54 @@ function ne(e, t) {
 			kind: e.kind,
 			d: e.d.join("")
 		})),
-		seams: K(e).map(([e, r]) => `M${n(e.x)} ${n(e.y - t)}L${n(r.x)} ${n(r.y - t)}`).join("")
+		seams: W(e).map(([e, r]) => `M${n(e.x)} ${n(e.y - t)}L${n(r.x)} ${n(r.y - t)}`).join("")
 	};
 }
+function Q(e, t, n, r) {
+	let i = (e, t, n) => (t.x - e.x) * (n.y - e.y) - (t.y - e.y) * (n.x - e.x), a = i(n, r, e), o = i(n, r, t), s = i(e, t, n), c = i(e, t, r);
+	return a * o < 0 && s * c < 0;
+}
+function $(e, t) {
+	let n = 0;
+	for (let r = 1; r < e.length; r++) {
+		let i = e[r - 1], a = e[r];
+		for (let e = 0; e < t.length; e++) Q(i, a, t[e], t[(e + 1) % t.length]) && n++;
+		if (n >= 2) return !0;
+	}
+	return !1;
+}
+function ae(e, t, n = 0) {
+	let { x: o, y: s } = a(t);
+	return $(e, [
+		{
+			x: o + i,
+			y: s - n
+		},
+		{
+			x: o + r,
+			y: s + 22 - n
+		},
+		{
+			x: o + r,
+			y: s + 66 - n
+		},
+		{
+			x: o + i,
+			y: s + 88 - n
+		},
+		{
+			x: o,
+			y: s + 66 - n
+		},
+		{
+			x: o,
+			y: s + 22 - n
+		}
+	]);
+}
+function oe(e, t) {
+	for (let n = 1; n < e.length; n++) for (let r = 1; r < t.length; r++) if (Q(e[n - 1], e[n], t[r - 1], t[r])) return !0;
+	return !1;
+}
 //#endregion
-export { e as A, F as C, p as D, W as E, z as O, A as S, $ as T, B as _, s as a, K as b, T as c, l as d, P as f, H as g, ee as h, u as i, t as j, te as k, ne as l, Q as m, X as n, c as o, D as p, a as r, S as s, j as t, q as u, Y as v, I as w, G as x, _ as y };
+export { p as A, W as C, P as D, N as E, re as M, e as N, Z as O, t as P, _ as S, A as T, X as _, s as a, R as b, ae as c, T as d, ie as f, D as g, te as h, u as i, L as j, H as k, oe as l, l as m, J as n, c as o, G as p, a as r, S as s, j as t, $ as u, ne as v, U as w, q as x, B as y };

package/dist/hexes.js

@@ -1 +1 @@
-export { t as MAGNET, n as apart, r as boxOf, i as cornerAt, a as cornerOf, o as cornersOf, s as covered, c as fits, u as glued, d as hexAt, f as magnetOf, p as moved, m as nearestFit, h as outlineOf, g as pieceOf, _ as pivotPoint, v as pulledOff, y as screenArea, b as seamsOf, x as sharedSides, S as snapDelta, C as snapFrames, w as stepFor, T as stepOnScreen, E as touching, D as trisOf, O as turned, k as unitAt } from "./hexes-DN9eyQho.js";
+export { t as MAGNET, n as apart, r as boxOf, i as cornerAt, a as cornerOf, o as cornersOf, s as covered, c as crossesCell, l as crossesLine, u as crossesRing, d as fits, p as glued, m as hexAt, h as magnetOf, g as moved, _ as nearestFit, v as outlineOf, y as pieceOf, b as pivotPoint, x as pulledOff, S as screenArea, C as seamsOf, w as sharedSides, T as snapDelta, E as snapFrames, D as stepFor, O as stepOnScreen, k as touching, A as trisOf, j as turned, M as unitAt } from "./hexes-B4uCADpF.js";

package/dist/index.js

@@ -1 +1 @@
-export { x as FACES, _ as FACE_TAG, n as HexSky, p as ICON_NAMES, m as ICON_TAG, v as LatticeFace, h as LatticeIcon, c as LatticeShape, y as MOODS, d as SHAPE_NAMES, l as SHAPE_TAG, a as SHEARS_TAG, r as SKY_TAG, o as ShearsPadElement, f as TONES, i as defineHexSky, t as defineLatticeElements, b as defineLatticeFace, g as defineLatticeIcon, u as defineLatticeShape, s as defineShearsPad } from "./elements-BJBhL4LI.js";
+export { x as FACES, _ as FACE_TAG, n as HexSky, p as ICON_NAMES, m as ICON_TAG, v as LatticeFace, h as LatticeIcon, c as LatticeShape, y as MOODS, d as SHAPE_NAMES, l as SHAPE_TAG, a as SHEARS_TAG, r as SKY_TAG, o as ShearsPadElement, f as TONES, i as defineHexSky, t as defineLatticeElements, b as defineLatticeFace, g as defineLatticeIcon, u as defineLatticeShape, s as defineShearsPad } from "./elements-Ka2LbDpP.js";

package/dist/types/elements/face.d.ts

@@ -28,5 +28,8 @@ export declare class LatticeFace extends LatticeElement {
     set decorative(decorative: boolean | string | null);
     attributeChangedCallback(name: string, _: string | null, value: string | null): void;
 }
-/** Register `<lattice-face>` once; a second call, or a call on a server, does nothing. */
-export declare const defineLatticeFace: () => void;
+/**
+ * Register `<lattice-face>` once, or as `name` (a tag of your own, when another library holds this
+ * one); a second call, or a call on a server, does nothing.
+ */
+export declare const defineLatticeFace: (name?: string) => void;

package/dist/types/elements/hexes.d.ts

@@ -1 +1 @@
-export { type Area, apart, boxOf, type Corner, cornerAt, cornerOf, cornersOf, covered, fits, glued, type Hex, hexAt, MAGNET, type Magnet, magnetOf, moved, nearestFit, outlineOf, type Part, type Piece, pieceOf, pivotPoint, pulledOff, screenArea, seamsOf, sharedSides, snapDelta, snapFrames, stepFor, stepOnScreen, type Tri, touching, trisOf, turned, unitAt, } from "../hexes";
+export { type Area, apart, boxOf, type Corner, cornerAt, cornerOf, cornersOf, covered, crossesCell, crossesLine, crossesRing, fits, glued, type Hex, hexAt, MAGNET, type Magnet, magnetOf, moved, nearestFit, outlineOf, type Part, type Piece, pieceOf, pivotPoint, pulledOff, screenArea, seamsOf, sharedSides, snapDelta, snapFrames, stepFor, stepOnScreen, type Tri, touching, trisOf, turned, unitAt, } from "../hexes";

package/dist/types/elements/host.d.ts

@@ -5,8 +5,11 @@
 declare const HostElement: typeof HTMLElement;
 /** One stylesheet per kind of element, made the first time one is shown and shared after. */
 export declare function sheetOf(css: string): () => CSSStyleSheet;
-/** Register an element once, in a browser; a second call, or a call on a server, does nothing. */
-export declare function define(tag: string, element: CustomElementConstructor): void;
+/**
+ * Register an element once, in a browser, as `name` (its own `tag` by default); a second call, or
+ * a call on a server, does nothing. A name another element already holds is left to it, and said.
+ */
+export declare function define(tag: string, element: CustomElementConstructor, name?: string): void;
 /** A whole number from an attribute or a property, or `fallback` when it is not one. */
 export declare const numberOf: (value: unknown, fallback: number) => number;
 /** Whether a boolean attribute or property is on: present, and not "false". */

package/dist/types/elements/icon.d.ts

@@ -12,5 +12,8 @@ export declare class LatticeIcon extends LatticeElement {
     set label(label: string);
     attributeChangedCallback(name: string, _: string | null, value: string | null): void;
 }
-/** Register `<lattice-icon>` once; a second call, or a call on a server, does nothing. */
-export declare const defineLatticeIcon: () => void;
+/**
+ * Register `<lattice-icon>` once, or as `name` (a tag of your own, when another library holds this
+ * one); a second call, or a call on a server, does nothing.
+ */
+export declare const defineLatticeIcon: (name?: string) => void;

package/dist/types/elements/index.d.ts

@@ -1,7 +1,7 @@
 import { defineLatticeFace, LatticeFace } from "./face";
 import { defineLatticeIcon, LatticeIcon } from "./icon";
 import { defineLatticeShape, LatticeShape } from "./shape";
-import { defineShearsPad, ShearsPadElement, type StrokeDetail } from "./shears";
+import { defineShearsPad, ShearsPadElement, type ShearsPadEventMap, type StrokeDetail, type StrokeEndDetail } from "./shears";
 import { defineHexSky, HexSky } from "./sky";
 export { FACES } from "../faceLattice";
 export type { Part } from "../hexes";
@@ -11,7 +11,7 @@ export { SHAPE_TAG } from "./shape";
 export { SHAPE_NAMES, type ShapeName, TONES } from "./shapes";
 export { SHEARS_TAG, type StrokePoint } from "./shears";
 export { SKY_TAG } from "./sky";
-export { defineHexSky, defineLatticeFace, defineLatticeIcon, defineLatticeShape, defineShearsPad, HexSky, LatticeFace, LatticeIcon, LatticeShape, ShearsPadElement, type StrokeDetail, };
+export { defineHexSky, defineLatticeFace, defineLatticeIcon, defineLatticeShape, defineShearsPad, HexSky, LatticeFace, LatticeIcon, LatticeShape, ShearsPadElement, type ShearsPadEventMap, type StrokeDetail, type StrokeEndDetail, };
 /** Register every element once; a second call, or a call on a server, does nothing. */
 export declare function defineLatticeElements(): void;
 declare global {
@@ -22,10 +22,4 @@ declare global {
         "shears-pad": ShearsPadElement;
         "lattice-icon": LatticeIcon;
     }
-    interface HTMLElementEventMap {
-        stroke: CustomEvent<StrokeDetail>;
-        strokeend: CustomEvent<{
-            points: StrokeDetail["points"];
-        }>;
-    }
 }

package/dist/types/elements/shape.d.ts

@@ -12,7 +12,8 @@ export declare class LatticeShape extends LatticeElement {
     private readonly labelSignal;
     get shape(): ShapeName;
     set shape(name: string);
-    /** The parts drawn: those given, or the shape's. */
+    private made;
+    /** The parts drawn: those given, or the shape's; the same array until an input changes. */
     get parts(): Part[];
     set parts(parts: unknown);
     get tone(): number;
@@ -25,5 +26,8 @@ export declare class LatticeShape extends LatticeElement {
     set label(label: string);
     attributeChangedCallback(name: string, _: string | null, value: string | null): void;
 }
-/** Register `<lattice-shape>` once; a second call, or a call on a server, does nothing. */
-export declare const defineLatticeShape: () => void;
+/**
+ * Register `<lattice-shape>` once, or as `name` (a tag of your own, when another library holds this
+ * one); a second call, or a call on a server, does nothing.
+ */
+export declare const defineLatticeShape: (name?: string) => void;

package/dist/types/elements/shears.d.ts

@@ -6,9 +6,28 @@ export type StrokePoint = {
     y: number;
 };
 export interface StrokeDetail {
+    /** The stroke so far, a copy of its own. */
     points: StrokePoint[];
+    /** The newest point, the last of `points`. */
+    point: StrokePoint;
     fresh: boolean;
 }
+export interface StrokeEndDetail {
+    points: StrokePoint[];
+    /** The stroke was cut short instead of lifted. */
+    cancelled: boolean;
+}
+/** The pad's own events, for `addEventListener`. */
+export interface ShearsPadEventMap extends HTMLElementEventMap {
+    stroke: CustomEvent<StrokeDetail>;
+    strokeend: CustomEvent<StrokeEndDetail>;
+}
+export interface ShearsPadElement {
+    addEventListener<K extends keyof ShearsPadEventMap>(type: K, listener: (this: ShearsPadElement, event: ShearsPadEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof ShearsPadEventMap>(type: K, listener: (this: ShearsPadElement, event: ShearsPadEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
 export declare class ShearsPadElement extends LatticeElement {
     static readonly observedAttributes: string[];
     private readonly disabledSignal;
@@ -16,5 +35,8 @@ export declare class ShearsPadElement extends LatticeElement {
     set disabled(disabled: boolean | string | null);
     attributeChangedCallback(_: string, __: string | null, value: string | null): void;
 }
-/** Register `<shears-pad>` once; a second call, or a call on a server, does nothing. */
-export declare const defineShearsPad: () => void;
+/**
+ * Register `<shears-pad>` once, or as `name` (a tag of your own, when another library holds this
+ * one); a second call, or a call on a server, does nothing.
+ */
+export declare const defineShearsPad: (name?: string) => void;

package/dist/types/elements/sky.d.ts

@@ -3,11 +3,14 @@ export declare const SKY_TAG = "hex-sky";
 export declare class HexSky extends LatticeElement {
     static readonly observedAttributes: string[];
     private readonly kindSignal;
+    private readonly orientSignal;
     private readonly scaleSignal;
     private readonly xSignal;
     private readonly ySignal;
     get kind(): "sky" | "earth";
     set kind(kind: string);
+    get orient(): "pointy" | "flat";
+    set orient(orient: string);
     get scale(): number;
     set scale(scale: number | string);
     get x(): number;
@@ -16,5 +19,8 @@ export declare class HexSky extends LatticeElement {
     set y(y: number | string);
     attributeChangedCallback(name: string, _: string | null, value: string | null): void;
 }
-/** Register `<hex-sky>` once; a second call, or a call on a server, does nothing. */
-export declare const defineHexSky: () => void;
+/**
+ * Register `<hex-sky>` once, or as `name` (a tag of your own, when another library holds this
+ * one); a second call, or a call on a server, does nothing.
+ */
+export declare const defineHexSky: (name?: string) => void;

package/dist/types/elements/solid.d.ts

@@ -1,4 +1,4 @@
-import type { HexSky, IconName, LatticeFace, LatticeIcon, LatticeShape, Part, ShapeName, ShearsPadElement, StrokeDetail, StrokePoint } from "./index";
+import type { HexSky, IconName, LatticeFace, LatticeIcon, LatticeShape, Part, ShapeName, ShearsPadElement, StrokeDetail, StrokeEndDetail } from "./index";
 declare module "solid-js" {
     namespace JSX {
         interface IntrinsicElements {
@@ -13,6 +13,7 @@ declare module "solid-js" {
             };
             "hex-sky": JSX.HTMLAttributes<HexSky> & {
                 kind?: "sky" | "earth";
+                orient?: "pointy" | "flat";
                 scale?: number | string;
                 x?: number | string;
                 y?: number | string;
@@ -38,9 +39,7 @@ declare module "solid-js" {
         }
         interface CustomEvents {
             stroke: CustomEvent<StrokeDetail>;
-            strokeend: CustomEvent<{
-                points: StrokePoint[];
-            }>;
+            strokeend: CustomEvent<StrokeEndDetail>;
         }
     }
 }

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@harmonics/lattice-ui",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "The Harmonics tree's look as Custom Elements: a lattice face, the hexagon sky, raised lattice shapes, a shears cut gesture and two marks. Any page, any framework.",
   "license": "MIT",
   "type": "module",
+  "scripts": {
+    "prepublishOnly": "cd .. && bun run kit"
+  },
   "sideEffects": [
     "./dist/define.js"
   ],

package/react.d.ts

@@ -11,7 +11,7 @@ import type {
   ShapeName,
   ShearsPadElement,
   StrokeDetail,
-  StrokePoint,
+  StrokeEndDetail,
 } from "./dist/types/elements/index";
 
 type Base<E> = DetailedHTMLProps<HTMLAttributes<E>, E>;
@@ -28,7 +28,13 @@ declare module "react" {
         label?: string;
         decorative?: boolean;
       };
-      "hex-sky": Base<HexSky> & { kind?: "sky" | "earth"; scale?: number; x?: number; y?: number };
+      "hex-sky": Base<HexSky> & {
+        kind?: "sky" | "earth";
+        orient?: "pointy" | "flat";
+        scale?: number;
+        x?: number;
+        y?: number;
+      };
       "lattice-shape": Base<LatticeShape> & {
         shape?: ShapeName;
         parts?: Part[] | string;
@@ -40,7 +46,7 @@ declare module "react" {
       "shears-pad": Base<ShearsPadElement> & {
         disabled?: boolean;
         onstroke?: (event: CustomEvent<StrokeDetail>) => void;
-        onstrokeend?: (event: CustomEvent<{ points: StrokePoint[] }>) => void;
+        onstrokeend?: (event: CustomEvent<StrokeEndDetail>) => void;
       };
       "lattice-icon": Base<LatticeIcon> & { name?: IconName; label?: string };
     }