@things-factory/figure-ui 10.1.76 → 10.1.77

package/dist-client/modeller/figure-v3-controls.js

@@ -1,226 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { i18next, localize } from '@operato/i18n';
-import { controlsOf, poseAsDefault, poseDiffers } from './v3-controls.js';
-import { dialShape } from './angle-dial.js';
-import { SidePanelStyles } from './side-panel-styles.js';
-/**
- * The figure's controls and its pose tools: each value a board sets to pose the figure,
- * with a slider to try it, its name, range and travel time, and a button that keeps the pose being looked at as the
- * pose it stands in when placed.
- *
- * Trying a value is an input change (`v3-state`, not saved as the default); naming, the range and the travel time are
- * one `set-state-input` part edit each; keeping the pose is one `set-state-defaults` edit. A control is made with
- * a motion on a part (「움직임」), which is where it gets its meaning.
- */
-let FigureV3Controls = class FigureV3Controls extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        /** The values the editor holds now, by input id. */
-        this.values = {};
-        this.locked = false;
-        /** Which control's settings are open. */
-        this.open = '';
-        /** Values in hand while a slider is dragged: the dial and the number follow them before the release commits. */
-        this.live = {};
-    }
-    static { this.styles = [SidePanelStyles, css `
-    :host {
-      display: block;
-    }
-    /* One control, one line: its name, a dial for an angle, a thin slider, the value. */
-    div[control] {
-      display: grid;
-      grid-template-columns: minmax(0, 1fr) 18px minmax(64px, 1.2fr) 58px 22px;
-      align-items: center;
-      gap: 6px;
-      min-height: 28px;
-    }
-    div[control] > span[name] {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-    div[control] > span[name] em {
-      font-style: normal;
-      font-size: 0.64rem;
-      color: var(--md-sys-color-on-surface-variant);
-    }
-    div[control] input[type='number'] {
-      min-height: 24px;
-      padding: 2px 5px;
-      font-family: var(--mono-font, monospace);
-      text-align: right;
-    }
-    svg[dial] {
-      width: 18px;
-      height: 18px;
-    }
-    svg[dial] path {
-      fill: var(--md-sys-color-surface-container-high);
-    }
-    svg[dial] circle {
-      fill: none;
-      stroke: var(--md-sys-color-outline-variant);
-    }
-    svg[dial] line {
-      stroke: var(--md-sys-color-primary);
-      stroke-width: 2;
-      stroke-linecap: round;
-    }
-    button[more] {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: 22px;
-      height: 22px;
-      padding: 0;
-      border: none;
-      border-radius: 4px;
-      background: none;
-      color: var(--md-sys-color-on-surface-variant);
-      cursor: pointer;
-    }
-    button[more][aria-expanded='true'] {
-      color: var(--md-sys-color-primary);
-      background: var(--md-sys-color-surface-container);
-    }
-    button[more] md-icon {
-      font-size: 16px;
-      width: 16px;
-      height: 16px;
-    }
-    /* The rarely changed: the name, the range, the travel time -- opened per control. */
-    div[settings] {
-      margin: 2px 0 8px;
-      padding: 6px 0 6px 8px;
-      border-left: 2px solid var(--md-sys-color-outline-variant);
-    }
-  `]; }
-    render() {
-        if (!this.asset)
-            return nothing;
-        const controls = controlsOf(this.asset, this.values);
-        return html `<section>
-      <h3>${i18next.t('figure.label.controls')}</h3>
-      ${controls.length
-            ? html `${controls.map(control => this.renderControl(control))}
-            <button act ?disabled=${this.locked || !poseDiffers(controls)} @click=${() => this.edit(poseAsDefault(controls))}>
-              <md-icon>push_pin</md-icon>${i18next.t('figure.button.keep-pose')}
-            </button>`
-            : html `<p hint>${i18next.t('figure.text.no-controls')}</p>`}
-    </section>`;
-    }
-    renderControl(control) {
-        const number = (e) => e.target.valueAsNumber;
-        const c = this.live[control.id] === undefined ? control : { ...control, value: this.live[control.id] };
-        const open = this.open === c.id;
-        return html `<div control>
-        <span name title=${c.id}>${c.label} <em>${c.unit}</em></span>
-        ${c.unit === 'deg' ? this.renderDial(c) : html `<span></span>`}
-        <input
-          type="range"
-          min=${c.min}
-          max=${c.max}
-          step=${c.step}
-          .value=${String(c.value)}
-          ?disabled=${this.locked}
-          aria-label=${c.label}
-          @input=${(e) => this.drag(c, number(e))}
-          @change=${(e) => this.try(c, number(e))}
-        />
-        <input type="number" step="any" .value=${String(Math.round(c.value * 100) / 100)} ?disabled=${this.locked} aria-label=${c.label} @change=${(e) => this.try(c, number(e))} />
-        <button
-          more
-          aria-expanded=${String(open)}
-          title=${i18next.t('figure.button.control-settings')}
-          aria-label=${i18next.t('figure.button.control-settings')}
-          @click=${() => (this.open = open ? '' : c.id)}
-        >
-          <md-icon>tune</md-icon>
-        </button>
-      </div>
-      ${open ? this.renderSettings(c) : nothing}`;
-    }
-    renderDial(c) {
-        const dial = dialShape(c.min, c.max, c.value);
-        const span = dial.radius * 2 + 2;
-        return html `<svg dial viewBox="0 0 ${span} ${span}" aria-hidden="true">
-      <path d=${dial.sector}></path>
-      <circle cx=${dial.centre.x} cy=${dial.centre.y} r=${dial.radius}></circle>
-      <line x1=${dial.centre.x} y1=${dial.centre.y} x2=${dial.needle.x} y2=${dial.needle.y}></line>
-    </svg>`;
-    }
-    renderSettings(c) {
-        const policy = (patch) => this.edit({
-            kind: 'set-state-input',
-            input: c.id,
-            label: patch.label ?? (c.named ? c.label : undefined),
-            sweep: patch.sweep ?? c.sweep,
-            ...(patch.min !== undefined ? { min: patch.min } : {}),
-            ...(patch.max !== undefined ? { max: patch.max } : {})
-        });
-        const number = (e) => e.target.valueAsNumber;
-        return html `<div settings>
-      <div form>
-        <span>${i18next.t('figure.label.control-name')}</span>
-        <input .value=${c.named ? c.label : ''} placeholder=${c.id} ?disabled=${this.locked} @change=${(e) => policy({ label: e.target.value })} />
-        <span>${i18next.t('figure.label.control-range')} (${c.unit})</span>
-        <div pair>
-          <input type="number" step="any" .value=${String(c.min)} ?disabled=${this.locked} @change=${(e) => policy({ min: number(e) })} />
-          <input type="number" step="any" .value=${String(c.max)} ?disabled=${this.locked} @change=${(e) => policy({ max: number(e) })} />
-        </div>
-        <span>${i18next.t('figure.label.control-sweep')}</span>
-        <input type="number" min="0" step="any" .value=${String(c.sweep)} ?disabled=${this.locked} @change=${(e) => policy({ sweep: number(e) })} />
-      </div>
-      <small>${i18next.t('figure.text.control-starts-at', { value: c.start, unit: c.unit })}</small>
-    </div>`;
-    }
-    /** While dragging: the value is told as live -- the editor draws that pose at once and records nothing. */
-    drag(c, value) {
-        if (!Number.isFinite(value))
-            return;
-        this.live = { ...this.live, [c.id]: value };
-        this.dispatchEvent(new CustomEvent('v3-state-live', { detail: { input: c.id, value }, bubbles: true, composed: true }));
-    }
-    /** Try a value: the pose being looked at, clamped to the range. Not saved as the default. The slider sends it on
-     * release, so one drag is one step of the undo history rather than one per pixel. */
-    try(c, value) {
-        if (!Number.isFinite(value))
-            return;
-        const clamped = Math.min(Math.max(value, c.min), c.max);
-        const { [c.id]: _released, ...rest } = this.live;
-        this.live = rest;
-        this.dispatchEvent(new CustomEvent('v3-state', { detail: { input: c.id, unit: c.unit, value: clamped }, bubbles: true, composed: true }));
-    }
-    edit(edit) {
-        this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit }, bubbles: true, composed: true }));
-    }
-};
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], FigureV3Controls.prototype, "asset", void 0);
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], FigureV3Controls.prototype, "values", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], FigureV3Controls.prototype, "locked", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureV3Controls.prototype, "open", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureV3Controls.prototype, "live", void 0);
-FigureV3Controls = __decorate([
-    customElement('figure-v3-controls')
-], FigureV3Controls);
-export { FigureV3Controls };
-//# sourceMappingURL=figure-v3-controls.js.map

