@things-factory/figure-library 10.1.222 → 10.1.224

package/dist-client/bootstrap.d.ts

@@ -1,10 +1,13 @@
 import './editors/ox-property-editor-figure-data.js';
-import './editors/ox-property-editor-figure-status.js';
+import './editors/ox-property-editor-figure-legends.js';
 /**
  * The editors the board's property panel needs for the properties a placed figure names: its data -- shape, each value
- * and where it came from (`figure-data`) --, its status template and each code's look (`figure-status`, ADR-0051 2.3)
- * and its slot layout, which a placement may override (`slot-layout`, ADR-0118 decision 8). Registered here, where every
- * app that places library figures on its boards loads this module; the scene component list does not carry figure
- * packages, and without these the panel skips the three properties.
+ * and where it came from (`figure-data`) --, the legend each of its table roles shows by (`figure-legends`, ADR-0166
+ * 11) and its slot layout, which a placement may override (`slot-layout`, ADR-0118 decision 8). Registered here, where
+ * every app that places library figures on its boards loads this module; the scene component list does not carry
+ * figure packages, and without these the panel skips the three properties.
+ *
+ * And the one legend editor, a grist editor `legend-looks`: a legend theme's looks -- colour, effect, values, a motion
+ * group's clip, speed and pause (ADR-0166 11). The board's 「테마」 list uses it for its legend kinds when it is here.
  */
 export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,17 +1,23 @@
+import { registerEditor } from '@operato/data-grist';
 import { OxPropertyEditor } from '@operato/property-editor';
 import { SLOT_LAYOUT_EDITORS } from '@operato/slot-layout-editor';
+import { LegendLooksEditor } from './legend-looks/legend-looks-editor.js';
 import './editors/ox-property-editor-figure-data.js';
-import './editors/ox-property-editor-figure-status.js';
+import './editors/ox-property-editor-figure-legends.js';
 /**
  * The editors the board's property panel needs for the properties a placed figure names: its data -- shape, each value
- * and where it came from (`figure-data`) --, its status template and each code's look (`figure-status`, ADR-0051 2.3)
- * and its slot layout, which a placement may override (`slot-layout`, ADR-0118 decision 8). Registered here, where every
- * app that places library figures on its boards loads this module; the scene component list does not carry figure
- * packages, and without these the panel skips the three properties.
+ * and where it came from (`figure-data`) --, the legend each of its table roles shows by (`figure-legends`, ADR-0166
+ * 11) and its slot layout, which a placement may override (`slot-layout`, ADR-0118 decision 8). Registered here, where
+ * every app that places library figures on its boards loads this module; the scene component list does not carry
+ * figure packages, and without these the panel skips the three properties.
+ *
+ * And the one legend editor, a grist editor `legend-looks`: a legend theme's looks -- colour, effect, values, a motion
+ * group's clip, speed and pause (ADR-0166 11). The board's 「테마」 list uses it for its legend kinds when it is here.
  */
 export default function bootstrap() {
     OxPropertyEditor.register({ 'figure-data': 'ox-property-editor-figure-data' });
-    OxPropertyEditor.register({ 'figure-status': 'ox-property-editor-figure-status' });
+    OxPropertyEditor.register({ 'figure-legends': 'ox-property-editor-figure-legends' });
+    registerEditor('legend-looks', LegendLooksEditor);
     OxPropertyEditor.register(Object.fromEntries(SLOT_LAYOUT_EDITORS.map(e => [e.type, e.element])));
 }
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE,OAAO,6CAA6C,CAAA;AACpD,OAAO,+CAA+C,CAAA;AAEtD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,gBAAgB,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,gCAAgC,EAAE,CAAC,CAAA;IAC9E,gBAAgB,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,kCAAkC,EAAE,CAAC,CAAA;IAClF,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAClG,CAAC","sourcesContent":["import { OxPropertyEditor } from '@operato/property-editor'\nimport { SLOT_LAYOUT_EDITORS } from '@operato/slot-layout-editor'\n\nimport './editors/ox-property-editor-figure-data.js'\nimport './editors/ox-property-editor-figure-status.js'\n\n/**\n * The editors the board's property panel needs for the properties a placed figure names: its data -- shape, each value\n * and where it came from (`figure-data`) --, its status template and each code's look (`figure-status`, ADR-0051 2.3)\n * and its slot layout, which a placement may override (`slot-layout`, ADR-0118 decision 8). Registered here, where every\n * app that places library figures on its boards loads this module; the scene component list does not carry figure\n * packages, and without these the panel skips the three properties.\n */\nexport default function bootstrap() {\n  OxPropertyEditor.register({ 'figure-data': 'ox-property-editor-figure-data' })\n  OxPropertyEditor.register({ 'figure-status': 'ox-property-editor-figure-status' })\n  OxPropertyEditor.register(Object.fromEntries(SLOT_LAYOUT_EDITORS.map(e => [e.type, e.element])))\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAEzE,OAAO,6CAA6C,CAAA;AACpD,OAAO,gDAAgD,CAAA;AAEvD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,gBAAgB,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,gCAAgC,EAAE,CAAC,CAAA;IAC9E,gBAAgB,CAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,mCAAmC,EAAE,CAAC,CAAA;IACpF,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAA;IACjD,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAClG,CAAC","sourcesContent":["import { registerEditor } from '@operato/data-grist'\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { SLOT_LAYOUT_EDITORS } from '@operato/slot-layout-editor'\n\nimport { LegendLooksEditor } from './legend-looks/legend-looks-editor.js'\n\nimport './editors/ox-property-editor-figure-data.js'\nimport './editors/ox-property-editor-figure-legends.js'\n\n/**\n * The editors the board's property panel needs for the properties a placed figure names: its data -- shape, each value\n * and where it came from (`figure-data`) --, the legend each of its table roles shows by (`figure-legends`, ADR-0166\n * 11) and its slot layout, which a placement may override (`slot-layout`, ADR-0118 decision 8). Registered here, where\n * every app that places library figures on its boards loads this module; the scene component list does not carry\n * figure packages, and without these the panel skips the three properties.\n *\n * And the one legend editor, a grist editor `legend-looks`: a legend theme's looks -- colour, effect, values, a motion\n * group's clip, speed and pause (ADR-0166 11). The board's 「테마」 list uses it for its legend kinds when it is here.\n */\nexport default function bootstrap() {\n  OxPropertyEditor.register({ 'figure-data': 'ox-property-editor-figure-data' })\n  OxPropertyEditor.register({ 'figure-legends': 'ox-property-editor-figure-legends' })\n  registerEditor('legend-looks', LegendLooksEditor)\n  OxPropertyEditor.register(Object.fromEntries(SLOT_LAYOUT_EDITORS.map(e => [e.type, e.element])))\n}\n"]}

package/dist-client/editors/ox-property-editor-figure-legends.d.ts

@@ -0,0 +1,34 @@
+import { type PropertyValues } from 'lit';
+import { OxPropertyEditor, type PropertySpec } from '@operato/property-editor';
+/**
+ * 「범례」 on the board's property panel for a figure whose tables a legend may take (ADR-0166 7, 11): per legend role,
+ * the legend this placement shows the role's tables by -- the board's default, one of the scene's legends of the
+ * kind that fits (a code map for a code table, a range map for a range table), or the figure's own table -- and the
+ * board's default for the role, set from here. Under each role, what its tables show now: the value, the row it
+ * matched, and the table it came from; what of a legend was not taken.
+ *
+ * The property is the placement's `legends` (role → legend name); the board's default is the board's `legends`,
+ * written in the same undoable change. Legends are edited where they live, in the domain's legend themes.
+ */
+export declare class OxPropertyEditorFigureLegends extends OxPropertyEditor {
+    static styles: import("lit").CSSResult[];
+    private watched?;
+    private readonly refresh;
+    private asked;
+    disconnectedCallback(): void;
+    willUpdate(changed: PropertyValues<this>): void;
+    editorTemplate(value: unknown, _spec: PropertySpec): import("lit-html").TemplateResult<1>;
+    private renderRole;
+    _valueChanged(e: Event): void;
+    /** The board's default for the role, this placement's choice, in one undoable change; the placement then follows it. */
+    private makeBoardDefault;
+    private selectedFigure;
+    /** The one selected figure, given to `use` inside the panel's undoable change; none for a selection of several. */
+    private withSelected;
+    private watch;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ox-property-editor-figure-legends': OxPropertyEditorFigureLegends;
+    }
+}

