@things-factory/figure-ui 10.1.84 → 10.1.86

package/dist-client/modeller/figure-section-panel.js

@@ -1,29 +1,31 @@
 import { __decorate, __metadata } from "tslib";
 import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
 import { i18next, localize } from '@operato/i18n';
 import { SidePanelStyles } from './side-panel-styles.js';
-import { cavityRequestOf, defaultWallOf, mm, sameOf } from './section-controls.js';
-/** The face each end of a push is, by the axis it runs along: its start is the low side. */
-const END_FACE = {
-    x: { start: 'left', end: 'right' },
-    y: { start: 'bottom', end: 'top' },
-    z: { start: 'back', end: 'front' }
-};
+import { END_FACE, SIDE_FACE, cavityDepthOf, cavityRefusalOf, cavityRequestOf, cavityResultOf, cornerLimitOf, cornerRefusalOf, defaultWallOf, mm, sameOf, sidesOf, sideWallLimitOf, wallLimitOf } from './section-controls.js';
 /**
- * 단면 — a pushed part's rounded corners and its inside (ADR-0100 stage 1).
+ * 단면 — a pushed part's rounded corners and its inside (ADR-0100 §3.3).
  *
- * Only what the part's section has: corners for a rectangle, an inside for a rectangle or an ellipse. A drawn section
- * and a turned body show nothing here. A radius or a wall entered sets every corner or every wall to it; the kernel
- * holds per-axis values, and when they differ the field says so and shows none of them.
+ * Corners for a rectangle; an inside for a rectangle or an ellipse, with its walls (one thickness, or one per side when
+ * asked for), its two ends open or closed, and what that makes of the part and how deep. A drawn section says beside
+ * the inside why it has none. A turned body shows nothing here.
  *
- * Every change leaves as one `command`; the editor runs it through the session, one step of the undo history.
+ * A value being typed is drawn at once and recorded nowhere (`command-live`); a value the kernel would refuse is said
+ * under its field with the most it can be, and is not sent. Enter or leaving the field sends the one `command`, one step
+ * of the undo history; Esc puts the value back.
  */
 let FigureSectionPanel = class FigureSectionPanel extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
         this.locked = false;
+        /** What each field would not take, by field, said under it. */
+        this.refusals = {};
+        /** What is typed in a field and not yet sent, by field: the figure drawn with it must not type over it. */
+        this.typed = {};
+        /** Walls one per side, asked for or because they already differ. */
+        this.perSide = false;
     }
     static { this.styles = [SidePanelStyles, css `
     :host {
@@ -38,21 +40,55 @@ let FigureSectionPanel = class FigureSectionPanel extends localize(i18next)(LitE
       flex: 1;
       min-width: 0;
     }
-    div[row] > label {
-      flex: 0 0 auto;
+    div[sides] {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 6px;
+      /* A side's refusal under its field lengthens its cell only: the field beside it stays level. */
+      align-items: start;
+    }
+    div[sides] > label {
+      display: grid;
+      gap: 2px;
+    }
+    small[refusal] {
+      color: var(--md-sys-color-error);
+    }
+    input[aria-invalid='true'] {
+      outline: 2px solid var(--md-sys-color-error);
     }
   `]; }