package/dist-client/modeller/figure-v3-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-controls.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-controls.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport type { V3Asset } from '@hatiolab/figure-model'\n\nimport { controlsOf, poseAsDefault, poseDiffers, type Control } from './v3-controls.js'\nimport { dialShape } from './angle-dial.js'\nimport { SidePanelStyles } from './side-panel-styles.js'\n\n/**\n * The figure's controls and its pose tools: each value a board sets to pose the figure,\n * with a slider to try it, its name, range and travel time, and a button that keeps the pose being looked at as the\n * pose it stands in when placed.\n *\n * Trying a value is an input change (`v3-state`, not saved as the default); naming, the range and the travel time are\n * one `set-state-input` part edit each; keeping the pose is one `set-state-defaults` edit. A control is made with\n * a motion on a part (「움직임」), which is where it gets its meaning.\n */\n@customElement('figure-v3-controls')\nexport class FigureV3Controls extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    /* One control, one line: its name, a dial for an angle, a thin slider, the value. */\n    div[control] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 18px minmax(64px, 1.2fr) 58px 22px;\n      align-items: center;\n      gap: 6px;\n      min-height: 28px;\n    }\n    div[control] > span[name] {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    div[control] > span[name] em {\n      font-style: normal;\n      font-size: 0.64rem;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    div[control] input[type='number'] {\n      min-height: 24px;\n      padding: 2px 5px;\n      font-family: var(--mono-font, monospace);\n      text-align: right;\n    }\n    svg[dial] {\n      width: 18px;\n      height: 18px;\n    }\n    svg[dial] path {\n      fill: var(--md-sys-color-surface-container-high);\n    }\n    svg[dial] circle {\n      fill: none;\n      stroke: var(--md-sys-color-outline-variant);\n    }\n    svg[dial] line {\n      stroke: var(--md-sys-color-primary);\n      stroke-width: 2;\n      stroke-linecap: round;\n    }\n    button[more] {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 22px;\n      height: 22px;\n      padding: 0;\n      border: none;\n      border-radius: 4px;\n      background: none;\n      color: var(--md-sys-color-on-surface-variant);\n      cursor: pointer;\n    }\n    button[more][aria-expanded='true'] {\n      color: var(--md-sys-color-primary);\n      background: var(--md-sys-color-surface-container);\n    }\n    button[more] md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n    /* The rarely changed: the name, the range, the travel time -- opened per control. */\n    div[settings] {\n      margin: 2px 0 8px;\n      padding: 6px 0 6px 8px;\n      border-left: 2px solid var(--md-sys-color-outline-variant);\n    }\n  `]\n\n  /** The asset being edited. */\n  @property({ attribute: false }) asset?: V3Asset\n  /** The values the editor holds now, by input id. */\n  @property({ attribute: false }) values: Record<string, number> = {}\n  @property({ type: Boolean }) locked = false\n\n  /** Which control's settings are open. */\n  @state() private open = ''\n  /** Values in hand while a slider is dragged: the dial and the number follow them before the release commits. */\n  @state() private live: Record<string, number> = {}\n\n  render() {\n    if (!this.asset) return nothing\n    const controls = controlsOf(this.asset, this.values)\n    return html`<section>\n      <h3>${i18next.t('figure.label.controls')}</h3>\n      ${controls.length\n        ? html`${controls.map(control => this.renderControl(control))}\n            <button act ?disabled=${this.locked || !poseDiffers(controls)} @click=${() => this.edit(poseAsDefault(controls))}>\n              <md-icon>push_pin</md-icon>${i18next.t('figure.button.keep-pose')}\n            </button>`\n        : html`<p hint>${i18next.t('figure.text.no-controls')}</p>`}\n    </section>`\n  }\n\n  private renderControl(control: Control) {\n    const number = (e: Event) => (e.target as HTMLInputElement).valueAsNumber\n    const c = this.live[control.id] === undefined ? control : { ...control, value: this.live[control.id]! }\n    const open = this.open === c.id\n    return html`<div control>\n        <span name title=${c.id}>${c.label} <em>${c.unit}</em></span>\n        ${c.unit === 'deg' ? this.renderDial(c) : html`<span></span>`}\n        <input\n          type=\"range\"\n          min=${c.min}\n          max=${c.max}\n          step=${c.step}\n          .value=${String(c.value)}\n          ?disabled=${this.locked}\n          aria-label=${c.label}\n          @input=${(e: Event) => this.drag(c, number(e))}\n          @change=${(e: Event) => this.try(c, number(e))}\n        />\n        <input type=\"number\" step=\"any\" .value=${String(Math.round(c.value * 100) / 100)} ?disabled=${this.locked} aria-label=${c.label} @change=${(e: Event) => this.try(c, number(e))} />\n        <button\n          more\n          aria-expanded=${String(open)}\n          title=${i18next.t('figure.button.control-settings')}\n          aria-label=${i18next.t('figure.button.control-settings')}\n          @click=${() => (this.open = open ? '' : c.id)}\n        >\n          <md-icon>tune</md-icon>\n        </button>\n      </div>\n      ${open ? this.renderSettings(c) : nothing}`\n  }\n\n  private renderDial(c: Control) {\n    const dial = dialShape(c.min, c.max, c.value)\n    const span = dial.radius * 2 + 2\n    return html`<svg dial viewBox=\"0 0 ${span} ${span}\" aria-hidden=\"true\">\n      <path d=${dial.sector}></path>\n      <circle cx=${dial.centre.x} cy=${dial.centre.y} r=${dial.radius}></circle>\n      <line x1=${dial.centre.x} y1=${dial.centre.y} x2=${dial.needle.x} y2=${dial.needle.y}></line>\n    </svg>`\n  }\n\n  private renderSettings(c: Control) {\n    const policy = (patch: Partial<{ label: string; sweep: number; min: number; max: number }>) =>\n      this.edit({\n        kind: 'set-state-input',\n        input: c.id,\n        label: patch.label ?? (c.named ? c.label : undefined),\n        sweep: patch.sweep ?? c.sweep,\n        ...(patch.min !== undefined ? { min: patch.min } : {}),\n        ...(patch.max !== undefined ? { max: patch.max } : {})\n      })\n    const number = (e: Event) => (e.target as HTMLInputElement).valueAsNumber\n    return html`<div settings>\n      <div form>\n        <span>${i18next.t('figure.label.control-name')}</span>\n        <input .value=${c.named ? c.label : ''} placeholder=${c.id} ?disabled=${this.locked} @change=${(e: Event) => policy({ label: (e.target as HTMLInputElement).value })} />\n        <span>${i18next.t('figure.label.control-range')} (${c.unit})</span>\n        <div pair>\n          <input type=\"number\" step=\"any\" .value=${String(c.min)} ?disabled=${this.locked} @change=${(e: Event) => policy({ min: number(e) })} />\n          <input type=\"number\" step=\"any\" .value=${String(c.max)} ?disabled=${this.locked} @change=${(e: Event) => policy({ max: number(e) })} />\n        </div>\n        <span>${i18next.t('figure.label.control-sweep')}</span>\n        <input type=\"number\" min=\"0\" step=\"any\" .value=${String(c.sweep)} ?disabled=${this.locked} @change=${(e: Event) => policy({ sweep: number(e) })} />\n      </div>\n      <small>${i18next.t('figure.text.control-starts-at', { value: c.start, unit: c.unit })}</small>\n    </div>`\n  }\n\n  /** While dragging: the value is told as live -- the editor draws that pose at once and records nothing. */\n  private drag(c: Control, value: number) {\n    if (!Number.isFinite(value)) return\n    this.live = { ...this.live, [c.id]: value }\n    this.dispatchEvent(new CustomEvent('v3-state-live', { detail: { input: c.id, value }, bubbles: true, composed: true }))\n  }\n\n  /** Try a value: the pose being looked at, clamped to the range. Not saved as the default. The slider sends it on\n   * release, so one drag is one step of the undo history rather than one per pixel. */\n  private try(c: Control, value: number) {\n    if (!Number.isFinite(value)) return\n    const clamped = Math.min(Math.max(value, c.min), c.max)\n    const { [c.id]: _released, ...rest } = this.live\n    this.live = rest\n    this.dispatchEvent(new CustomEvent('v3-state', { detail: { input: c.id, unit: c.unit, value: clamped }, bubbles: true, composed: true }))\n  }\n\n  private edit(edit: unknown) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit }, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/modeller/figure-v3-first-save.d.ts

@@ -1,20 +0,0 @@
-import { LitElement } from 'lit';
-import '@operato/popup/ox-popup-actions.js';
-import '@material/web/button/filled-button.js';
-import '@material/web/button/text-button.js';
-/**
- * The first save of a new figure: its type and its name, asked once, in the suite's popup look.
- * Closes with the answer, or with nothing when cancelled -- then nothing is saved.
- */
-export declare class FigureV3FirstSave extends LitElement {
-    static styles: import("lit").CSSResult[];
-    /** The type the figure has so far -- empty for a temporary one, which is not offered. */
-    type: string;
-    name: string;
-    /** Type names already used in this domain. */
-    taken: string[];
-    private refusal;
-    render(): import("lit-html").TemplateResult<1>;
-    private onKey;
-    private confirm;
-}

package/dist-client/modeller/figure-v3-first-save.js

@@ -1,118 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { LitElement, html, css, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { i18next } from '@operato/i18n';
-import { closePopup } from '@operato/popup';
-import '@operato/popup/ox-popup-actions.js';
-import { CommonPopupStyles, FormFieldStyles } from '@operato/styles';
-import '@material/web/button/filled-button.js';
-import '@material/web/button/text-button.js';
-import { firstSaveRefusalOf, releasableType, typeOf } from './v3-first-save.js';
-/**
- * The first save of a new figure: its type and its name, asked once, in the suite's popup look.
- * Closes with the answer, or with nothing when cancelled -- then nothing is saved.
- */
-let FigureV3FirstSave = class FigureV3FirstSave extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** The type the figure has so far -- empty for a temporary one, which is not offered. */
-        this.type = '';
-        this.name = '';
-        /** Type names already used in this domain. */
-        this.taken = [];
-        this.refusal = null;
-        this.onKey = (e) => {
-            if (e.key === 'Enter' && !e.isComposing)
-                this.confirm();
-        };
-        this.confirm = () => {
-            this.refusal = firstSaveRefusalOf(this.type, this.taken);
-            if (this.refusal)
-                return;
-            closePopup(this, { type: this.type, name: this.name.trim() || this.type });
-        };
-    }
-    static { this.styles = [
-        FormFieldStyles,
-        CommonPopupStyles,
-        css `
-      /* The popup's height is a share of the window (small is 40%): on a low window the buttons must still be reached. */
-      :host {
-        overflow-y: auto;
-      }
-      div[field] {
-        display: grid;
-        gap: 4px;
-      }
-      div[field] label {
-        font-size: var(--popup-font-size-small);
-        color: var(--md-sys-color-on-surface-variant);
-      }
-      div[field] input {
-        box-sizing: border-box;
-        width: 100%;
-      }
-      input[type-field] {
-        font-family: var(--mono-font, monospace);
-      }
-    `
-    ]; }
-    render() {
-        return html `
-      <div class="what">${i18next.t('figure.text.save-new-figure-desc')}</div>
-      <div field>
-        <label for="type">${i18next.t('figure.label.figure-type')}</label>
-        <input
-          id="type"
-          type-field
-          autofocus
-          .value=${this.type}
-          placeholder=${i18next.t('figure.text.figure-type-example')}
-          @input=${(e) => {
-            this.type = typeOf(e.target.value);
-            e.target.value = this.type;
-            this.refusal = null;
-        }}
-          @keydown=${this.onKey}
-        />
-        ${this.type && !releasableType(this.type) ? html `<div class="note">${i18next.t('figure.text.type-name-will-not-release')}</div>` : nothing}
-      </div>
-      <div field>
-        <label for="name">${i18next.t('figure.label.name')}</label>
-        <input
-          id="name"
-          .value=${this.name}
-          placeholder=${i18next.t('figure.text.figure-name-example')}
-          @input=${(e) => (this.name = e.target.value)}
-          @keydown=${this.onKey}
-        />
-      </div>
-      ${this.refusal ? html `<div class="failure" role="alert">${i18next.t(this.refusal.key, { type: this.refusal.type })}</div>` : nothing}
-      <ox-popup-actions>
-        <md-text-button slot="cancel" @click=${() => closePopup(this)}>${i18next.t('figure.button.cancel')}</md-text-button>
-        <md-filled-button slot="confirm" ?disabled=${!this.type} @click=${this.confirm}>${i18next.t('figure.button.save')}</md-filled-button>
-      </ox-popup-actions>
-    `;
-    }
-};
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], FigureV3FirstSave.prototype, "type", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], FigureV3FirstSave.prototype, "name", void 0);
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Array)
-], FigureV3FirstSave.prototype, "taken", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureV3FirstSave.prototype, "refusal", void 0);
-FigureV3FirstSave = __decorate([
-    customElement('figure-v3-first-save')
-], FigureV3FirstSave);
-export { FigureV3FirstSave };
-//# sourceMappingURL=figure-v3-first-save.js.map