package/dist-client/editors/ox-property-editor-figure-legends.js

@@ -0,0 +1,236 @@
+import { __decorate } from "tslib";
+import { css, html, nothing } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { FIGURE_OWN_TABLE } from '@hatiolab/things-scene';
+import { i18next } from '@operato/i18n';
+import { OxPropertyEditor } from '@operato/property-editor';
+import { legendFits, legendTablesOf } from '../legend-looks/legend-looks.js';
+const BOARD = '';
+const OWN = FIGURE_OWN_TABLE;
+/**
+ * 「범례」 on the board's property panel for a figure whose tables a legend may take (ADR-0166 7, 11): per legend role,
+ * the legend this placement shows the role's tables by -- the board's default, one of the scene's legends of the
+ * kind that fits (a code map for a code table, a range map for a range table), or the figure's own table -- and the
+ * board's default for the role, set from here. Under each role, what its tables show now: the value, the row it
+ * matched, and the table it came from; what of a legend was not taken.
+ *
+ * The property is the placement's `legends` (role → legend name); the board's default is the board's `legends`,
+ * written in the same undoable change. Legends are edited where they live, in the domain's legend themes.
+ */
+let OxPropertyEditorFigureLegends = class OxPropertyEditorFigureLegends extends OxPropertyEditor {
+    constructor() {
+        super(...arguments);
+        this.refresh = () => this.requestUpdate();
+        /*
+          Whether the selected figure was asked for since the value last came. The panel answers inside an undoable change,
+          and each answer leaves a snapshot to undo to even when nothing changed: the figure is asked for when the panel gives
+          a value (a new selection makes a new section), not again for each change the figure says.
+        */
+        this.asked = false;
+    }
+    static { this.styles = [
+        ...OxPropertyEditor.styles,
+        css `
+      [body] {
+        grid-column: 1 / -1;
+        display: grid;
+        gap: 8px;
+        font-size: var(--ui-t-small, 11.5px);
+      }
+      section {
+        display: grid;
+        gap: 4px;
+      }
+      [role] {
+        display: flex;
+        gap: 6px;
+        align-items: baseline;
+      }
+      [role] small {
+        color: var(--md-sys-color-on-surface-variant);
+      }
+      [choose] {
+        display: flex;
+        gap: 4px;
+        align-items: center;
+      }
+      [choose] select {
+        flex: 1;
+        min-width: 0;
+      }
+      [choose] button {
+        height: 24px;
+        padding: 0 8px;
+        font: inherit;
+        color: var(--md-sys-color-primary);
+        border: none;
+        border-radius: 6px;
+        background: transparent;
+        cursor: pointer;
+        white-space: nowrap;
+      }
+      [choose] button:hover {
+        background: var(--md-sys-color-surface-container-high);
+      }
+      [choose] button:disabled {
+        color: var(--md-sys-color-on-surface-variant);
+        cursor: default;
+      }
+      ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        display: grid;
+        gap: 2px;
+      }
+      li {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0 6px;
+        align-items: baseline;
+      }
+      li [meta] {
+        margin-left: auto;
+        display: flex;
+        gap: 4px;
+        align-items: baseline;
+      }
+      [source] {
+        padding: 0 4px;
+        border-radius: 4px;
+        background: var(--md-sys-color-surface-container-high);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+      [hint] {
+        width: 100%;
+        margin: 0;
+        color: var(--md-sys-color-on-surface-variant);
+      }
+      [warn] {
+        width: 100%;
+        margin: 0;
+        color: var(--md-sys-color-error);
+      }
+    `
+    ]; }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.watch(undefined);
+    }
+    willUpdate(changed) {
+        if (changed.has('value'))
+            this.asked = false;
+    }
+    editorTemplate(value, _spec) {
+        const figure = this.asked ? this.watched?.figure : this.selectedFigure();
+        this.asked = true;
+        const inputs = figure?.figureInputs;
+        this.watch(figure);
+        if (!figure || !inputs)
+            return html `<div body><p hint>${i18next.t('figure.text.legend-select-one')}</p></div>`;
+        const chosen = (value && typeof value === 'object' ? value : {});
+        const board = figure.rootModel?.state?.legends ?? {};
+        const style = figure.root?.style ?? {};
+        const tables = legendTablesOf(inputs.asset);
+        const roles = [...new Set(tables.map(t => t.legend.role))];
+        const notes = inputs.diagnostics().filter(d => d.severity === 'note');
+        return html `<div body>
+      ${roles.map(role => this.renderRole(role, tables.filter(t => t.legend.role === role), chosen, board, style, inputs.tableUses, notes))}
+    </div>`;
+    }
+    renderRole(role, tables, chosen, board, style, uses, notes) {
+        const lookup = tables[0].lookup;
+        /* The scene's legends of the kind that fits: a code table a code map, a range table a range map. */
+        const fitting = Object.keys(style).filter(name => legendFits(lookup, style[name]));
+        const own = chosen[role];
+        if (own && !fitting.includes(own))
+            fitting.push(own);
+        const boardDefault = board[role];
+        const domain = Object.prototype.hasOwnProperty.call(style, role);
+        const fallback = boardDefault ? `${i18next.t('figure.label.legend-board')} · ${boardDefault}` : domain ? `${i18next.t('figure.label.legend-domain')} · ${role}` : i18next.t('figure.label.legend-figure-table');
+        return html `<section>
+      <div role><b>${role}</b><small>${tables.map(t => t.label ?? t.accessor).join(', ')}</small></div>
+      <div choose>
+        <select data-role=${role} aria-label=${role}>
+          <option value=${BOARD} ?selected=${!own}>${fallback}</option>
+          ${fitting.map(name => html `<option value=${name} ?selected=${own === name}>${name}${Object.prototype.hasOwnProperty.call(style, name) ? '' : ` · ${i18next.t('figure.label.legend-absent')}`}</option>`)}
+          <option value=${OWN} ?selected=${own === OWN}>${i18next.t('figure.label.legend-figure-table')}</option>
+        </select>
+        <button ?disabled=${!own || own === boardDefault} title=${i18next.t('figure.text.legend-make-board-default')} @click=${() => this.makeBoardDefault(role, own)}>
+          ${i18next.t('figure.button.legend-board-default')}
+        </button>
+      </div>
+      <ul>
+        ${tables.map(t => {
+            const use = uses[t.id];
+            const row = !use || use.value === undefined ? undefined : use.key === null ? i18next.t('figure.label.legend-row-none') : use.key === 'default' ? i18next.t('figure.label.legend-default-code') : use.key;
+            return html `<li>
+            <span>${t.label ?? t.accessor}</span>
+            <span meta>
+              ${use?.value === undefined ? html `<span hint>${i18next.t('figure.text.legend-no-value')}</span>` : html `<b>${String(use.value)}</b> → ${row}`}
+              ${use ? html `<span source>${use.source === 'figure' ? i18next.t('figure.label.legend-figure-table') : (use.legend ?? use.source)}</span>` : nothing}
+            </span>
+          </li>`;
+        })}
+      </ul>
+      ${notes
+            .filter(n => tables.some(t => t.id === n.binding))
+            .map(n => html `<p warn>${i18next.t('figure.text.legend-note-' + n.reason, { key: n.key ?? '', column: n.column ?? '', legend: n.legend ?? '', value: typeof n.value === 'string' ? n.value : JSON.stringify(n.value ?? '') })}</p>`)}
+    </section>`;
+    }
+    _valueChanged(e) {
+        e.stopPropagation();
+        const select = e.target;
+        const role = select.getAttribute?.('data-role');
+        if (!role)
+            return;
+        const next = { ...(this.value && typeof this.value === 'object' ? this.value : {}) };
+        if (select.value === BOARD)
+            delete next[role];
+        else
+            next[role] = select.value;
+        this.value = Object.keys(next).length ? next : undefined;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
+    /** The board's default for the role, this placement's choice, in one undoable change; the placement then follows it. */
+    makeBoardDefault(role, name) {
+        this.withSelected(figure => {
+            const board = { ...(figure.rootModel?.state?.legends ?? {}) };
+            if (name)
+                board[role] = name;
+            else
+                delete board[role];
+            figure.rootModel?.set({ legends: board });
+            const own = { ...(figure.state?.legends ?? {}) };
+            delete own[role];
+            figure.set({ legends: Object.keys(own).length ? own : undefined });
+        });
+    }
+    selectedFigure() {
+        let figure;
+        this.withSelected(f => (figure = f), false);
+        return figure;
+    }
+    /** The one selected figure, given to `use` inside the panel's undoable change; none for a selection of several. */
+    withSelected(use, write = true) {
+        let selected;
+        this.dispatchEvent(new CustomEvent('i-need-selected', { bubbles: true, composed: true, detail: { callback: (s) => ((selected = s), write && s?.length === 1 && use(s[0])) } }));
+        if (!write && selected?.length === 1)
+            use(selected[0]);
+    }
+    /* The data's codes and the board's choices change outside this section (live data, undo): it reads them again. */
+    watch(figure) {
+        if (this.watched?.figure === figure)
+            return;
+        this.watched?.figure.off?.('change', this.refresh);
+        this.watched?.board?.off?.('change', this.refresh);
+        this.watched = figure ? { figure, board: figure.rootModel } : undefined;
+        figure?.on?.('change', this.refresh);
+        figure?.rootModel?.on?.('change', this.refresh);
+    }
+};
+OxPropertyEditorFigureLegends = __decorate([
+    customElement('ox-property-editor-figure-legends')
+], OxPropertyEditorFigureLegends);
+export { OxPropertyEditorFigureLegends };
+//# sourceMappingURL=ox-property-editor-figure-legends.js.map

