@harmonics/lattice-ui 0.6.0 → 0.8.0

package/dist/index.js

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

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

@@ -1,6 +1,6 @@
 import { LatticeElement } from "./host";
 export declare const ICON_TAG = "lattice-icon";
-export declare const ICON_NAMES: readonly ["shears", "done"];
+export declare const ICON_NAMES: readonly ["shears", "done", "note", "turn", "glue", "apart", "bin", "name", "split", "search"];
 export type IconName = (typeof ICON_NAMES)[number];
 export declare class LatticeIcon extends LatticeElement {
     static readonly observedAttributes: string[];

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

@@ -7,7 +7,7 @@ export { FACES } from "../faceLattice";
 export type { Part } from "../hexes";
 export { FACE_TAG, MOODS } from "./face";
 export { ICON_NAMES, ICON_TAG, type IconName } from "./icon";
-export { SHAPE_TAG } from "./shape";
+export { type LatticeShapeEventMap, type PressDetail, SHAPE_TAG } from "./shape";
 export { SHAPE_NAMES, type ShapeName, TONES } from "./shapes";
 export { SHEARS_TAG, type StrokePoint } from "./shears";
 export { SKY_TAG } from "./sky";

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

@@ -1,7 +1,22 @@
-import type { Part } from "../hexes";
+import { type Part } from "../hexes";
 import { LatticeElement } from "./host";
 import { type ShapeName } from "./shapes";
 export declare const SHAPE_TAG = "lattice-shape";
+/** What a press says: which shape, and its parts. */
+export interface PressDetail {
+    shape: ShapeName;
+    parts: Part[];
+}
+/** The shape's own events, for `addEventListener`. */
+export interface LatticeShapeEventMap extends HTMLElementEventMap {
+    press: CustomEvent<PressDetail>;
+}
+export interface LatticeShape {
+    addEventListener<K extends keyof LatticeShapeEventMap>(type: K, listener: (this: LatticeShape, event: LatticeShapeEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof LatticeShapeEventMap>(type: K, listener: (this: LatticeShape, event: LatticeShapeEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
 export declare class LatticeShape extends LatticeElement {
     static readonly observedAttributes: string[];
     private readonly shapeSignal;
@@ -10,6 +25,10 @@ export declare class LatticeShape extends LatticeElement {
     private readonly liftSignal;
     private readonly scaleSignal;
     private readonly labelSignal;
+    private readonly pressableSignal;
+    /** Unset until the page makes it a toggle: only then does it say `aria-pressed`. */
+    private readonly pressedSignal;
+    private readonly disabledSignal;
     get shape(): ShapeName;
     set shape(name: string);
     private made;
@@ -24,10 +43,23 @@ export declare class LatticeShape extends LatticeElement {
     set scale(scale: number | string);
     get label(): string;
     set label(label: string);
+    /** A button shaped like itself. Kept as the attribute too, which its look is styled by. */
+    get pressable(): boolean;
+    set pressable(pressable: boolean | string | null);
+    /** Pressed, as a toggle; false when the page has not made it one. */
+    get pressed(): boolean;
+    set pressed(pressed: boolean | string | null | undefined);
+    get disabled(): boolean;
+    set disabled(disabled: boolean | string | null);
     attributeChangedCallback(name: string, _: string | null, value: string | null): void;
+    /**
+     * As a button: its role, its place in the tab order (unless the page gave it one), its name and
+     * states, on the element itself, where a screen reader and the Tab key find them.
+     */
+    private beAButton;
 }
 /**
- * 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.
+ * 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/solid.d.ts

@@ -1,5 +1,5 @@
 import type { BoardChangeDetail, BoardPiece, LatticeBoard } from "./board-entry";
-import type { HexSky, IconName, LatticeFace, LatticeIcon, LatticeShape, Part, ShapeName, ShearsPadElement, StrokeDetail, StrokeEndDetail } from "./index";
+import type { HexSky, IconName, LatticeFace, LatticeIcon, LatticeShape, Part, PressDetail, ShapeName, ShearsPadElement, StrokeDetail, StrokeEndDetail } from "./index";
 declare module "solid-js" {
     namespace JSX {
         interface IntrinsicElements {
@@ -26,6 +26,9 @@ declare module "solid-js" {
                 lift?: number | string;
                 scale?: number | string;
                 label?: string;
+                pressable?: boolean;
+                pressed?: boolean;
+                disabled?: boolean;
             };
             "shears-pad": JSX.HTMLAttributes<ShearsPadElement> & {
                 disabled?: boolean;
@@ -50,6 +53,7 @@ declare module "solid-js" {
             catch: CustomEvent<{
                 id: string;
             }>;
+            press: CustomEvent<PressDetail>;
             stroke: CustomEvent<StrokeDetail>;
             strokeend: CustomEvent<StrokeEndDetail>;
         }