package/dist-client/modeller/figure-v3-first-save.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-first-save.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-first-save.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport '@operato/popup/ox-popup-actions.js'\nimport { CommonPopupStyles, FormFieldStyles } from '@operato/styles'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { firstSaveRefusalOf, releasableType, typeOf, type FirstSave } from './v3-first-save.js'\n\n/**\n * The first save of a new figure: its type and its name, asked once, in the suite's popup look.\n * Closes with the answer, or with nothing when cancelled -- then nothing is saved.\n */\n@customElement('figure-v3-first-save')\nexport class FigureV3FirstSave extends LitElement {\n  static styles = [\n    FormFieldStyles,\n    CommonPopupStyles,\n    css`\n      /* The popup's height is a share of the window (small is 40%): on a low window the buttons must still be reached. */\n      :host {\n        overflow-y: auto;\n      }\n      div[field] {\n        display: grid;\n        gap: 4px;\n      }\n      div[field] label {\n        font-size: var(--popup-font-size-small);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      div[field] input {\n        box-sizing: border-box;\n        width: 100%;\n      }\n      input[type-field] {\n        font-family: var(--mono-font, monospace);\n      }\n    `\n  ]\n\n  /** The type the figure has so far -- empty for a temporary one, which is not offered. */\n  @property() type = ''\n  @property() name = ''\n  /** Type names already used in this domain. */\n  @property({ attribute: false }) taken: string[] = []\n  @state() private refusal: { key: string; type?: string } | null = null\n\n  render() {\n    return html`\n      <div class=\"what\">${i18next.t('figure.text.save-new-figure-desc')}</div>\n      <div field>\n        <label for=\"type\">${i18next.t('figure.label.figure-type')}</label>\n        <input\n          id=\"type\"\n          type-field\n          autofocus\n          .value=${this.type}\n          placeholder=${i18next.t('figure.text.figure-type-example')}\n          @input=${(e: Event) => {\n            this.type = typeOf((e.target as HTMLInputElement).value)\n            ;(e.target as HTMLInputElement).value = this.type\n            this.refusal = null\n          }}\n          @keydown=${this.onKey}\n        />\n        ${this.type && !releasableType(this.type) ? html`<div class=\"note\">${i18next.t('figure.text.type-name-will-not-release')}</div>` : nothing}\n      </div>\n      <div field>\n        <label for=\"name\">${i18next.t('figure.label.name')}</label>\n        <input\n          id=\"name\"\n          .value=${this.name}\n          placeholder=${i18next.t('figure.text.figure-name-example')}\n          @input=${(e: Event) => (this.name = (e.target as HTMLInputElement).value)}\n          @keydown=${this.onKey}\n        />\n      </div>\n      ${this.refusal ? html`<div class=\"failure\" role=\"alert\">${i18next.t(this.refusal.key, { type: this.refusal.type })}</div>` : nothing}\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => closePopup(this)}>${i18next.t('figure.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.type} @click=${this.confirm}>${i18next.t('figure.button.save')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && !e.isComposing) this.confirm()\n  }\n\n  private confirm = () => {\n    this.refusal = firstSaveRefusalOf(this.type, this.taken)\n    if (this.refusal) return\n    closePopup(this, { type: this.type, name: this.name.trim() || this.type } satisfies FirstSave)\n  }\n}\n"]}