+    willUpdate(changed) {
+        const before = changed.get('body');
+        if (changed.has('body') && before?.id !== this.body?.id) {
+            this.refusals = {};
+            this.typed = {};
+            /* A part whose walls already differ opens with them one per side. */
+            const walls = this.body?.shape.cavity?.wall;
+            this.perSide = !!walls && sameOf(Object.values(walls)) === undefined;
+        }
+    }
     render() {
         const body = this.body;
-        const extrusion = body?.shape?.provider === 'extrude' ? body.shape.extrusion : undefined;
-        if (!body || !extrusion)
-            return nothing;
-        const kind = extrusion.section.kind;
-        if (kind !== 'rectangle' && kind !== 'ellipse')
+        const e = body?.shape?.provider === 'extrude' ? body.shape.extrusion : undefined;
+        if (!body || !e)
             return nothing;
+        const kind = e.section.kind;
         return html `<section>
       <h3>${i18next.t('figure.label.group-section')}</h3>
-      ${kind === 'rectangle' ? this.renderCorner(body) : nothing} ${this.renderCavity(body, extrusion.axis)}
+      ${kind === 'rectangle' ? this.renderCorner(body) : nothing}
+      ${kind === 'rectangle' || kind === 'ellipse'
+            ? this.renderCavity(body, e.axis)
+            : html `${kind === 'polygon' && !body.shape.cavity && body.shape.dimensions.jamb === undefined
+                ? html `<div field>
+                  <button act ?disabled=${this.locked} @click=${() => this.dispatchEvent(new CustomEvent('section-editor-open', { bubbles: true, composed: true }))}>
+                    ${i18next.t('figure.button.section-editor-open')}
+                  </button>
+                </div>`
+                : nothing}
+            <div field>
+              <small>${i18next.t('figure.text.section-cavity-unavailable')}</small>
+            </div>`}
     </section>`;
     }
     renderCorner(body) {
@@ -60,98 +96,174 @@ let FigureSectionPanel = class FigureSectionPanel extends localize(i18next)(LitE
         const reaches = Object.keys(d)
             .filter(k => k.startsWith('corner.'))
             .map(k => d[k]);
-        const one = reaches.length ? sameOf(reaches) : 0;
+        const now = reaches.length ? sameOf(reaches) : 0;
+        const max = cornerLimitOf(body.shape);
         return html `<div field>
-      <label>${i18next.t('figure.label.section-corner')}</label>
-      <input
-        type="number"
-        min="0"
-        step="any"
-        .value=${live(one === undefined ? '' : String(mm(one)))}
-        placeholder=${one === undefined ? i18next.t('figure.text.section-corner-differs') : ''}
-        ?disabled=${this.locked}
-        @change=${(e) => {
-            const input = e.target;
-            const value = Number(input.value);
-            if (input.value === '' || !Number.isFinite(value) || value < 0) {
-                input.value = one === undefined ? '' : String(mm(one));
-                return;
-            }
-            /* 0 is a sharp corner: the rounding is taken away rather than kept at nothing. */
-            this.command({ kind: 'set-section-corner', part: body.id, corner: value > 0 ? value : null });
-        }}
-      />
+      <label for="corner">${i18next.t('figure.label.section-corner')}</label>
+      ${this.number('corner', now, {
+            min: 0,
+            ask: value => {
+                const r = cornerRefusalOf(body.shape, value);
+                return r ? i18next.t('figure.text.section-corner-over', { max: String(mm(r.max)) }) : '';
+            },
+            action: value => ({ kind: 'set-section-corner', part: body.id, corner: value > 0 ? value : null }),
+            placeholder: now === undefined ? i18next.t('figure.text.section-corner-differs') : ''
+        })}
+      ${this.refusals.corner ? nothing : max !== undefined ? html `<small>${i18next.t('figure.text.section-at-most', { max: String(mm(max)) })}</small>` : nothing}
     </div>`;
     }
     renderCavity(body, axis) {
         const cavity = body.shape.cavity;
         const request = (patch) => cavityRequestOf(body.shape, patch);
+        const said = (ask) => !ask
+            ? ''
+            : ask.code === 'not-positive'
+                ? i18next.t('figure.text.section-not-positive')
+                : i18next.t(`figure.text.section-${ask.code === 'wall-too-thick' ? 'wall' : 'ends'}-over`, { max: String(ask.max) });
+        const cavityField = (key, now, patch) => this.number(key, now, {
+            min: 0,
+            ask: value => {
+                if (!(value > 0))
+                    return i18next.t('figure.text.section-not-positive');
+                const ask = cavityRefusalOf(body.shape, request(patch(value)));
+                /* One side too thick: the most it can be is the width across less the wall opposite, not the even limit. */
+                const side = key.startsWith('wall.') ? key.slice(5) : undefined;
+                if (ask?.code === 'wall-too-thick' && side && cavity)
+                    return said({ code: 'wall-too-thick', max: mm(sideWallLimitOf(body.shape, cavity.wall, side)) });
+                return said(ask);
+            },
+            action: value => ({ kind: 'set-cavity', part: body.id, cavity: request(patch(value)) })
+        });
         return html `<div field>
         <label>
           <input
             type="checkbox"
             .checked=${live(!!cavity)}
             ?disabled=${this.locked}
-            @change=${(e) => {
-            const on = e.target.checked;
-            e.target.checked = !!cavity;
+            @change=${(ev) => {
+            const on = ev.target.checked;
+            ev.target.checked = !!cavity;
             this.command({ kind: 'set-cavity', part: body.id, cavity: on ? request({}) : null });
         }}
           />
           ${i18next.t('figure.label.section-cavity')}
         </label>
+        ${cavity
+            ? html `<small result>
+              ${i18next.t('figure.text.section-depth', {
+                result: i18next.t(`figure.label.section-result-${cavityResultOf(cavity)}`),
+                depth: String(cavityDepthOf(body.shape))
+            })}
+            </small>`
+            : nothing}
       </div>
       ${cavity
             ? html `<div field>
               <label>${i18next.t('figure.label.section-wall')}</label>
-              ${this.thickness(sameOf(Object.values(cavity.wall)), value => this.command({ kind: 'set-cavity', part: body.id, cavity: request({ wall: value }) }), 'figure.text.section-wall-differs')}
+              ${this.perSide
+                ? html `<div sides>
+                    ${[...sidesOf(axis)].sort((a, b) => a[0].localeCompare(b[0]) || (a[1] === '-' ? -1 : 1)).map(side => html `<label>
+                        <span>${i18next.t('figure.label.face-' + SIDE_FACE[side])}</span>
+                        ${cavityField(`wall.${side}`, cavity.wall[side], value => ({ wall: { ...cavity.wall, [side]: value } }))}
+                      </label>`)}
+                  </div>`
+                : cavityField('wall', sameOf(Object.values(cavity.wall)), value => ({ wall: value }))}
+              ${this.perSide || this.refusals.wall
+                ? nothing
+                : html `<small>${i18next.t('figure.text.section-wall-at-most', { max: String(mm(wallLimitOf(body.shape))) })}</small>`}
+              <label>
+                <input
+                  type="checkbox"
+                  .checked=${live(this.perSide)}
+                  ?disabled=${this.locked}
+                  @change=${(ev) => (this.perSide = ev.target.checked)}
+                />
+                ${i18next.t('figure.label.section-wall-per-side')}
+              </label>
             </div>
-            ${['start', 'end'].map(end => this.renderEnd(body.id, axis, end, cavity[end], request))}`
+            ${['start', 'end'].map(end => this.renderEnd(body, axis, end, cavity[end], request, cavityField))}`
             : nothing}`;
     }
-    renderEnd(part, axis, end, now, request) {
+    renderEnd(body, axis, end, now, request, cavityField) {
         const closed = now !== 'open';
-        const set = (value) => this.command({ kind: 'set-cavity', part, cavity: request({ [end]: value }) });
         return html `<div field>
-      <label>${i18next.t('figure.label.face-' + END_FACE[axis][end])}</label>
+      <label>${i18next.t('figure.label.face-' + END_FACE(axis, end))}</label>
       <div row>
         <select
           .value=${live(closed ? 'closed' : 'open')}
           ?disabled=${this.locked}
-          @change=${(e) => {
-            const select = e.target;
+          @change=${(ev) => {
+            const select = ev.target;
             const want = select.value;
             select.value = closed ? 'closed' : 'open';
-            set(want === 'open' ? 'open' : { closed: defaultWallOf(this.body.shape) });
+            this.command({ kind: 'set-cavity', part: body.id, cavity: request({ [end]: want === 'open' ? 'open' : { closed: defaultWallOf(body.shape) } }) });
         }}
         >
           <option value="closed">${i18next.t('figure.label.section-end-closed')}</option>
           <option value="open">${i18next.t('figure.label.section-end-open')}</option>
         </select>
-        ${closed ? this.thickness(now.closed, value => set({ closed: value })) : html `<span></span>`}
+        ${closed ? cavityField(`closed.${end}`, now.closed, value => ({ [end]: { closed: value } })) : html `<span></span>`}
       </div>
     </div>`;
     }
-    /** A thickness field: a positive number, committed on change; anything else puts the old value back. */
-    thickness(now, commit, differs) {
+    /**
+     * A millimetre field. Typing draws the value (or, if the kernel would refuse it, says why under the field and draws the
+     * figure as it stands); Enter or leaving sends it once; Esc puts the value back.
+     */
+    number(key, now, o) {
         const shown = now === undefined ? '' : String(mm(now));
+        const done = () => {
+            const { [key]: _, ...rest } = this.typed;
+            this.typed = rest;
+        };
+        const read = (input) => (input.value === '' ? NaN : Number(input.value));
+        const judge = (input) => {
+            const value = read(input);
+            const refusal = !Number.isFinite(value) || value < o.min ? '' : o.ask(value);
+            this.refusals = { ...this.refusals, [key]: refusal };
+            return Number.isFinite(value) && value >= o.min && !refusal ? value : undefined;
+        };
         return html `<input
-      type="number"
-      min="0"
-      step="any"
-      .value=${live(shown)}
-      placeholder=${now === undefined && differs ? i18next.t(differs) : ''}
-      ?disabled=${this.locked}
-      @change=${(e) => {
-            const input = e.target;
-            const value = Number(input.value);
-            if (input.value === '' || !Number.isFinite(value) || !(value > 0)) {
-                input.value = shown;
+        id=${key}
+        type="number"
+        min=${o.min}
+        step="any"
+        inputmode="decimal"
+        .value=${live(this.typed[key] ?? shown)}
+        placeholder=${o.placeholder ?? ''}
+        aria-invalid=${this.refusals[key] ? 'true' : 'false'}
+        aria-describedby=${`${key}-refusal`}
+        ?disabled=${this.locked}
+        @input=${(ev) => {
+            this.typed = { ...this.typed, [key]: ev.target.value };
+            const value = judge(ev.target);
+            this.preview(value === undefined ? null : o.action(value));
+        }}
+        @change=${(ev) => {
+            const input = ev.target;
+            if (input.value === shown)
+                return done(), this.preview(null);
+            const value = judge(input);
+            /* A refused value stays typed with its reason under it, to be corrected; nothing is sent. */
+            if (value === undefined)
+                return this.preview(null);
+            done();
+            this.command(o.action(value));
+        }}
+        @keydown=${(ev) => {
+            if (ev.key !== 'Escape')
                 return;
-            }
-            commit(value);
+            const input = ev.target;
+            input.value = shown;
+            done();
+            this.refusals = { ...this.refusals, [key]: '' };
+            this.preview(null);
         }}
-    />`;
+      />
+      ${this.refusals[key] ? html `<small refusal id=${`${key}-refusal`} role="alert">${this.refusals[key]}</small>` : nothing}`;
+    }
+    preview(action) {
+        this.dispatchEvent(new CustomEvent('command-live', { detail: { action }, bubbles: true, composed: true }));
     }
     command(action) {
         this.dispatchEvent(new CustomEvent('command', { detail: { action }, bubbles: true, composed: true }));
@@ -165,6 +277,18 @@ __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
 ], FigureSectionPanel.prototype, "locked", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureSectionPanel.prototype, "refusals", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureSectionPanel.prototype, "typed", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureSectionPanel.prototype, "perSide", void 0);
 FigureSectionPanel = __decorate([
     customElement('figure-section-panel')
 ], FigureSectionPanel);

package/dist-client/modeller/figure-section-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-section-panel.js","sourceRoot":"","sources":["../../client/modeller/figure-section-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport type { FigureAuthoringAction, FigureCavityRequest, FigureEvaluatedShape } from '@hatiolab/figure-model'\nimport { SidePanelStyles } from './side-panel-styles.js'\nimport { cavityRequestOf, defaultWallOf, mm, sameOf } from './section-controls.js'\n\ntype Axis = 'x' | 'y' | 'z'\ntype End = 'start' | 'end'\n\n/** The face each end of a push is, by the axis it runs along: its start is the low side. */\nconst END_FACE: Record<Axis, Record<End, string>> = {\n  x: { start: 'left', end: 'right' },\n  y: { start: 'bottom', end: 'top' },\n  z: { start: 'back', end: 'front' }\n}\n\n/**\n * 단면 — a pushed part's rounded corners and its inside (ADR-0100 stage 1).\n *\n * Only what the part's section has: corners for a rectangle, an inside for a rectangle or an ellipse. A drawn section\n * and a turned body show nothing here. A radius or a wall entered sets every corner or every wall to it; the kernel\n * holds per-axis values, and when they differ the field says so and shows none of them.\n *\n * Every change leaves as one `command`; the editor runs it through the session, one step of the undo history.\n */\n@customElement('figure-section-panel')\nexport class FigureSectionPanel extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    div[row] {\n      display: flex;\n      gap: 6px;\n      align-items: center;\n    }\n    div[row] > * {\n      flex: 1;\n      min-width: 0;\n    }\n    div[row] > label {\n      flex: 0 0 auto;\n    }\n  `]\n\n  @property({ attribute: false }) body?: { id: string; shape: FigureEvaluatedShape }\n  @property({ type: Boolean }) locked = false\n\n  render() {\n    const body = this.body\n    const extrusion = body?.shape?.provider === 'extrude' ? body.shape.extrusion : undefined\n    if (!body || !extrusion) return nothing\n    const kind = extrusion.section.kind\n    if (kind !== 'rectangle' && kind !== 'ellipse') return nothing\n    return html`<section>\n      <h3>${i18next.t('figure.label.group-section')}</h3>\n      ${kind === 'rectangle' ? this.renderCorner(body) : nothing} ${this.renderCavity(body, extrusion.axis)}\n    </section>`\n  }\n\n  private renderCorner(body: { id: string; shape: FigureEvaluatedShape }) {\n    const d = body.shape.dimensions\n    const reaches = Object.keys(d)\n      .filter(k => k.startsWith('corner.'))\n      .map(k => d[k])\n    const one = reaches.length ? sameOf(reaches) : 0\n    return html`<div field>\n      <label>${i18next.t('figure.label.section-corner')}</label>\n      <input\n        type=\"number\"\n        min=\"0\"\n        step=\"any\"\n        .value=${live(one === undefined ? '' : String(mm(one)))}\n        placeholder=${one === undefined ? i18next.t('figure.text.section-corner-differs') : ''}\n        ?disabled=${this.locked}\n        @change=${(e: Event) => {\n          const input = e.target as HTMLInputElement\n          const value = Number(input.value)\n          if (input.value === '' || !Number.isFinite(value) || value < 0) {\n            input.value = one === undefined ? '' : String(mm(one))\n            return\n          }\n          /* 0 is a sharp corner: the rounding is taken away rather than kept at nothing. */\n          this.command({ kind: 'set-section-corner', part: body.id, corner: value > 0 ? value : null })\n        }}\n      />\n    </div>`\n  }\n\n  private renderCavity(body: { id: string; shape: FigureEvaluatedShape }, axis: Axis) {\n    const cavity = body.shape.cavity\n    const request = (patch: Partial<FigureCavityRequest>) => cavityRequestOf(body.shape, patch)\n    return html`<div field>\n        <label>\n          <input\n            type=\"checkbox\"\n            .checked=${live(!!cavity)}\n            ?disabled=${this.locked}\n            @change=${(e: Event) => {\n              const on = (e.target as HTMLInputElement).checked\n              ;(e.target as HTMLInputElement).checked = !!cavity\n              this.command({ kind: 'set-cavity', part: body.id, cavity: on ? request({}) : null })\n            }}\n          />\n          ${i18next.t('figure.label.section-cavity')}\n        </label>\n      </div>\n      ${cavity\n        ? html`<div field>\n              <label>${i18next.t('figure.label.section-wall')}</label>\n              ${this.thickness(sameOf(Object.values(cavity.wall)), value => this.command({ kind: 'set-cavity', part: body.id, cavity: request({ wall: value }) }), 'figure.text.section-wall-differs')}\n            </div>\n            ${(['start', 'end'] as const).map(end => this.renderEnd(body.id, axis, end, cavity[end], request))}`\n        : nothing}`\n  }\n\n  private renderEnd(\n    part: string,\n    axis: Axis,\n    end: End,\n    now: 'open' | { closed: number },\n    request: (patch: Partial<FigureCavityRequest>) => FigureCavityRequest\n  ) {\n    const closed = now !== 'open'\n    const set = (value: 'open' | { closed: number }) => this.command({ kind: 'set-cavity', part, cavity: request({ [end]: value }) })\n    return html`<div field>\n      <label>${i18next.t('figure.label.face-' + END_FACE[axis][end])}</label>\n      <div row>\n        <select\n          .value=${live(closed ? 'closed' : 'open')}\n          ?disabled=${this.locked}\n          @change=${(e: Event) => {\n            const select = e.target as HTMLSelectElement\n            const want = select.value\n            select.value = closed ? 'closed' : 'open'\n            set(want === 'open' ? 'open' : { closed: defaultWallOf(this.body!.shape) })\n          }}\n        >\n          <option value=\"closed\">${i18next.t('figure.label.section-end-closed')}</option>\n          <option value=\"open\">${i18next.t('figure.label.section-end-open')}</option>\n        </select>\n        ${closed ? this.thickness(now.closed, value => set({ closed: value })) : html`<span></span>`}\n      </div>\n    </div>`\n  }\n\n  /** A thickness field: a positive number, committed on change; anything else puts the old value back. */\n  private thickness(now: number | undefined, commit: (value: number) => void, differs?: string) {\n    const shown = now === undefined ? '' : String(mm(now))\n    return html`<input\n      type=\"number\"\n      min=\"0\"\n      step=\"any\"\n      .value=${live(shown)}\n      placeholder=${now === undefined && differs ? i18next.t(differs) : ''}\n      ?disabled=${this.locked}\n      @change=${(e: Event) => {\n        const input = e.target as HTMLInputElement\n        const value = Number(input.value)\n        if (input.value === '' || !Number.isFinite(value) || !(value > 0)) {\n          input.value = shown\n          return\n        }\n        commit(value)\n      }}\n    />`\n  }\n\n  private command(action: FigureAuthoringAction) {\n    this.dispatchEvent(new CustomEvent('command', { detail: { action }, bubbles: true, composed: true }))\n  }\n}\n"]}
+{"version":3,"file":"figure-section-panel.js","sourceRoot":"","sources":["../../client/modeller/figure-section-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing, type PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport type { FigureAuthoringAction, FigureCavityRequest, FigureEvaluatedShape } from '@hatiolab/figure-model'\nimport { SidePanelStyles } from './side-panel-styles.js'\nimport {\n  END_FACE,\n  SIDE_FACE,\n  cavityDepthOf,\n  cavityRefusalOf,\n  cavityRequestOf,\n  cavityResultOf,\n  cornerLimitOf,\n  cornerRefusalOf,\n  defaultWallOf,\n  mm,\n  sameOf,\n  sidesOf,\n  sideWallLimitOf,\n  wallLimitOf,\n  type FigureCavityAsk\n} from './section-controls.js'\n\ntype Axis = 'x' | 'y' | 'z'\ntype End = 'start' | 'end'\ntype Body = { id: string; shape: FigureEvaluatedShape }\n\n/**\n * 단면 — a pushed part's rounded corners and its inside (ADR-0100 §3.3).\n *\n * Corners for a rectangle; an inside for a rectangle or an ellipse, with its walls (one thickness, or one per side when\n * asked for), its two ends open or closed, and what that makes of the part and how deep. A drawn section says beside\n * the inside why it has none. A turned body shows nothing here.\n *\n * A value being typed is drawn at once and recorded nowhere (`command-live`); a value the kernel would refuse is said\n * under its field with the most it can be, and is not sent. Enter or leaving the field sends the one `command`, one step\n * of the undo history; Esc puts the value back.\n */\n@customElement('figure-section-panel')\nexport class FigureSectionPanel extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    div[row] {\n      display: flex;\n      gap: 6px;\n      align-items: center;\n    }\n    div[row] > * {\n      flex: 1;\n      min-width: 0;\n    }\n    div[sides] {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 6px;\n      /* A side's refusal under its field lengthens its cell only: the field beside it stays level. */\n      align-items: start;\n    }\n    div[sides] > label {\n      display: grid;\n      gap: 2px;\n    }\n    small[refusal] {\n      color: var(--md-sys-color-error);\n    }\n    input[aria-invalid='true'] {\n      outline: 2px solid var(--md-sys-color-error);\n    }\n  `]\n\n  @property({ attribute: false }) body?: Body\n  @property({ type: Boolean }) locked = false\n  /** What each field would not take, by field, said under it. */\n  @state() private refusals: Record<string, string> = {}\n  /** What is typed in a field and not yet sent, by field: the figure drawn with it must not type over it. */\n  @state() private typed: Record<string, string> = {}\n  /** Walls one per side, asked for or because they already differ. */\n  @state() private perSide = false\n\n  protected willUpdate(changed: PropertyValues<this>) {\n    const before = changed.get('body') as Body | undefined\n    if (changed.has('body') && before?.id !== this.body?.id) {\n      this.refusals = {}\n      this.typed = {}\n      /* A part whose walls already differ opens with them one per side. */\n      const walls = this.body?.shape.cavity?.wall\n      this.perSide = !!walls && sameOf(Object.values(walls)) === undefined\n    }\n  }\n\n  render() {\n    const body = this.body\n    const e = body?.shape?.provider === 'extrude' ? body.shape.extrusion : undefined\n    if (!body || !e) return nothing\n    const kind = e.section.kind\n    return html`<section>\n      <h3>${i18next.t('figure.label.group-section')}</h3>\n      ${kind === 'rectangle' ? this.renderCorner(body) : nothing}\n      ${kind === 'rectangle' || kind === 'ellipse'\n        ? this.renderCavity(body, e.axis)\n        : html`${kind === 'polygon' && !body.shape.cavity && body.shape.dimensions.jamb === undefined\n              ? html`<div field>\n                  <button act ?disabled=${this.locked} @click=${() => this.dispatchEvent(new CustomEvent('section-editor-open', { bubbles: true, composed: true }))}>\n                    ${i18next.t('figure.button.section-editor-open')}\n                  </button>\n                </div>`\n              : nothing}\n            <div field>\n              <small>${i18next.t('figure.text.section-cavity-unavailable')}</small>\n            </div>`}\n    </section>`\n  }\n\n  private renderCorner(body: Body) {\n    const d = body.shape.dimensions\n    const reaches = Object.keys(d)\n      .filter(k => k.startsWith('corner.'))\n      .map(k => d[k])\n    const now = reaches.length ? sameOf(reaches) : 0\n    const max = cornerLimitOf(body.shape)\n    return html`<div field>\n      <label for=\"corner\">${i18next.t('figure.label.section-corner')}</label>\n      ${this.number('corner', now, {\n        min: 0,\n        ask: value => {\n          const r = cornerRefusalOf(body.shape, value)\n          return r ? i18next.t('figure.text.section-corner-over', { max: String(mm(r.max)) }) : ''\n        },\n        action: value => ({ kind: 'set-section-corner', part: body.id, corner: value > 0 ? value : null }),\n        placeholder: now === undefined ? i18next.t('figure.text.section-corner-differs') : ''\n      })}\n      ${this.refusals.corner ? nothing : max !== undefined ? html`<small>${i18next.t('figure.text.section-at-most', { max: String(mm(max)) })}</small>` : nothing}\n    </div>`\n  }\n\n  private renderCavity(body: Body, axis: Axis) {\n    const cavity = body.shape.cavity\n    const request = (patch: Partial<FigureCavityRequest>) => cavityRequestOf(body.shape, patch)\n    const said = (ask: FigureCavityAsk | null) =>\n      !ask\n        ? ''\n        : ask.code === 'not-positive'\n          ? i18next.t('figure.text.section-not-positive')\n          : i18next.t(`figure.text.section-${ask.code === 'wall-too-thick' ? 'wall' : 'ends'}-over`, { max: String(ask.max) })\n    const cavityField = (key: string, now: number | undefined, patch: (value: number) => Partial<FigureCavityRequest>) =>\n      this.number(key, now, {\n        min: 0,\n        ask: value => {\n          if (!(value > 0)) return i18next.t('figure.text.section-not-positive')\n          const ask = cavityRefusalOf(body.shape, request(patch(value)))\n          /* One side too thick: the most it can be is the width across less the wall opposite, not the even limit. */\n          const side = key.startsWith('wall.') ? key.slice(5) : undefined\n          if (ask?.code === 'wall-too-thick' && side && cavity)\n            return said({ code: 'wall-too-thick', max: mm(sideWallLimitOf(body.shape, cavity.wall, side)) })\n          return said(ask)\n        },\n        action: value => ({ kind: 'set-cavity', part: body.id, cavity: request(patch(value)) })\n      })\n    return html`<div field>\n        <label>\n          <input\n            type=\"checkbox\"\n            .checked=${live(!!cavity)}\n            ?disabled=${this.locked}\n            @change=${(ev: Event) => {\n              const on = (ev.target as HTMLInputElement).checked\n              ;(ev.target as HTMLInputElement).checked = !!cavity\n              this.command({ kind: 'set-cavity', part: body.id, cavity: on ? request({}) : null })\n            }}\n          />\n          ${i18next.t('figure.label.section-cavity')}\n        </label>\n        ${cavity\n          ? html`<small result>\n              ${i18next.t('figure.text.section-depth', {\n                result: i18next.t(`figure.label.section-result-${cavityResultOf(cavity)}`),\n                depth: String(cavityDepthOf(body.shape))\n              })}\n            </small>`\n          : nothing}\n      </div>\n      ${cavity\n        ? html`<div field>\n              <label>${i18next.t('figure.label.section-wall')}</label>\n              ${this.perSide\n                ? html`<div sides>\n                    ${[...sidesOf(axis)].sort((a, b) => a[0]!.localeCompare(b[0]!) || (a[1] === '-' ? -1 : 1)).map(\n                      side => html`<label>\n                        <span>${i18next.t('figure.label.face-' + SIDE_FACE[side])}</span>\n                        ${cavityField(`wall.${side}`, cavity.wall[side], value => ({ wall: { ...cavity.wall, [side]: value } }))}\n                      </label>`\n                    )}\n                  </div>`\n                : cavityField('wall', sameOf(Object.values(cavity.wall)), value => ({ wall: value }))}\n              ${this.perSide || this.refusals.wall\n                ? nothing\n                : html`<small>${i18next.t('figure.text.section-wall-at-most', { max: String(mm(wallLimitOf(body.shape))) })}</small>`}\n              <label>\n                <input\n                  type=\"checkbox\"\n                  .checked=${live(this.perSide)}\n                  ?disabled=${this.locked}\n                  @change=${(ev: Event) => (this.perSide = (ev.target as HTMLInputElement).checked)}\n                />\n                ${i18next.t('figure.label.section-wall-per-side')}\n              </label>\n            </div>\n            ${(['start', 'end'] as const).map(end => this.renderEnd(body, axis, end, cavity[end], request, cavityField))}`\n        : nothing}`\n  }\n\n  private renderEnd(\n    body: Body,\n    axis: Axis,\n    end: End,\n    now: 'open' | { closed: number },\n    request: (patch: Partial<FigureCavityRequest>) => FigureCavityRequest,\n    cavityField: (key: string, now: number | undefined, patch: (value: number) => Partial<FigureCavityRequest>) => unknown\n  ) {\n    const closed = now !== 'open'\n    return html`<div field>\n      <label>${i18next.t('figure.label.face-' + END_FACE(axis, end))}</label>\n      <div row>\n        <select\n          .value=${live(closed ? 'closed' : 'open')}\n          ?disabled=${this.locked}\n          @change=${(ev: Event) => {\n            const select = ev.target as HTMLSelectElement\n            const want = select.value\n            select.value = closed ? 'closed' : 'open'\n            this.command({ kind: 'set-cavity', part: body.id, cavity: request({ [end]: want === 'open' ? 'open' : { closed: defaultWallOf(body.shape) } }) })\n          }}\n        >\n          <option value=\"closed\">${i18next.t('figure.label.section-end-closed')}</option>\n          <option value=\"open\">${i18next.t('figure.label.section-end-open')}</option>\n        </select>\n        ${closed ? cavityField(`closed.${end}`, now.closed, value => ({ [end]: { closed: value } })) : html`<span></span>`}\n      </div>\n    </div>`\n  }\n\n  /**\n   * A millimetre field. Typing draws the value (or, if the kernel would refuse it, says why under the field and draws the\n   * figure as it stands); Enter or leaving sends it once; Esc puts the value back.\n   */\n  private number(\n    key: string,\n    now: number | undefined,\n    o: { min: number; ask: (value: number) => string; action: (value: number) => FigureAuthoringAction; placeholder?: string }\n  ) {\n    const shown = now === undefined ? '' : String(mm(now))\n    const done = () => {\n      const { [key]: _, ...rest } = this.typed\n      this.typed = rest\n    }\n    const read = (input: HTMLInputElement) => (input.value === '' ? NaN : Number(input.value))\n    const judge = (input: HTMLInputElement) => {\n      const value = read(input)\n      const refusal = !Number.isFinite(value) || value < o.min ? '' : o.ask(value)\n      this.refusals = { ...this.refusals, [key]: refusal }\n      return Number.isFinite(value) && value >= o.min && !refusal ? value : undefined\n    }\n    return html`<input\n        id=${key}\n        type=\"number\"\n        min=${o.min}\n        step=\"any\"\n        inputmode=\"decimal\"\n        .value=${live(this.typed[key] ?? shown)}\n        placeholder=${o.placeholder ?? ''}\n        aria-invalid=${this.refusals[key] ? 'true' : 'false'}\n        aria-describedby=${`${key}-refusal`}\n        ?disabled=${this.locked}\n        @input=${(ev: Event) => {\n          this.typed = { ...this.typed, [key]: (ev.target as HTMLInputElement).value }\n          const value = judge(ev.target as HTMLInputElement)\n          this.preview(value === undefined ? null : o.action(value))\n        }}\n        @change=${(ev: Event) => {\n          const input = ev.target as HTMLInputElement\n          if (input.value === shown) return done(), this.preview(null)\n          const value = judge(input)\n          /* A refused value stays typed with its reason under it, to be corrected; nothing is sent. */\n          if (value === undefined) return this.preview(null)\n          done()\n          this.command(o.action(value))\n        }}\n        @keydown=${(ev: KeyboardEvent) => {\n          if (ev.key !== 'Escape') return\n          const input = ev.target as HTMLInputElement\n          input.value = shown\n          done()\n          this.refusals = { ...this.refusals, [key]: '' }\n          this.preview(null)\n        }}\n      />\n      ${this.refusals[key] ? html`<small refusal id=${`${key}-refusal`} role=\"alert\">${this.refusals[key]}</small>` : nothing}`\n  }\n\n  private preview(action: FigureAuthoringAction | null) {\n    this.dispatchEvent(new CustomEvent('command-live', { detail: { action }, bubbles: true, composed: true }))\n  }\n\n  private command(action: FigureAuthoringAction) {\n    this.dispatchEvent(new CustomEvent('command', { detail: { action }, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/modeller/live.d.ts

@@ -1,10 +1,12 @@
-import type { FigureAsset, FigurePartEdit } from '@hatiolab/figure-model';
+import type { FigureAsset, FigureAuthoringAction, FigurePartEdit } from '@hatiolab/figure-model';
 import { type FigureRenderPart } from './renderer.js';
 export interface LiveValues {
     /** Input values in hand, design or state, by input id. */
     values: Record<string, number>;
     /** A part edit in hand, not yet committed. */
     edit?: FigurePartEdit;
+    /** An authoring command in hand (a corner radius, an inside, being typed), not yet committed (ADR-0100 §3.3). */
+    action?: FigureAuthoringAction;
 }
 export declare const NOTHING_LIVE: LiveValues;
 /** Known inputs with a number, split by what they are. An id the figure does not declare is dropped. */

package/dist-client/modeller/live.js

@@ -1,4 +1,4 @@
-import { compileFigureAsset, editFigurePart } from '@hatiolab/figure-model';
+import { applyFigureAuthoring, compileFigureAsset, editFigurePart } from '@hatiolab/figure-model';
 import { drawableFigureParts } from './renderer.js';
 export const NOTHING_LIVE = { values: {} };
 /** Known inputs with a number, split by what they are. An id the figure does not declare is dropped. */
@@ -17,7 +17,7 @@ export function liveOverridesOf(asset, values) {
     return { design, state };
 }
 export function isLive(live) {
-    return !!live.edit || Object.keys(live.values).length > 0;
+    return !!live.edit || !!live.action || Object.keys(live.values).length > 0;
 }
 /**
  * The bodies to draw with what is in hand, or null when nothing is -- then the evaluation as it stands is drawn.
@@ -29,9 +29,19 @@ export function isLive(live) {
 export function livePartsOf(asset, live) {
     if (!isLive(live))
         return null;
-    const { design, state } = liveOverridesOf(asset, live.values);
     try {
         let next = live.edit ? editFigurePart(asset, live.edit) : asset;
+        if (live.action)
+            next = applyFigureAuthoring(next, live.action);
+        /* Read against the figure the edit makes: a command can take an input away (one wall becomes one per side). */
+        const { design, state } = liveOverridesOf(next, live.values);
+        /*
+         * An input the edit or the command in hand wrote takes its value: the values as they stand hold its old one (a
+         * point's coordinate before it was moved, a corner's radius before it was typed again) and would put it back.
+         */
+        for (const id of Object.keys(design))
+            if (next.designInputs[id] !== asset.designInputs[id])
+                delete design[id];
         if (Object.keys(design).length)
             next = { ...next, designInputs: { ...next.designInputs, ...design } };
         return drawableFigureParts(compileFigureAsset(next).evaluate(state).geometry);

package/dist-client/modeller/live.js.map

@@ -1 +1 @@
-{"version":3,"file":"live.js","sourceRoot":"","sources":["../../client/modeller/live.ts"],"names":[],"mappings":"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","sourcesContent":["import { compileFigureAsset, editFigurePart } from '@hatiolab/figure-model'\nimport type { FigureAsset, FigurePartEdit } from '@hatiolab/figure-model'\n\nimport { drawableFigureParts, type FigureRenderPart } from './renderer.js'\n\n/*\n * The figure while a value is in hand: evaluated with the values being typed or dragged, drawn at once and written\n * nowhere. The panels committed on release only, so the canvas stood still while a number was typed, a spinner held,\n * a label scrubbed, a slider or the glow dragged (user, 2026-09-24: \"make the editor move naturally while the value\n * changes\"). The value in hand shows here; the release is the one step of the history.\n *\n * What is in hand is either input values -- a design value (a size, a position) or a pose -- or one part edit (the\n * glow of a material). A design value is a change of the figure's design, so it is shown by evaluating a copy with\n * that value; a pose is a state override, as the preview gives it.\n */\n\nexport interface LiveValues {\n  /** Input values in hand, design or state, by input id. */\n  values: Record<string, number>\n  /** A part edit in hand, not yet committed. */\n  edit?: FigurePartEdit\n}\n\nexport const NOTHING_LIVE: LiveValues = { values: {} }\n\n/** Known inputs with a number, split by what they are. An id the figure does not declare is dropped. */\nexport function liveOverridesOf(asset: FigureAsset, values: Record<string, number>): { design: Record<string, number>; state: Record<string, number> } {\n  const roles = new Map(asset.document.model.inputs.map(i => [i.id, i.role]))\n  const design: Record<string, number> = {},\n    state: Record<string, number> = {}\n  for (const [id, value] of Object.entries(values)) {\n    if (!Number.isFinite(value)) continue\n    const role = roles.get(id)\n    if (role === 'state') state[id] = value\n    else if (role !== undefined) design[id] = value\n  }\n  return { design, state }\n}\n\nexport function isLive(live: LiveValues): boolean {\n  return !!live.edit || Object.keys(live.values).length > 0\n}\n\n/**\n * The bodies to draw with what is in hand, or null when nothing is -- then the evaluation as it stands is drawn.\n *\n * Also null when the figure cannot take the value in hand (a size of 0 on the way to typing 0.5, a glow the material\n * refuses): the canvas keeps the figure as it stands until the release, and the release reports why through the same\n * refusal every committed edit gets. A preview never invents a figure the commit would not make.\n */\nexport function livePartsOf(asset: FigureAsset, live: LiveValues): FigureRenderPart[] | null {\n  if (!isLive(live)) return null\n  const { design, state } = liveOverridesOf(asset, live.values)\n  try {\n    let next = live.edit ? editFigurePart(asset, live.edit) : asset\n    if (Object.keys(design).length) next = { ...next, designInputs: { ...next.designInputs, ...design } }\n    return drawableFigureParts(compileFigureAsset(next).evaluate(state).geometry)\n  } catch {\n    return null\n  }\n}\n\n/**\n * How much one pixel of a label drag moves a value: a degree for an angle, a hundredth for a ratio, and for a length a\n * step that suits its size -- a millimetre under 100, ten over 1,000 -- so a 12 m wall and a 5 mm pin both scrub at a\n * usable pace. Shift makes it ten times finer.\n */\nexport function scrubStep(unit: string, value: number, fine = false): number {\n  const base =\n    unit === 'deg' ? 1 : unit === 'ratio' ? 0.01 : Math.max(1, Math.pow(10, Math.floor(Math.log10(Math.max(1, Math.abs(value)))) - 2))\n  return fine ? base / 10 : base\n}\n\n/** A scrubbed value on the step's grid, so a drag does not leave 1203.0000000002 behind. */\nexport function scrubbed(start: number, pixels: number, step: number): number {\n  const value = start + pixels * step\n  const digits = Math.max(0, -Math.floor(Math.log10(step)))\n  return Number(value.toFixed(digits))\n}\n\n/**\n * The bodies to draw while a value is in hand, over every input as the session holds it now (`current`): the pose the\n * author has already set with the other controls, and the design values. Drawing over the asset's saved defaults put\n * every other joint back to its saved angle while one slider moved (user, 2026-09-24: the arm jumped on release).\n */\nexport function liveOverSession(asset: FigureAsset, current: Record<string, number>, live: LiveValues): FigureRenderPart[] | null {\n  if (!isLive(live)) return null\n  return livePartsOf(asset, { ...live, values: { ...current, ...live.values } })\n}\n\n"]}
+{"version":3,"file":"live.js","sourceRoot":"","sources":["../../client/modeller/live.ts"],"names":[],"mappings":"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","sourcesContent":["import { applyFigureAuthoring, compileFigureAsset, editFigurePart } from '@hatiolab/figure-model'\nimport type { FigureAsset, FigureAuthoringAction, FigurePartEdit } from '@hatiolab/figure-model'\n\nimport { drawableFigureParts, type FigureRenderPart } from './renderer.js'\n\n/*\n * The figure while a value is in hand: evaluated with the values being typed or dragged, drawn at once and written\n * nowhere. The panels committed on release only, so the canvas stood still while a number was typed, a spinner held,\n * a label scrubbed, a slider or the glow dragged (user, 2026-09-24: \"make the editor move naturally while the value\n * changes\"). The value in hand shows here; the release is the one step of the history.\n *\n * What is in hand is either input values -- a design value (a size, a position) or a pose -- or one part edit (the\n * glow of a material). A design value is a change of the figure's design, so it is shown by evaluating a copy with\n * that value; a pose is a state override, as the preview gives it.\n */\n\nexport interface LiveValues {\n  /** Input values in hand, design or state, by input id. */\n  values: Record<string, number>\n  /** A part edit in hand, not yet committed. */\n  edit?: FigurePartEdit\n  /** An authoring command in hand (a corner radius, an inside, being typed), not yet committed (ADR-0100 §3.3). */\n  action?: FigureAuthoringAction\n}\n\nexport const NOTHING_LIVE: LiveValues = { values: {} }\n\n/** Known inputs with a number, split by what they are. An id the figure does not declare is dropped. */\nexport function liveOverridesOf(asset: FigureAsset, values: Record<string, number>): { design: Record<string, number>; state: Record<string, number> } {\n  const roles = new Map(asset.document.model.inputs.map(i => [i.id, i.role]))\n  const design: Record<string, number> = {},\n    state: Record<string, number> = {}\n  for (const [id, value] of Object.entries(values)) {\n    if (!Number.isFinite(value)) continue\n    const role = roles.get(id)\n    if (role === 'state') state[id] = value\n    else if (role !== undefined) design[id] = value\n  }\n  return { design, state }\n}\n\nexport function isLive(live: LiveValues): boolean {\n  return !!live.edit || !!live.action || Object.keys(live.values).length > 0\n}\n\n/**\n * The bodies to draw with what is in hand, or null when nothing is -- then the evaluation as it stands is drawn.\n *\n * Also null when the figure cannot take the value in hand (a size of 0 on the way to typing 0.5, a glow the material\n * refuses): the canvas keeps the figure as it stands until the release, and the release reports why through the same\n * refusal every committed edit gets. A preview never invents a figure the commit would not make.\n */\nexport function livePartsOf(asset: FigureAsset, live: LiveValues): FigureRenderPart[] | null {\n  if (!isLive(live)) return null\n  try {\n    let next = live.edit ? editFigurePart(asset, live.edit) : asset\n    if (live.action) next = applyFigureAuthoring(next, live.action)\n    /* Read against the figure the edit makes: a command can take an input away (one wall becomes one per side). */\n    const { design, state } = liveOverridesOf(next, live.values)\n    /*\n     * An input the edit or the command in hand wrote takes its value: the values as they stand hold its old one (a\n     * point's coordinate before it was moved, a corner's radius before it was typed again) and would put it back.\n     */\n    for (const id of Object.keys(design)) if (next.designInputs[id] !== asset.designInputs[id]) delete design[id]\n    if (Object.keys(design).length) next = { ...next, designInputs: { ...next.designInputs, ...design } }\n    return drawableFigureParts(compileFigureAsset(next).evaluate(state).geometry)\n  } catch {\n    return null\n  }\n}\n\n/**\n * How much one pixel of a label drag moves a value: a degree for an angle, a hundredth for a ratio, and for a length a\n * step that suits its size -- a millimetre under 100, ten over 1,000 -- so a 12 m wall and a 5 mm pin both scrub at a\n * usable pace. Shift makes it ten times finer.\n */\nexport function scrubStep(unit: string, value: number, fine = false): number {\n  const base =\n    unit === 'deg' ? 1 : unit === 'ratio' ? 0.01 : Math.max(1, Math.pow(10, Math.floor(Math.log10(Math.max(1, Math.abs(value)))) - 2))\n  return fine ? base / 10 : base\n}\n\n/** A scrubbed value on the step's grid, so a drag does not leave 1203.0000000002 behind. */\nexport function scrubbed(start: number, pixels: number, step: number): number {\n  const value = start + pixels * step\n  const digits = Math.max(0, -Math.floor(Math.log10(step)))\n  return Number(value.toFixed(digits))\n}\n\n/**\n * The bodies to draw while a value is in hand, over every input as the session holds it now (`current`): the pose the\n * author has already set with the other controls, and the design values. Drawing over the asset's saved defaults put\n * every other joint back to its saved angle while one slider moved (user, 2026-09-24: the arm jumped on release).\n */\nexport function liveOverSession(asset: FigureAsset, current: Record<string, number>, live: LiveValues): FigureRenderPart[] | null {\n  if (!isLive(live)) return null\n  return livePartsOf(asset, { ...live, values: { ...current, ...live.values } })\n}\n\n"]}

package/dist-client/modeller/section-controls.d.ts

@@ -1,7 +1,14 @@
 import type { FigureCavityRequest, FigureEvaluatedShape } from '@hatiolab/figure-model';
+type Axis = 'x' | 'y' | 'z';
+type End = 'start' | 'end';
+/** The face each side of a section is, and each end of a push: a push's start is its low side. */
+export declare const SIDE_FACE: Record<string, string>;
+export declare const END_FACE: (axis: Axis, end: End) => string;
 /** The one value every entry holds, or undefined when they differ (or there are none). */
 export declare const sameOf: (values: readonly (number | undefined)[]) => number | undefined;
 export declare const mm: (value: number) => number;
+/** The four sides of a push's section, in the kernel's order: the first plane axis low and high, then the second. */
+export declare const sidesOf: (axis: Axis) => string[];
 /** The wall a new inside starts with: a tenth of the section's narrower side, at least 1 mm. */
 export declare function defaultWallOf(shape: FigureEvaluatedShape): number;
 /**
@@ -9,3 +16,29 @@ export declare function defaultWallOf(shape: FigureEvaluatedShape): number;
  * wall all round, a closed start as thick as the wall and an open end -- a tray standing on its floor.
  */
 export declare function cavityRequestOf(shape: FigureEvaluatedShape, patch?: Partial<FigureCavityRequest>): FigureCavityRequest;
+/** The most a rectangle's corners can reach: half its narrower side (the kernel's CORNER_TOO_LARGE says where). */
+export declare function cornerLimitOf(shape: FigureEvaluatedShape): number | undefined;
+/** Whether a corner radius can be taken; if not, the most it can be. */
+export declare function cornerRefusalOf(shape: FigureEvaluatedShape, radius: number): {
+    max: number;
+} | null;
+/** One side's wall, the others kept: it must leave room inside, so under the width across it less the opposite wall. */
+export declare function sideWallLimitOf(shape: FigureEvaluatedShape, wall: Record<string, number>, side: string): number;
+/** A wall must leave room inside: under half the narrower width the section has. */
+export declare const wallLimitOf: (shape: FigureEvaluatedShape) => number;
+export type FigureCavityAsk = {
+    code: 'wall-too-thick';
+    max: number;
+} | {
+    code: 'ends-too-thick';
+    max: number;
+} | {
+    code: 'not-positive';
+};
+/** Whether an inside can be taken, asked of the kernel; if not, what to change and the most it can be. */
+export declare function cavityRefusalOf(shape: FigureEvaluatedShape, request: FigureCavityRequest): FigureCavityAsk | null;
+/** What the inside makes of the part (§3.3): open at both ends a pipe, at one a container, at neither a closed space. */
+export declare function cavityResultOf(cavity: NonNullable<FigureEvaluatedShape['cavity']>): 'pipe' | 'container' | 'sealed';
+/** How deep the inside is along the push: the length less the closed ends. */
+export declare function cavityDepthOf(shape: FigureEvaluatedShape): number;
+export {};