package/dist-client/editors/ox-property-editor-figure-legends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-figure-legends.js","sourceRoot":"","sources":["../../client/editors/ox-property-editor-figure-legends.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, nothing, type PropertyValues } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { FIGURE_OWN_TABLE } from '@hatiolab/things-scene'\nimport { i18next } from '@operato/i18n'\nimport { OxPropertyEditor, type PropertySpec } from '@operato/property-editor'\nimport type { FigureAsset, FigureDataTableBinding } from '@hatiolab/figure-model'\n\nimport { legendFits, legendTablesOf } from '../legend-looks/legend-looks.js'\n\n/** The parts of a placed figure the section reads and writes: things-scene's FigureInstance, as the property panel holds it. */\ninterface PlacedFigure {\n  state?: { legends?: Record<string, string> }\n  set(props: Record<string, unknown>): void\n  on?(event: string, listener: (...args: unknown[]) => void): void\n  off?(event: string, listener: (...args: unknown[]) => void): void\n  /** The board: its default legend for each role (`legends`). */\n  rootModel?: PlacedFigure & { state?: { legends?: Record<string, string> } }\n  /** The scene's root container: the legends the scene was given, by name (`style`). */\n  root?: { style?: Record<string, unknown> }\n  figureInputs?: {\n    asset: FigureAsset\n    tableUses: Readonly<Record<string, { value: unknown; key: string | null; source: string; legend?: string }>>\n    diagnostics(): ReadonlyArray<{ severity: string; reason: string; binding?: string; key?: string; column?: string; legend?: string; value?: unknown }>\n  }\n}\n\nconst BOARD = ''\nconst OWN = FIGURE_OWN_TABLE\n\n/**\n * 「범례」 on the board's property panel for a figure whose tables a legend may take (ADR-0166 7, 11): per legend role,\n * the legend this placement shows the role's tables by -- the board's default, one of the scene's legends of the\n * kind that fits (a code map for a code table, a range map for a range table), or the figure's own table -- and the\n * board's default for the role, set from here. Under each role, what its tables show now: the value, the row it\n * matched, and the table it came from; what of a legend was not taken.\n *\n * The property is the placement's `legends` (role → legend name); the board's default is the board's `legends`,\n * written in the same undoable change. Legends are edited where they live, in the domain's legend themes.\n */\n@customElement('ox-property-editor-figure-legends')\nexport class OxPropertyEditorFigureLegends extends OxPropertyEditor {\n  static styles = [\n    ...OxPropertyEditor.styles,\n    css`\n      [body] {\n        grid-column: 1 / -1;\n        display: grid;\n        gap: 8px;\n        font-size: var(--ui-t-small, 11.5px);\n      }\n      section {\n        display: grid;\n        gap: 4px;\n      }\n      [role] {\n        display: flex;\n        gap: 6px;\n        align-items: baseline;\n      }\n      [role] small {\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      [choose] {\n        display: flex;\n        gap: 4px;\n        align-items: center;\n      }\n      [choose] select {\n        flex: 1;\n        min-width: 0;\n      }\n      [choose] button {\n        height: 24px;\n        padding: 0 8px;\n        font: inherit;\n        color: var(--md-sys-color-primary);\n        border: none;\n        border-radius: 6px;\n        background: transparent;\n        cursor: pointer;\n        white-space: nowrap;\n      }\n      [choose] button:hover {\n        background: var(--md-sys-color-surface-container-high);\n      }\n      [choose] button:disabled {\n        color: var(--md-sys-color-on-surface-variant);\n        cursor: default;\n      }\n      ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: grid;\n        gap: 2px;\n      }\n      li {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0 6px;\n        align-items: baseline;\n      }\n      li [meta] {\n        margin-left: auto;\n        display: flex;\n        gap: 4px;\n        align-items: baseline;\n      }\n      [source] {\n        padding: 0 4px;\n        border-radius: 4px;\n        background: var(--md-sys-color-surface-container-high);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      [hint] {\n        width: 100%;\n        margin: 0;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      [warn] {\n        width: 100%;\n        margin: 0;\n        color: var(--md-sys-color-error);\n      }\n    `\n  ]\n\n  private watched?: { figure: PlacedFigure; board?: PlacedFigure }\n  private readonly refresh = () => this.requestUpdate()\n  /*\n    Whether the selected figure was asked for since the value last came. The panel answers inside an undoable change,\n    and each answer leaves a snapshot to undo to even when nothing changed: the figure is asked for when the panel gives\n    a value (a new selection makes a new section), not again for each change the figure says.\n  */\n  private asked = false\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.watch(undefined)\n  }\n\n  willUpdate(changed: PropertyValues<this>) {\n    if (changed.has('value')) this.asked = false\n  }\n\n  editorTemplate(value: unknown, _spec: PropertySpec) {\n    const figure = this.asked ? this.watched?.figure : this.selectedFigure()\n    this.asked = true\n    const inputs = figure?.figureInputs\n    this.watch(figure)\n    if (!figure || !inputs) return html`<div body><p hint>${i18next.t('figure.text.legend-select-one')}</p></div>`\n    const chosen = (value && typeof value === 'object' ? value : {}) as Record<string, string>\n    const board = figure.rootModel?.state?.legends ?? {}\n    const style = figure.root?.style ?? {}\n    const tables = legendTablesOf(inputs.asset)\n    const roles = [...new Set(tables.map(t => t.legend!.role))]\n    const notes = inputs.diagnostics().filter(d => d.severity === 'note')\n    return html`<div body>\n      ${roles.map(role => this.renderRole(role, tables.filter(t => t.legend!.role === role), chosen, board, style, inputs.tableUses, notes))}\n    </div>`\n  }\n\n  private renderRole(\n    role: string,\n    tables: FigureDataTableBinding[],\n    chosen: Record<string, string>,\n    board: Record<string, string>,\n    style: Record<string, unknown>,\n    uses: NonNullable<PlacedFigure['figureInputs']>['tableUses'],\n    notes: ReturnType<NonNullable<PlacedFigure['figureInputs']>['diagnostics']>\n  ) {\n    const lookup = tables[0]!.lookup\n    /* The scene's legends of the kind that fits: a code table a code map, a range table a range map. */\n    const fitting = Object.keys(style).filter(name => legendFits(lookup, style[name]))\n    const own = chosen[role]\n    if (own && !fitting.includes(own)) fitting.push(own)\n    const boardDefault = board[role]\n    const domain = Object.prototype.hasOwnProperty.call(style, role)\n    const fallback = boardDefault ? `${i18next.t('figure.label.legend-board')} · ${boardDefault}` : domain ? `${i18next.t('figure.label.legend-domain')} · ${role}` : i18next.t('figure.label.legend-figure-table')\n    return html`<section>\n      <div role><b>${role}</b><small>${tables.map(t => t.label ?? t.accessor).join(', ')}</small></div>\n      <div choose>\n        <select data-role=${role} aria-label=${role}>\n          <option value=${BOARD} ?selected=${!own}>${fallback}</option>\n          ${fitting.map(name => html`<option value=${name} ?selected=${own === name}>${name}${Object.prototype.hasOwnProperty.call(style, name) ? '' : ` · ${i18next.t('figure.label.legend-absent')}`}</option>`)}\n          <option value=${OWN} ?selected=${own === OWN}>${i18next.t('figure.label.legend-figure-table')}</option>\n        </select>\n        <button ?disabled=${!own || own === boardDefault} title=${i18next.t('figure.text.legend-make-board-default')} @click=${() => this.makeBoardDefault(role, own)}>\n          ${i18next.t('figure.button.legend-board-default')}\n        </button>\n      </div>\n      <ul>\n        ${tables.map(t => {\n          const use = uses[t.id]\n          const row = !use || use.value === undefined ? undefined : use.key === null ? i18next.t('figure.label.legend-row-none') : use.key === 'default' ? i18next.t('figure.label.legend-default-code') : use.key\n          return html`<li>\n            <span>${t.label ?? t.accessor}</span>\n            <span meta>\n              ${use?.value === undefined ? html`<span hint>${i18next.t('figure.text.legend-no-value')}</span>` : html`<b>${String(use.value)}</b> → ${row}`}\n              ${use ? html`<span source>${use.source === 'figure' ? i18next.t('figure.label.legend-figure-table') : (use.legend ?? use.source)}</span>` : nothing}\n            </span>\n          </li>`\n        })}\n      </ul>\n      ${notes\n        .filter(n => tables.some(t => t.id === n.binding))\n        .map(n => html`<p warn>${i18next.t('figure.text.legend-note-' + n.reason, { key: n.key ?? '', column: n.column ?? '', legend: n.legend ?? '', value: typeof n.value === 'string' ? n.value : JSON.stringify(n.value ?? '') })}</p>`)}\n    </section>`\n  }\n\n  override _valueChanged(e: Event) {\n    e.stopPropagation()\n    const select = e.target as HTMLSelectElement\n    const role = select.getAttribute?.('data-role')\n    if (!role) return\n    const next = { ...((this.value && typeof this.value === 'object' ? this.value : {}) as Record<string, string>) }\n    if (select.value === BOARD) delete next[role]\n    else next[role] = select.value\n    this.value = Object.keys(next).length ? next : undefined\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  /** The board's default for the role, this placement's choice, in one undoable change; the placement then follows it. */\n  private makeBoardDefault(role: string, name: string | undefined) {\n    this.withSelected(figure => {\n      const board = { ...(figure.rootModel?.state?.legends ?? {}) }\n      if (name) board[role] = name\n      else delete board[role]\n      figure.rootModel?.set({ legends: board })\n      const own = { ...(figure.state?.legends ?? {}) }\n      delete own[role]\n      figure.set({ legends: Object.keys(own).length ? own : undefined })\n    })\n  }\n\n  private selectedFigure(): PlacedFigure | undefined {\n    let figure: PlacedFigure | undefined\n    this.withSelected(f => (figure = f), false)\n    return figure\n  }\n\n  /** The one selected figure, given to `use` inside the panel's undoable change; none for a selection of several. */\n  private withSelected(use: (figure: PlacedFigure) => void, write = true) {\n    let selected: unknown[] | undefined\n    this.dispatchEvent(new CustomEvent('i-need-selected', { bubbles: true, composed: true, detail: { callback: (s: unknown[]) => ((selected = s), write && s?.length === 1 && use(s[0] as PlacedFigure)) } }))\n    if (!write && selected?.length === 1) use(selected[0] as PlacedFigure)\n  }\n\n  /* The data's codes and the board's choices change outside this section (live data, undo): it reads them again. */\n  private watch(figure: PlacedFigure | undefined) {\n    if (this.watched?.figure === figure) return\n    this.watched?.figure.off?.('change', this.refresh)\n    this.watched?.board?.off?.('change', this.refresh)\n    this.watched = figure ? { figure, board: figure.rootModel } : undefined\n    figure?.on?.('change', this.refresh)\n    figure?.rootModel?.on?.('change', this.refresh)\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-property-editor-figure-legends': OxPropertyEditorFigureLegends\n  }\n}\n"]}

package/dist-client/figure-data-report.d.ts

@@ -1,4 +1,4 @@
-import type { FigureAsset, FigureDataBehavior, FigureDataNode, FigureDataValue, FigureDataValueIssue } from '@hatiolab/figure-model';
+import type { FigureAsset, FigureDataBehavior, FigureDataNode, FigureDataTargets, FigureDataValue, FigureDataValueIssue } from '@hatiolab/figure-model';
 /** Where a value came from, as things-scene's figure inputs say. */
 export type FigureDataSource = 'live' | 'manual' | 'default' | 'absent';
 /** A placed figure as the section reads it: its asset, its state, and what its figure inputs worked out. */
@@ -30,11 +30,16 @@ export interface FigureDataReportRow {
     value?: FigureDataValue;
     count?: number;
     source?: FigureDataSource;
-    /** What the bindings reading it move. */
-    behaviors: FigureDataBehavior[];
+    /** What the bindings reading it move: a behavior each, or a table and its targets. */
+    behaviors: FigureDataMove[];
     /** Controls it moves that the board's state values hold instead. */
     heldByBoard: string[];
 }
+/** What one binding moves: a value binding's behavior, or a table's targets (ADR-0166 3). */
+export type FigureDataMove = FigureDataBehavior | {
+    kind: 'table';
+    targets: FigureDataTargets;
+};
 export interface FigureDataReport {
     rows: FigureDataReportRow[];
     /** Fields the data has that the shape does not name, as paths (`[]` for a list's elements). */
@@ -44,5 +49,5 @@ export interface FigureDataReport {
     example: Record<string, unknown>;
 }
 export declare function figureDataReportOf(s: FigureDataSnapshot): FigureDataReport | null;
-/** The thing a behavior moves, as one id: the control, the colour token, the group, the port, the axis, the place. */
-export declare const behaviorTargetOf: (b: FigureDataBehavior) => string;
+/** The things a binding moves, as one line: the control, the colour token, the group, the axis, the place; a table's targets. */
+export declare const behaviorTargetOf: (b: FigureDataMove) => string;

package/dist-client/figure-data-report.js

@@ -54,8 +54,8 @@ export function figureDataReportOf(s) {
     const held = new Set(Object.keys(s.parameters ?? {}));
     const rows = figureDataRows(di).map((row) => {
         const reading = row.bindings.map(id => bindings.get(id)).filter(b => !!b);
-        const behaviors = reading.map(b => b.behavior);
-        const heldByBoard = behaviors.flatMap(b => (b.kind === 'state' && held.has(b.input) ? [b.input] : []));
+        const behaviors = reading.map((b) => (b.rule === 'table' ? { kind: 'table', targets: b.targets } : b.behavior));
+        const heldByBoard = behaviors.flatMap(b => (b.kind === 'state' ? [b.input] : b.kind === 'table' ? (b.targets.inputs ?? []) : []).filter(input => held.has(input)));
         const out = { path: row.path, depth: row.depth, name: row.name, ...(row.label ? { label: row.label } : {}), node: row.node, behaviors, heldByBoard };
         if (row.node.kind === 'list') {
             const list = row.path.includes('[]') ? undefined : valueAt(s.data, row.path);
@@ -64,7 +64,7 @@ export function figureDataReportOf(s) {
         }
         else if (row.node.kind !== 'object') {
             /* The value a binding read: the first that reads this place and is not an items binding (items read the list). */
-            const read = reading.find(b => b.behavior.kind !== 'items' && s.values[b.id]);
+            const read = reading.find(b => (b.rule === 'table' || b.behavior.kind !== 'items') && s.values[b.id]);
             if (read) {
                 const { value, source } = s.values[read.id];
                 out.source = source;
@@ -78,6 +78,16 @@ export function figureDataReportOf(s) {
     unusedOf(s.data, di.schema, '', unused);
     return { rows, unused: [...unused], refused: s.refused, example: figureDataExample(di) };
 }
-/** The thing a behavior moves, as one id: the control, the colour token, the group, the port, the axis, the place. */
-export const behaviorTargetOf = (b) => b.kind === 'state' ? b.input : b.kind === 'palette' ? b.token : b.kind === 'status' ? b.port : b.kind === 'pose' ? b.axis : b.kind === 'items' ? (b.slot ?? '') : b.group;
+/** The things a binding moves, as one line: the control, the colour token, the group, the axis, the place; a table's targets. */
+export const behaviorTargetOf = (b) => b.kind === 'table'
+    ? [...(b.targets.parts ?? []), ...(b.targets.inputs ?? []), ...(b.targets.group ? [b.targets.group] : [])].join(', ')
+    : b.kind === 'state'
+        ? b.input
+        : b.kind === 'palette'
+            ? b.token
+            : b.kind === 'pose'
+                ? b.axis
+                : b.kind === 'items'
+                    ? (b.slot ?? '')
+                    : b.group;
 //# sourceMappingURL=figure-data-report.js.map

package/dist-client/figure-data-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-data-report.js","sourceRoot":"","sources":["../client/figure-data-report.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * What the board's 「Figure 데이터」 section shows of a placed figure (data binding design, decision 3): the figure's data\n * shape as a tree, each value now and where it came from -- the component's data, a value saved on the board, the\n * shape's default, or none -- what it moves, a control the board's own state values hold over the data, why data was\n * refused, the fields the data has that the shape does not name, and an example to copy.\n *\n * Nothing here reads data: the values and their sources are things-scene's figure inputs', given in. Kept apart from the\n * element so it is tested without a board.\n */\nimport { figureDataExample, figureDataRows } from '@hatiolab/figure-model'\nimport type { FigureAsset, FigureDataBehavior, FigureDataNode, FigureDataValue, FigureDataValueIssue } from '@hatiolab/figure-model'\n\n/** Where a value came from, as things-scene's figure inputs say. */\nexport type FigureDataSource = 'live' | 'manual' | 'default' | 'absent'\n\n/** A placed figure as the section reads it: its asset, its state, and what its figure inputs worked out. */\nexport interface FigureDataSnapshot {\n  asset: FigureAsset\n  /** The component's data, as the board's data source or a mapping gave it. */\n  data: unknown\n  /** The board's own state values (`parameters`), by control. */\n  parameters?: Record<string, unknown> | null\n  /** Each binding's value now and its source, by binding id (figure inputs' `dataValues`). */\n  values: Readonly<Record<string, { value: FigureDataValue | undefined; source: FigureDataSource }>>\n  /** Why the last things given were refused (figure inputs' `diagnostics()`). */\n  refused: ReadonlyArray<{ source: string; reason: string; issues?: FigureDataValueIssue[] }>\n}\n\nexport interface FigureDataReportRow {\n  path: string\n  depth: number\n  name: string\n  label?: string\n  node: FigureDataNode\n  /** A value field's value now; a list's element count in the data. */\n  value?: FigureDataValue\n  count?: number\n  source?: FigureDataSource\n  /** What the bindings reading it move. */\n  behaviors: FigureDataBehavior[]\n  /** Controls it moves that the board's state values hold instead. */\n  heldByBoard: string[]\n}\n\nexport interface FigureDataReport {\n  rows: FigureDataReportRow[]\n  /** Fields the data has that the shape does not name, as paths (`[]` for a list's elements). */\n  unused: string[]\n  refused: FigureDataSnapshot['refused']\n  /** Data with every field of the shape, to copy. */\n  example: Record<string, unknown>\n}\n\nconst isRecord = (v: unknown): v is Record<string, unknown> => !!v && typeof v === 'object' && !Array.isArray(v)\n\n/** The value at a path with no list in it (`A.B`), or undefined. */\nfunction valueAt(data: unknown, path: string): unknown {\n  let at: unknown = data\n  for (const name of path.split('.')) {\n    if (!isRecord(at)) return undefined\n    at = at[name]\n  }\n  return at\n}\n\n/** Every field path the data has that the shape does not name. A JSON text in place of an object or a list is not looked into. */\nfunction unusedOf(data: unknown, fields: ReadonlyArray<{ name: string } & FigureDataNode>, at: string, out: Set<string>): void {\n  if (!isRecord(data)) return\n  for (const [key, value] of Object.entries(data)) {\n    const path = at ? `${at}.${key}` : key\n    const field = fields.find(f => f.name === key)\n    if (!field) {\n      out.add(path)\n      continue\n    }\n    let node: FigureDataNode = field\n    let value_: unknown = value\n    let p = path\n    while (node.kind === 'list' && Array.isArray(value_)) {\n      const item: FigureDataNode = node.item\n      p = `${p}[]`\n      for (const element of value_) if (item.kind === 'object') unusedOf(element, item.fields, p, out)\n      value_ = undefined\n      node = item\n    }\n    if (node.kind === 'object' && isRecord(value_)) unusedOf(value_, node.fields, p, out)\n  }\n}\n\nexport function figureDataReportOf(s: FigureDataSnapshot): FigureDataReport | null {\n  const di = s.asset.dataInterface\n  if (!di) return null\n  const bindings = new Map(di.bindings.map(b => [b.id, b] as const))\n  const held = new Set(Object.keys(s.parameters ?? {}))\n  const rows = figureDataRows(di).map((row): FigureDataReportRow => {\n    const reading = row.bindings.map(id => bindings.get(id)).filter(b => !!b)\n    const behaviors = reading.map(b => b.behavior)\n    const heldByBoard = behaviors.flatMap(b => (b.kind === 'state' && held.has(b.input) ? [b.input] : []))\n    const out: FigureDataReportRow = { path: row.path, depth: row.depth, name: row.name, ...(row.label ? { label: row.label } : {}), node: row.node, behaviors, heldByBoard }\n    if (row.node.kind === 'list') {\n      const list = row.path.includes('[]') ? undefined : valueAt(s.data, row.path)\n      if (Array.isArray(list)) out.count = list.length\n    } else if (row.node.kind !== 'object') {\n      /* The value a binding read: the first that reads this place and is not an items binding (items read the list). */\n      const read = reading.find(b => b.behavior.kind !== 'items' && s.values[b.id])\n      if (read) {\n        const { value, source } = s.values[read.id]!\n        out.source = source\n        if (value !== undefined) out.value = value\n      }\n    }\n    return out\n  })\n  const unused = new Set<string>()\n  unusedOf(s.data, di.schema, '', unused)\n  return { rows, unused: [...unused], refused: s.refused, example: figureDataExample(di) }\n}\n\n/** The thing a behavior moves, as one id: the control, the colour token, the group, the port, the axis, the place. */\nexport const behaviorTargetOf = (b: FigureDataBehavior): string =>\n  b.kind === 'state' ? b.input : b.kind === 'palette' ? b.token : b.kind === 'status' ? b.port : b.kind === 'pose' ? b.axis : b.kind === 'items' ? (b.slot ?? '') : b.group\n"]}
+{"version":3,"file":"figure-data-report.js","sourceRoot":"","sources":["../client/figure-data-report.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * What the board's 「Figure 데이터」 section shows of a placed figure (data binding design, decision 3): the figure's data\n * shape as a tree, each value now and where it came from -- the component's data, a value saved on the board, the\n * shape's default, or none -- what it moves, a control the board's own state values hold over the data, why data was\n * refused, the fields the data has that the shape does not name, and an example to copy.\n *\n * Nothing here reads data: the values and their sources are things-scene's figure inputs', given in. Kept apart from the\n * element so it is tested without a board.\n */\nimport { figureDataExample, figureDataRows } from '@hatiolab/figure-model'\nimport type { FigureAsset, FigureDataBehavior, FigureDataNode, FigureDataTargets, FigureDataValue, FigureDataValueIssue } from '@hatiolab/figure-model'\n\n/** Where a value came from, as things-scene's figure inputs say. */\nexport type FigureDataSource = 'live' | 'manual' | 'default' | 'absent'\n\n/** A placed figure as the section reads it: its asset, its state, and what its figure inputs worked out. */\nexport interface FigureDataSnapshot {\n  asset: FigureAsset\n  /** The component's data, as the board's data source or a mapping gave it. */\n  data: unknown\n  /** The board's own state values (`parameters`), by control. */\n  parameters?: Record<string, unknown> | null\n  /** Each binding's value now and its source, by binding id (figure inputs' `dataValues`). */\n  values: Readonly<Record<string, { value: FigureDataValue | undefined; source: FigureDataSource }>>\n  /** Why the last things given were refused (figure inputs' `diagnostics()`). */\n  refused: ReadonlyArray<{ source: string; reason: string; issues?: FigureDataValueIssue[] }>\n}\n\nexport interface FigureDataReportRow {\n  path: string\n  depth: number\n  name: string\n  label?: string\n  node: FigureDataNode\n  /** A value field's value now; a list's element count in the data. */\n  value?: FigureDataValue\n  count?: number\n  source?: FigureDataSource\n  /** What the bindings reading it move: a behavior each, or a table and its targets. */\n  behaviors: FigureDataMove[]\n  /** Controls it moves that the board's state values hold instead. */\n  heldByBoard: string[]\n}\n\n/** What one binding moves: a value binding's behavior, or a table's targets (ADR-0166 3). */\nexport type FigureDataMove = FigureDataBehavior | { kind: 'table'; targets: FigureDataTargets }\n\nexport interface FigureDataReport {\n  rows: FigureDataReportRow[]\n  /** Fields the data has that the shape does not name, as paths (`[]` for a list's elements). */\n  unused: string[]\n  refused: FigureDataSnapshot['refused']\n  /** Data with every field of the shape, to copy. */\n  example: Record<string, unknown>\n}\n\nconst isRecord = (v: unknown): v is Record<string, unknown> => !!v && typeof v === 'object' && !Array.isArray(v)\n\n/** The value at a path with no list in it (`A.B`), or undefined. */\nfunction valueAt(data: unknown, path: string): unknown {\n  let at: unknown = data\n  for (const name of path.split('.')) {\n    if (!isRecord(at)) return undefined\n    at = at[name]\n  }\n  return at\n}\n\n/** Every field path the data has that the shape does not name. A JSON text in place of an object or a list is not looked into. */\nfunction unusedOf(data: unknown, fields: ReadonlyArray<{ name: string } & FigureDataNode>, at: string, out: Set<string>): void {\n  if (!isRecord(data)) return\n  for (const [key, value] of Object.entries(data)) {\n    const path = at ? `${at}.${key}` : key\n    const field = fields.find(f => f.name === key)\n    if (!field) {\n      out.add(path)\n      continue\n    }\n    let node: FigureDataNode = field\n    let value_: unknown = value\n    let p = path\n    while (node.kind === 'list' && Array.isArray(value_)) {\n      const item: FigureDataNode = node.item\n      p = `${p}[]`\n      for (const element of value_) if (item.kind === 'object') unusedOf(element, item.fields, p, out)\n      value_ = undefined\n      node = item\n    }\n    if (node.kind === 'object' && isRecord(value_)) unusedOf(value_, node.fields, p, out)\n  }\n}\n\nexport function figureDataReportOf(s: FigureDataSnapshot): FigureDataReport | null {\n  const di = s.asset.dataInterface\n  if (!di) return null\n  const bindings = new Map(di.bindings.map(b => [b.id, b] as const))\n  const held = new Set(Object.keys(s.parameters ?? {}))\n  const rows = figureDataRows(di).map((row): FigureDataReportRow => {\n    const reading = row.bindings.map(id => bindings.get(id)).filter(b => !!b)\n    const behaviors = reading.map((b): FigureDataMove => (b.rule === 'table' ? { kind: 'table', targets: b.targets } : b.behavior))\n    const heldByBoard = behaviors.flatMap(b => (b.kind === 'state' ? [b.input] : b.kind === 'table' ? (b.targets.inputs ?? []) : []).filter(input => held.has(input)))\n    const out: FigureDataReportRow = { path: row.path, depth: row.depth, name: row.name, ...(row.label ? { label: row.label } : {}), node: row.node, behaviors, heldByBoard }\n    if (row.node.kind === 'list') {\n      const list = row.path.includes('[]') ? undefined : valueAt(s.data, row.path)\n      if (Array.isArray(list)) out.count = list.length\n    } else if (row.node.kind !== 'object') {\n      /* The value a binding read: the first that reads this place and is not an items binding (items read the list). */\n      const read = reading.find(b => (b.rule === 'table' || b.behavior.kind !== 'items') && s.values[b.id])\n      if (read) {\n        const { value, source } = s.values[read.id]!\n        out.source = source\n        if (value !== undefined) out.value = value\n      }\n    }\n    return out\n  })\n  const unused = new Set<string>()\n  unusedOf(s.data, di.schema, '', unused)\n  return { rows, unused: [...unused], refused: s.refused, example: figureDataExample(di) }\n}\n\n/** The things a binding moves, as one line: the control, the colour token, the group, the axis, the place; a table's targets. */\nexport const behaviorTargetOf = (b: FigureDataMove): string =>\n  b.kind === 'table'\n    ? [...(b.targets.parts ?? []), ...(b.targets.inputs ?? []), ...(b.targets.group ? [b.targets.group] : [])].join(', ')\n    : b.kind === 'state'\n      ? b.input\n      : b.kind === 'palette'\n        ? b.token\n        : b.kind === 'pose'\n          ? b.axis\n          : b.kind === 'items'\n            ? (b.slot ?? '')\n            : b.group\n"]}

package/dist-client/legend-looks/legend-looks-editor.d.ts

@@ -0,0 +1,42 @@
+import '@material/web/icon/icon.js';
+import './ox-legend-looks.js';
+import { LitElement } from 'lit';
+import { OxGristEditor } from '@operato/data-grist';
+import { type LegendLooks, type LookInput } from './legend-looks.js';
+/**
+ * A legend theme's value, edited look by look (ADR-0166 11): the board's 「테마」 list opens this for its legend kinds --
+ * a code map (`color-map`, `animation-map`) or a range map (`color-ranges`) -- when this module is loaded. Each code's
+ * colour, effect, values for named state inputs, and a motion group's clip, speed and pause; what else an entry holds
+ * is kept. A look that is a colour alone is written as the colour, as a colour map keeps it.
+ */
+export declare class LegendLooksEditor extends OxGristEditor {
+    private popup?;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    _onclick(e: Event): void;
+    _onkeydown(e: KeyboardEvent): void;
+    /** The value written back as it came -- an object, or text for a store that keeps text. */
+    openLooks(): void;
+}
+export declare class LegendLooksPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    draft: {
+        looks: LegendLooks;
+    };
+    confirmCallback: (looks: LegendLooks) => void;
+    /** Inputs offered for a value, with name, unit and range (fmsim: those its carrier figures' tables set). */
+    addable: LookInput[];
+    /**
+     * Colour only: no effect, no values, no motion -- fmsim's carrier legend, whose figures take the thickness from their own
+     * fixed table (ADR-0167 12). What an entry already holds is kept.
+     */
+    colourOnly: boolean;
+    /** The colour a new code starts with: a colour map's entries have one. */
+    defaultColor?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'legend-looks-editor': LegendLooksEditor;
+        'legend-looks-popup': LegendLooksPopup;
+    }
+}