package/dist-client/modeller/figure-v3-links.d.ts

@@ -1,77 +0,0 @@
-import '@material/web/icon/icon.js';
-import { LitElement, nothing } from 'lit';
-import type { V3Asset } from '@hatiolab/figure-model';
-declare const FigureV3Links_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-/**
- * What a part is tied to — its size response, what it is fastened to, how it moves.
- *
- * 「Build Once, Fit Anywhere」 lives here: a dimension that follows the instance size or another part is what lets
- * a figure be placed at any size, and a part fastened to the face it rests on is what keeps it there when that
- * happens. The release gate refuses a figure that falls apart when resized, and tells the author to fasten the
- * parts that come away — this is where they do it. Motion is a joint: a slide or a turn driven by a control.
- *
- * The sections are dimensions, placement and joint, in that order. Every
- * change is one figure-model authoring command, sent as `v3-command` and run by the editor through the session — one
- * step of the undo history. Choices the command would refuse (a round body fastened, a size following an instance
- * size the figure does not declare) are not offered, so the author is not sent into a refusal.
- */
-export declare class FigureV3Links extends FigureV3Links_base {
-    private readonly help;
-    static styles: import("lit").CSSResult[];
-    /** The asset being edited. */
-    asset?: V3Asset;
-    /** The selected part. */
-    partId: string;
-    /** The part's own extent along its axes now, in mm — what a dimension is fixed at when it stops following. */
-    dims?: [number, number, number];
-    locked: boolean;
-    /** Which ties this shows: the part's shape (size and placement, in 속성), its places (자리·능력) or its motion (움직임). */
-    section: 'shape' | 'places' | 'motion';
-    private fasten;
-    private motion;
-    private place;
-    private row;
-    /** The motion form is open over the part's own motion, to change it where it is. */
-    private editingMotion;
-    willUpdate(changed: Map<string, unknown>): void;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    /** Where things are held on this part: a seat things rest on, or a grip things are held in. */
-    private renderPlaces;
-    /** The figure holds things: `Capacity` and `Holdable`, the ladder's middle rung. One part edit, one undo step. */
-    private declareHolding;
-    private renderDimensions;
-    /** The same source, the same share, a new difference: a leaf the opening less its gaps (link-dimension's `plus`). */
-    private followPlus;
-    private follow;
-    /**
-     * Positions worked out from other values, each with the way to
-     * keep it where it is. This is the way out the release gate names when a resize leaves a part in the air.
-     */
-    private renderPositions;
-    /**
-     * A new aim for the fastening: where on the face is filled in as where the part stands now, so fastening it keeps it
-     * there (`placeKeptOf`). The author changes it from there.
-     */
-    private aimAt;
-    private renderFastening;
-    /**
-     * Where on the target face the part sits, on the two axes across it: centred, level with the target's edge on
-     * either side, or a distance off centre. A door hung level with the frame's front edge turns about that edge.
-     */
-    private renderAlignment;
-    /**
-     * Making the part a row across what it is fastened to (figure-model `make-repeat`): along one of the axes across its
-     * face, copies a pitch apart filling the parent's length, or a count spread over it. Once made, the row's own section
-     * (the editor's) shows it and takes it away.
-     */
-    private renderRow;
-    /**
-     * When the part is drawn: always, or while a control is at least a value -- a lamp lit while the gate is open. One
-     * part edit (`set-visibility`), one step. Offered once the figure has a control; a motion is what makes one.
-     */
-    private renderShown;
-    private renderMotion;
-    private setKind;
-    private command;
-}
-export {};