@things-factory/figure-ui 10.1.76 → 10.1.77

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

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-parts.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-parts.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { PART_LIMIT } from '@hatiolab/figure-model'\nimport type { V3PrimitiveCreation } from '@hatiolab/figure-model'\nimport type { V3BudgetLine } from './v3-maturity.js'\nimport { partLabelOf } from './v3-fields.js'\n\n/**\n * 도형 팔레트와 부품 목록 — V3 자산의 것.\n *\n * 팔레트는 목록 위에, 눈 단추는 늘 자리를 차지하고, 조작은 고른 줄에서만 보인다.\n *\n * 부품의 도형은 V3 평가가 준 `provider` 로 읽는다. 「숨김」은 여기서도 **작업대의 것**이다 — 저장되지 않고, 자산의 `visibility`(상태에 따라\n * 보이고 안 보이는 것)와는 다른 것이다. 그것은 속성 패널의 몫이다.\n *\n * 이 컴포넌트는 정본을 만지지 않는다. 무엇을 하겠다는 것만 알린다.\n */\n\n/** 한 줄 — V3 평가에서 이 패널이 읽는 것만. */\nexport interface V3PartRow {\n  id: string\n  provider: string\n  /** 작업대에서 잠깐 가린 것. 저장되지 않는다. */\n  hidden?: boolean\n  /** 자산이 지금 상태에서 보이지 않는다고 한 것. 저장되는 것이고, 여기서는 표시만 한다. */\n  invisible?: boolean\n  /** 되풀이한 부품이면 지금 몇 개로 그려지나. 되풀이는 한 부품이다 — 한 줄로 보인다. */\n  copies?: number\n}\n\n/** 제공자마다의 아이콘. Material Symbols 이름이다. */\nconst PROVIDER_ICON: Record<string, string> = {\n  box: 'deployed_code',\n  cylinder: 'database',\n  ellipticCylinder: 'database',\n  frustum: 'change_history',\n  sphere: 'circle',\n  roundedBox: 'crop_square',\n  roundedBoxXZ: 'crop_square',\n  hollowBox: 'check_box_outline_blank',\n  hollowBoxXZ: 'check_box_outline_blank',\n  polygon: 'pentagon',\n  portal: 'door_front'\n}\n\n/** 팔레트 — 저작 API 가 만들 수 있는 것만 보인다. */\n/*\n  The palette. A plate and a wall are boxes of a shape a person reaches for, so they are starting sizes, not kinds of their own.\n*/\nexport type V3PaletteKind = V3PrimitiveCreation['kind'] | 'plate' | 'wall'\nconst RECIPES: Array<{ kind: V3PaletteKind; icon: string; label: string }> = [\n  { kind: 'box', icon: 'deployed_code', label: 'figure.label.primitive-cube' },\n  { kind: 'cylinder', icon: 'database', label: 'figure.label.primitive-cylinder' },\n  { kind: 'rounded-box', icon: 'crop_square', label: 'figure.label.primitive-rounded-box' },\n  { kind: 'sphere', icon: 'circle', label: 'figure.label.primitive-sphere' },\n  { kind: 'frustum', icon: 'change_history', label: 'figure.label.primitive-frustum' },\n  { kind: 'polygon', icon: 'hexagon', label: 'figure.label.primitive-polygon' },\n  { kind: 'plate', icon: 'check_box_outline_blank', label: 'figure.label.primitive-plate' },\n  { kind: 'wall', icon: 'crop_portrait', label: 'figure.label.primitive-wall' },\n  { kind: 'portal', icon: 'door_front', label: 'figure.label.primitive-portal' },\n  { kind: 'hollow-box', icon: 'inventory_2', label: 'figure.label.primitive-hollow-box' }\n]\n\n@customElement('figure-v3-parts')\nexport class FigureV3Parts extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n        overflow: hidden;\n        background-color: var(--md-sys-color-surface-container-lowest);\n        /* The divider beside it is the editor's frame's (ox-three-pane). */\n        color: var(--md-sys-color-on-surface);\n        font: var(--label-font, inherit);\n        font-size: 0.76rem;\n        /* Folds by its own width: the editor gives this column 140 px when it has two columns (UX, 2026-09-24). */\n        container-type: inline-size;\n      }\n      section {\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        border-bottom: 1px solid var(--md-sys-color-outline-variant);\n      }\n      section[list] {\n        flex: 1;\n        min-height: 0;\n        overflow-y: auto;\n      }\n      h3 {\n        display: flex;\n        align-items: baseline;\n        justify-content: space-between;\n        gap: 6px;\n        margin: 0 0 6px 0;\n        font-size: var(--ui-t-micro, 11px);\n        font-weight: 700;\n        letter-spacing: 0.04em;\n        text-transform: uppercase;\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      }\n      /* The cost line: the grade's letter in its colour, then what the figure costs. */\n      button[budget] {\n        display: flex;\n        align-items: flex-start;\n        gap: 6px;\n        width: 100%;\n        margin: 0 0 6px;\n        padding: 4px 6px;\n        font: inherit;\n        font-size: 0.68rem;\n        line-height: 1.5;\n        text-align: left;\n        color: var(--md-sys-color-on-surface-variant);\n        background: none;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 6px;\n        cursor: pointer;\n      }\n      button[budget]:hover {\n        background: var(--md-sys-color-surface-container);\n      }\n      button[budget] b {\n        flex: none;\n        min-width: 16px;\n        text-align: center;\n        border-radius: 4px;\n        color: var(--md-sys-color-on-primary-container);\n        background: var(--md-sys-color-primary-container);\n      }\n      button[budget][grade='C'] b {\n        color: var(--md-sys-color-on-tertiary-container);\n        background: var(--md-sys-color-tertiary-container);\n      }\n      button[budget][grade='D'] {\n        border-color: var(--md-sys-color-error);\n      }\n      button[budget][grade='D'] b {\n        color: var(--md-sys-color-on-error);\n        background: var(--md-sys-color-error);\n      }\n      button[budget] em {\n        display: block;\n        font-style: normal;\n        color: var(--md-sys-color-error);\n      }\n      span[room][full] {\n        color: var(--md-sys-color-error);\n        font-weight: 600;\n      }\n      p[full] {\n        margin: 4px 0 0;\n        font-size: 0.68rem;\n        color: var(--md-sys-color-error);\n      }\n      div[level] {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        align-items: center;\n        gap: 6px;\n        margin: 0 0 6px;\n        font-size: 0.68rem;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      div[level] select {\n        min-width: 0;\n        padding: 2px 4px;\n        font: inherit;\n        font-size: 0.7rem;\n        color: var(--md-sys-color-on-surface);\n        background: var(--md-sys-color-surface-container-lowest);\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 6px;\n      }\n      small[copies] {\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      span[room] {\n        font-size: 0.7rem;\n        font-weight: 400;\n        letter-spacing: 0;\n        text-transform: none;\n      }\n      /* Three to a row, small (user, 2026-09-24): the palette is reached for, not read -- the list below is what grows. */\n      div[palette] {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 3px;\n      }\n      button[shape] {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 1px;\n        min-width: 0;\n        padding: 5px 1px 4px;\n        font: var(--label-font, inherit);\n        font-size: 0.6rem;\n        line-height: 1.2;\n        text-align: center;\n        overflow-wrap: anywhere;\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n        background: none;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 6px;\n        cursor: pointer;\n      }\n      button[recipe-catalog] {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        padding: 4px 10px;\n        font: inherit;\n        font-size: 0.75rem;\n        color: var(--md-sys-color-on-surface);\n        background: none;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: 999em;\n        cursor: pointer;\n      }\n      button[shape]:hover:not([disabled]) {\n        color: var(--md-sys-color-on-primary-container);\n        background-color: var(--md-sys-color-primary-container);\n        border-color: transparent;\n      }\n      button[shape][disabled] {\n        opacity: 0.35;\n        cursor: default;\n      }\n      button[shape] md-icon {\n        --md-icon-size: 18px;\n      }\n      ol {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n      }\n      li {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        padding: 4px 6px;\n        border-radius: 6px;\n        cursor: pointer;\n      }\n      li:hover {\n        background-color: var(--md-sys-color-surface-container);\n      }\n      li[selected] {\n        color: var(--md-sys-color-on-primary-container);\n        background-color: var(--md-sys-color-primary-container);\n      }\n      li md-icon {\n        --md-icon-size: 16px;\n        flex: none;\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      }\n      button[eye][all] {\n        margin-left: auto;\n        opacity: 0.75;\n      }\n      button[eye][all]:hover {\n        opacity: 1;\n      }\n      button[eye] {\n        display: flex;\n        flex: none;\n        padding: 1px;\n        color: inherit;\n        background: none;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n        opacity: 0;\n      }\n      li:hover button[eye],\n      li[selected] button[eye],\n      button[eye][off] {\n        opacity: 1;\n      }\n      button[eye][off] {\n        color: var(--md-sys-color-tertiary);\n      }\n      button[eye] md-icon {\n        --md-icon-size: 15px;\n        color: inherit;\n      }\n      li[off] span[label],\n      li[off] > md-icon,\n      li[invisible] span[label],\n      li[invisible] > md-icon {\n        opacity: 0.45;\n      }\n      li[selected] md-icon {\n        color: inherit;\n      }\n      span[label] {\n        flex: 1;\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        font-size: 0.78rem;\n      }\n      span[label] small {\n        margin-left: 4px;\n        font-size: 0.66rem;\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      }\n      div[ops] {\n        display: none;\n        gap: 1px;\n      }\n      li[selected] div[ops] {\n        display: flex;\n      }\n      div[ops] button {\n        display: flex;\n        padding: 2px;\n        color: inherit;\n        background: none;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n      }\n      div[ops] button:hover:not([disabled]) {\n        background-color: var(--md-sys-color-surface-container-lowest);\n      }\n      div[ops] button[disabled] {\n        opacity: 0.3;\n        cursor: default;\n      }\n      div[ops] md-icon {\n        --md-icon-size: 15px;\n        color: inherit;\n      }\n      /*\n        Under 200 px the selected row's four buttons pushed its name out and the last one past the edge (seen at 140,\n        2026-09-24). They go to a line of their own under the name.\n      */\n      @container (max-width: 199px) {\n        li[selected] {\n          flex-wrap: wrap;\n        }\n        li[selected] div[ops] {\n          flex-basis: 100%;\n          justify-content: flex-end;\n        }\n      }\n      p[quiet] {\n        margin: 0;\n        font-size: 0.76rem;\n        line-height: 1.6;\n        color: var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface));\n      }\n    `\n  ]\n\n  @property({ type: Array }) parts: V3PartRow[] = []\n  /** 고른 부품의 id. 자리(index)가 아니다 — V3 부품은 id 로 안정하게 가리킨다. */\n  @property({ type: String }) selected = ''\n  /** 편집할 수 없을 때(불러오는 중 · 저장 중) 팔레트와 조작을 잠근다. */\n  @property({ type: Boolean }) locked = false\n  /**\n   * 이 도형이 치르는 값 — 삼각형 · 묶음 · 한 화면에 몇 대 · 등급. 부품을 더하는 바로 그 자리에서 보여야 로우폴리의\n   * 기준이 저작을 이끈다. 등급이 D 면 무엇이 넘쳤는지를 적는다. 누르면 성숙도 탭이 열린다.\n   */\n  @property({ attribute: false }) budget?: V3BudgetLine\n  /**\n   * 디테일 등급(S/M/L)의 부품 한도(사용자 2026-09-24). 부품을 넣기 **전에** 몇 개 남았는지 보이고, 다 차면 팔레트가\n   * 잠긴다. 되풀이는 한 부품으로 센다. 등급을 안 정했으면 한도는 없다.\n   */\n  @property({ attribute: false }) partBudget?: { level: 'S' | 'M' | 'L' | null; used: number; limit: number | null }\n  /** How many recipe templates the catalog holds; none, and the section is not drawn. */\n  @property({ type: Number }) recipeCount = 0\n\n  render() {\n    const b = this.partBudget\n    const full = !!b && b.limit !== null && b.used >= b.limit\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.shapes')}</h3>\n        <div palette>\n          ${RECIPES.map(\n            recipe => html`\n              <button\n                shape\n                ?disabled=${this.locked || full}\n                title=${full ? i18next.t('figure.text.part-limit-reached') : i18next.t(recipe.label)}\n                @click=${() => this.ask('add-part', { kind: recipe.kind })}\n              >\n                <md-icon>${recipe.icon}</md-icon>\n                <span>${i18next.t(recipe.label)}</span>\n              </button>\n            `\n          )}\n        </div>\n        ${full ? html`<p full>${i18next.t('figure.text.part-limit-reached-short', { level: b!.level, limit: b!.limit })}</p>` : nothing}\n      </section>\n      ${this.renderRecipes(full)}\n\n      <section list>\n        <h3>\n          <span>${i18next.t('figure.label.parts')}</span>\n          <span room ?full=${full} title=${i18next.t('figure.text.limit-comes-from-level')}\n            >${b && b.limit !== null ? i18next.t('figure.text.n-of-limit', { used: b.used, limit: b.limit }) : (b?.used ?? this.parts.length)}</span\n          >\n          ${this.renderShowAll()}\n        </h3>\n        ${this.renderLevel()}\n        ${this.renderBudget()}\n        ${this.parts.length === 0\n          ? html`<p quiet>${i18next.t('figure.text.no-parts-yet')}</p>`\n          : html`<ol>\n              ${this.parts.map((part, index) => this.renderRow(part, index))}\n            </ol>`}\n      </section>\n    `\n  }\n\n  /** 디테일 등급 — 고르면 한도가 바뀐다. 목록 머리 아래. */\n  private renderLevel() {\n    const b = this.partBudget\n    if (!b) return nothing\n    return html`<div level>\n      <label for=\"detail-level\">${i18next.t('figure.label.detail-level')}</label>\n      <select\n        id=\"detail-level\"\n        title=${i18next.t('figure.text.detail-level-explained')}\n        .value=${b.level ?? ''}\n        ?disabled=${this.locked}\n        @change=${(e: Event) => {\n          const value = (e.target as HTMLSelectElement).value\n          this.dispatchEvent(new CustomEvent('set-detail-level', { detail: { level: value || null }, bubbles: true, composed: true }))\n        }}\n      >\n        <option value=\"\" ?selected=${!b.level}>${i18next.t('figure.label.detail-none')}</option>\n        ${(['S', 'M', 'L'] as const).map(\n          one => html`<option value=${one} ?selected=${one === b.level}>\n            ${one} ${i18next.t('figure.label.detail-' + one)} · ${i18next.t('figure.text.n-parts-at-most', { limit: PART_LIMIT[one] })}\n          </option>`\n        )}\n      </select>\n    </div>`\n  }\n\n  private renderBudget() {\n    const b = this.budget\n    if (!b || !this.parts.length) return nothing\n    const over = b.grade === 'D'\n    return html`<button\n      budget\n      grade=${b.grade}\n      title=${i18next.t('figure.text.parts-budget-open')}\n      @click=${() => this.dispatchEvent(new CustomEvent('show-maturity', { bubbles: true, composed: true }))}\n    >\n      <b>${b.grade}</b>\n      <span>\n        <strong performance-cost>${i18next.t('figure.label.performance-cost')}</strong>\n        ${i18next.t('figure.text.parts-budget', {\n          triangles: b.triangles.toLocaleString(),\n          groups: b.groups.toLocaleString(),\n          instances: b.instances.toLocaleString()\n        })}\n        ${over\n          ? html`<em\n              >${i18next.t('figure.text.parts-budget-over', {\n                budget: i18next.t('figure.label.budget-' + b.tightest.key),\n                used: b.tightest.used.toLocaleString(),\n                limit: b.tightest.limit.toLocaleString()\n              })}</em\n            >`\n          : nothing}\n      </span>\n    </button>`\n  }\n\n  /** 한꺼번에 감추고 한꺼번에 되돌린다 — 하나라도 감춰져 있으면 다 되돌리고, 다 보이면 다 감춘다. */\n  private renderShowAll() {\n    if (this.parts.length === 0) return nothing\n    const anyHidden = this.parts.some(part => part.hidden)\n    return html`\n      <button\n        eye\n        all\n        ?off=${!anyHidden}\n        title=${i18next.t(anyHidden ? 'figure.text.show-all-parts' : 'figure.text.hide-all-parts')}\n        @click=${(e: Event) => {\n          e.stopPropagation()\n          this.ask('set-all-parts-hidden', { hidden: !anyHidden })\n        }}\n      >\n        <md-icon>${anyHidden ? 'visibility' : 'visibility_off'}</md-icon>\n      </button>\n    `\n  }\n\n  private renderRow(part: V3PartRow, index: number) {\n    const selected = part.id === this.selected\n    const off = !!part.hidden\n    return html`\n      <li\n        ?selected=${selected}\n        ?off=${off}\n        ?invisible=${!!part.invisible}\n        @click=${() => this.ask('select-part', { id: part.id })}\n      >\n        <button\n          eye\n          ?off=${off}\n          title=${i18next.t(off ? 'figure.text.show-this-part' : 'figure.text.hide-this-part')}\n          @click=${(e: Event) => {\n            e.stopPropagation()\n            this.ask('toggle-part-hidden', { id: part.id })\n          }}\n        >\n          <md-icon>${off ? 'visibility_off' : 'visibility'}</md-icon>\n        </button>\n        <md-icon>${PROVIDER_ICON[part.provider] ?? 'deployed_code'}</md-icon>\n        <span label title=${part.id}\n          >${partLabelOf(part.id)}${part.copies ? html` <small copies>× ${part.copies}</small>` : nothing}${part.invisible ? html`<small>${i18next.t('figure.label.state-hidden')}</small>` : nothing}</span\n        >\n        ${selected ? this.renderOps(part.id, index) : nothing}\n      </li>\n    `\n  }\n\n  /** 고른 줄의 조작. 못 하는 것은 빼지 않고 흐리게 둔다 — 자리가 밀리면 연달아 지우다 엉뚱한 것을 누른다. */\n  private renderOps(id: string, index: number) {\n    const count = this.parts.length\n    const op = (name: string, icon: string, detail: object, enabled = true) => html`\n      <button\n        op=${name}\n        ?disabled=${!enabled || this.locked}\n        title=${i18next.t('figure.button.' + name)}\n        @click=${(e: Event) => {\n          e.stopPropagation()\n          if (enabled && !this.locked) this.ask(name, detail)\n        }}\n      >\n        <md-icon>${icon}</md-icon>\n      </button>\n    `\n    return html`\n      <div ops>\n        ${op('move-part-up', 'arrow_upward', { id, to: index - 1 }, index > 0)}\n        ${op('move-part-down', 'arrow_downward', { id, to: index + 1 }, index < count - 1)}\n        ${op('duplicate-part', 'content_copy', { id })} ${op('remove-part', 'delete', { id })}\n      </div>\n    `\n  }\n\n  /**\n   * Recipes (ADR-0095): the catalog of templates -- a door, a roller row -- opened over the modeller, put onto the chosen\n   * part in one step.\n   */\n  private renderRecipes(full: boolean) {\n    if (!this.recipeCount) return nothing\n    return html`<section recipes>\n      <h3>${i18next.t('figure.label.recipes')}</h3>\n      <button recipe-catalog ?disabled=${this.locked || full} @click=${() => this.ask('open-recipe-catalog', {})}>\n        <md-icon>widgets</md-icon>${i18next.t('figure.button.open-recipe-catalog', { count: this.recipeCount })}\n      </button>\n    </section>`\n  }\n\n  /** 정본을 고치지 않는다 — 무엇을 하겠다는 것만 알린다. */\n  private ask(what: string, detail: object) {\n    this.dispatchEvent(new CustomEvent(what, { detail, bubbles: true, composed: true }))\n  }\n}\n"]}

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

@@ -1,34 +0,0 @@
-import { LitElement } from 'lit';
-import type { V3Asset } from '@hatiolab/figure-model';
-import { type ViewSettings } from './figure-view.js';
-declare const FigureV3Preview_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-export declare class FigureV3Preview extends FigureV3Preview_base {
-    static styles: import("lit").CSSResult;
-    /** The figure being authored, as the editor holds it now. */
-    asset?: V3Asset;
-    /** Which figure: the type it is registered under here is this one's own, never a real type a board uses. */
-    context: string;
-    view: ViewSettings;
-    private stage;
-    private cannot;
-    /** Clip speeds and control values given here -- the preview's, not the figure's. */
-    private driving;
-    private giving;
-    private scene?;
-    private standing?;
-    private registered?;
-    private watcher?;
-    render(): import("lit-html").TemplateResult<1>;
-    private renderDrivers;
-    private renderDial;
-    private drive;
-    private give;
-    private poseAsDefault;
-    private tellInstances;
-    willUpdate(changed: Map<string, unknown>): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    private standUp;
-    private teardown;
-}
-export {};

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

@@ -1,346 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { i18next, localize } from '@operato/i18n';
-import { compileV3Asset } from '@hatiolab/figure-model';
-import { create, registerFigureV3, unregisterFigureV3 } from '@hatiolab/things-scene';
-import { DEFAULT_VIEW, previewBoardDepth, sceneLook, WORKBENCH } from './figure-view.js';
-import { dialShape } from './angle-dial.js';
-import { authoredSizeOf, PREVIEW_FACTOR, PREVIEW_WAYS, previewClampsOf, previewInstances } from './v3-preview-model.js';
-let FigureV3Preview = class FigureV3Preview extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        /** Which figure: the type it is registered under here is this one's own, never a real type a board uses. */
-        this.context = '';
-        this.view = DEFAULT_VIEW;
-        this.cannot = '';
-        /** Clip speeds and control values given here -- the preview's, not the figure's. */
-        this.driving = {};
-        this.giving = {};
-    }
-    static { this.styles = css `
-    :host {
-      position: relative;
-      display: flex;
-      min-width: 0;
-      min-height: 0;
-      overflow: hidden;
-      background-color: ${unsafeCSS(WORKBENCH)};
-      font-size: 0.76rem;
-    }
-    div[stage] {
-      position: absolute;
-      inset: 0;
-      width: 100%;
-      height: 100%;
-    }
-    /* Which is which: side by side means nothing without a legend. */
-    div[legend] {
-      position: absolute;
-      top: 8px;
-      left: 8px;
-      display: flex;
-      gap: 6px;
-      padding: 4px 8px;
-      color: rgba(255, 255, 255, 0.9);
-      background-color: rgba(28, 28, 30, 0.6);
-      border-radius: 6px;
-      font-size: 0.72rem;
-      flex-wrap: wrap;
-      max-width: calc(100% - 16px);
-    }
-    /* A variant drawn at another size than it asks: the figure does not declare that size. */
-    div[legend] small[clamp] {
-      margin-left: 4px;
-      color: #ffcc80;
-    }
-    div[clips] {
-      position: absolute;
-      right: 8px;
-      bottom: 8px;
-      display: flex;
-      flex-direction: column;
-      gap: 6px;
-      padding: 8px 10px;
-      color: rgba(255, 255, 255, 0.92);
-      background-color: rgba(28, 28, 30, 0.72);
-      border-radius: 8px;
-      font-size: 0.72rem;
-    }
-    div[clips] label {
-      display: grid;
-      grid-template-columns: auto 20px 96px 34px;
-      align-items: center;
-      gap: 8px;
-    }
-    div[clips] svg[dial] {
-      width: 20px;
-      height: 20px;
-    }
-    div[clips] svg[dial] path {
-      fill: rgba(255, 255, 255, 0.22);
-    }
-    div[clips] svg[dial] line {
-      stroke: var(--md-sys-color-primary, #7cc6ff);
-      stroke-width: 2;
-      stroke-linecap: round;
-    }
-    div[clips] svg[dial] circle {
-      fill: none;
-      stroke: rgba(255, 255, 255, 0.35);
-    }
-    div[clips] button[pose] {
-      align-self: stretch;
-      padding: 4px 8px;
-      font: inherit;
-      font-size: 0.7rem;
-      color: rgba(255, 255, 255, 0.92);
-      background-color: rgba(255, 255, 255, 0.14);
-      border: 1px solid rgba(255, 255, 255, 0.22);
-      border-radius: 5px;
-      cursor: pointer;
-    }
-    div[clips] button[pose]:hover {
-      background-color: rgba(255, 255, 255, 0.24);
-    }
-    div[clips] span[drive] {
-      opacity: 0.6;
-      font-size: 0.66rem;
-    }
-    div[clips] input {
-      width: 96px;
-      accent-color: var(--md-sys-color-primary);
-    }
-    div[clips] output {
-      font-variant-numeric: tabular-nums;
-      text-align: right;
-      opacity: 0.85;
-    }
-    div[cannot] {
-      position: absolute;
-      inset: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 12px;
-      text-align: center;
-      line-height: 1.6;
-      color: #f4f4f4;
-      background-color: ${unsafeCSS(WORKBENCH)};
-    }
-  `; }
-    render() {
-        const asset = this.asset;
-        const controls = asset ? asset.document.model.inputs.filter(i => i.role === 'state') : [];
-        const clips = asset ? [...new Set((asset.drivers ?? []).map(d => d.clip))] : [];
-        let clampsByWay = {};
-        try {
-            clampsByWay = asset ? previewClampsOf(asset, authoredSizeOf(asset)) : {};
-        }
-        catch {
-            clampsByWay = {};
-        }
-        return html `<div stage></div>
-      ${this.cannot
-            ? html `<div cannot>${this.cannot}</div>`
-            : html `<div legend>
-              ${PREVIEW_WAYS.map(way => {
-                const clamps = clampsByWay[way.name] ?? [];
-                return html `<span>
-                  ${way.axes.length ? way.name : i18next.t('figure.label.preview-base')}
-                  ${clamps.length
-                    ? html `<small clamp>${clamps.map(c => i18next.t('figure.text.preview-clamped', { axis: c.axis.toUpperCase(), asked: c.asked.toLocaleString(), used: c.used.toLocaleString() })).join(' · ')}</small>`
-                    : nothing}
-                </span>`;
-            })}
-            </div>
-            ${controls.length + clips.length ? this.renderDrivers(asset, controls, clips) : nothing}`}`;
-    }
-    renderDrivers(asset, controls, clips) {
-        const changed = controls.filter(c => this.giving[c.id] !== undefined && this.giving[c.id] !== asset.stateDefaults[c.id]);
-        return html `<div clips>
-      ${changed.length
-            ? html `<button pose title=${i18next.t('figure.text.pose-as-default-explained')} @click=${() => this.poseAsDefault()}>
-            ${i18next.t('figure.button.pose-as-default')}
-          </button>`
-            : nothing}
-      ${controls.map(control => {
-            const value = this.giving[control.id] ?? asset.stateDefaults[control.id] ?? control.min;
-            const step = Math.max((control.max - control.min) / 100, 0.01);
-            const label = asset.stateInputs?.[control.id]?.label ?? control.id;
-            return html `<label>
-          <span>${label} <span drive>${control.unit}</span></span>
-          ${this.renderDial(control, value)}
-          <input
-            type="range"
-            min=${control.min}
-            max=${control.max}
-            step=${step}
-            .value=${String(value)}
-            @input=${(e) => this.give(control.id, Number(e.target.value))}
-          />
-          <output>${Math.round(value)}</output>
-        </label>`;
-        })}
-      ${clips.map(clip => {
-            const value = this.driving[clip] ?? 1;
-            return html `<label>
-          <span>${clip} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>
-          <span></span>
-          <input type="range" min="0" max="3" step="0.05" .value=${String(value)} @input=${(e) => this.drive(clip, Number(e.target.value))} />
-          <output>${value.toFixed(2)}</output>
-        </label>`;
-        })}
-    </div>`;
-    }
-    renderDial(control, value) {
-        if (control.unit !== 'deg')
-            return html `<span></span>`;
-        const dial = dialShape(control.min, control.max, 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>`;
-    }
-    drive(clip, value) {
-        this.driving = { ...this.driving, [clip]: value };
-        this.tellInstances('clips', this.driving);
-    }
-    give(id, value) {
-        this.giving = { ...this.giving, [id]: value };
-        this.tellInstances('parameters', this.giving);
-    }
-    poseAsDefault() {
-        this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-state-defaults', values: { ...this.giving } } }, bubbles: true, composed: true }));
-        this.giving = {};
-    }
-    tellInstances(key, values) {
-        for (const component of this.scene?.root?.components ?? [])
-            component.set?.(key, { ...values });
-    }
-    willUpdate(changed) {
-        if (!this.hasUpdated)
-            return;
-        if (changed.has('asset') || changed.has('context')) {
-            this.standUp();
-            return;
-        }
-        if (!changed.has('view'))
-            return;
-        const before = changed.get('view');
-        const now = this.view ?? DEFAULT_VIEW;
-        if (before?.placement !== now.placement || before?.ceilingHeight !== now.ceilingHeight)
-            this.standUp();
-        else
-            this.scene?.root?.set?.(sceneLook(now));
-    }
-    firstUpdated() {
-        this.standUp();
-        this.watcher = new ResizeObserver(() => this.scene?.resize?.());
-        this.watcher.observe(this);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.watcher?.disconnect();
-        this.watcher = undefined;
-        this.teardown();
-    }
-    standUp() {
-        const asset = this.asset;
-        const view = this.view ?? DEFAULT_VIEW;
-        if (!asset || !asset.appearance.length) {
-            this.cannot = i18next.t('figure.text.preview-needs-a-part');
-            this.teardown();
-            return;
-        }
-        const signature = JSON.stringify([asset, view.placement, view.ceilingHeight]);
-        if (this.scene && this.standing === signature)
-            return;
-        try {
-            compileV3Asset(asset);
-        }
-        catch {
-            this.cannot = i18next.t('figure.text.preview-blocked-by-errors');
-            this.teardown();
-            return;
-        }
-        this.teardown();
-        this.driving = {};
-        try {
-            /* Registered as a board registers it, under a type of this preview's own: a real type's drawings stay as they are. */
-            const type = `figure-v3-preview-${this.context || 'new'}`;
-            registerFigureV3(type, asset);
-            this.registered = type;
-            const size = authoredSizeOf(asset);
-            const { components, board } = previewInstances(type, size);
-            this.scene = create({
-                target: this.stage,
-                model: {
-                    type: 'model-layer',
-                    width: board.width,
-                    height: board.height,
-                    depth: previewBoardDepth({ placement: asset.occupancy?.placement, base: { y: size.y } }, view.ceilingHeight, PREVIEW_FACTOR),
-                    threed: true,
-                    sky: 'color',
-                    ...sceneLook(view),
-                    placement: view.placement,
-                    heights: { floor: 0, ceiling: view.ceilingHeight },
-                    pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),
-                    components
-                },
-                mode: 0
-            });
-            this.standing = signature;
-            this.scene.resize?.();
-            this.scene.fit?.('ratio');
-            this.scene.root?.fitCameraToModel?.();
-            this.cannot = '';
-        }
-        catch (error) {
-            this.cannot = error.message;
-        }
-    }
-    teardown() {
-        this.scene?.dispose?.();
-        this.scene = undefined;
-        this.standing = undefined;
-        if (this.registered)
-            unregisterFigureV3(this.registered);
-        this.registered = undefined;
-    }
-};
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], FigureV3Preview.prototype, "asset", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], FigureV3Preview.prototype, "context", void 0);
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], FigureV3Preview.prototype, "view", void 0);
-__decorate([
-    query('div[stage]'),
-    __metadata("design:type", HTMLDivElement)
-], FigureV3Preview.prototype, "stage", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureV3Preview.prototype, "cannot", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureV3Preview.prototype, "driving", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureV3Preview.prototype, "giving", void 0);
-FigureV3Preview = __decorate([
-    customElement('figure-v3-preview')
-], FigureV3Preview);
-export { FigureV3Preview };
-//# sourceMappingURL=figure-v3-preview.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-preview.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-preview.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { compileV3Asset } from '@hatiolab/figure-model'\nimport type { V3Asset } from '@hatiolab/figure-model'\nimport { create, registerFigureV3, unregisterFigureV3 } from '@hatiolab/things-scene'\n\nimport { DEFAULT_VIEW, previewBoardDepth, sceneLook, WORKBENCH, type ViewSettings } from './figure-view.js'\nimport { dialShape } from './angle-dial.js'\nimport { authoredSizeOf, PREVIEW_FACTOR, PREVIEW_WAYS, previewClampsOf, previewInstances } from './v3-preview-model.js'\n\n/**\n * The figure placed on a board.\n *\n * The editing canvas shows the figure at the size it was made. Half of what a figure is lies in how it answers a\n * different size, so here the figure being authored is registered as a board registers it and placed as\n * `FigureInstance`s: the size it was made, and each of the seven ways of growing one, two or three axes twice as\n * large, side by side at one scale, four to a row. The board draws them as it will on a real board --\n * placement, lights, environment, the same V3 renderer.\n *\n * The controls: each value that poses the figure with a slider (and a dial for an angle), each clip's\n * speed, and 「이 자세를 기본으로」 to keep the pose as the one it stands in. Nothing here is edited; the canvas edits.\n */\n\ninterface SceneHandle {\n  dispose?: () => void\n  resize?: () => void\n  fit?: (type?: string) => void\n  root?: {\n    set?: (patch: Record<string, unknown>) => void\n    fitCameraToModel?: () => void\n    components?: { set?: (property: string, value: unknown) => void }[]\n  }\n}\n\n@customElement('figure-v3-preview')\nexport class FigureV3Preview extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      position: relative;\n      display: flex;\n      min-width: 0;\n      min-height: 0;\n      overflow: hidden;\n      background-color: ${unsafeCSS(WORKBENCH)};\n      font-size: 0.76rem;\n    }\n    div[stage] {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n    /* Which is which: side by side means nothing without a legend. */\n    div[legend] {\n      position: absolute;\n      top: 8px;\n      left: 8px;\n      display: flex;\n      gap: 6px;\n      padding: 4px 8px;\n      color: rgba(255, 255, 255, 0.9);\n      background-color: rgba(28, 28, 30, 0.6);\n      border-radius: 6px;\n      font-size: 0.72rem;\n      flex-wrap: wrap;\n      max-width: calc(100% - 16px);\n    }\n    /* A variant drawn at another size than it asks: the figure does not declare that size. */\n    div[legend] small[clamp] {\n      margin-left: 4px;\n      color: #ffcc80;\n    }\n    div[clips] {\n      position: absolute;\n      right: 8px;\n      bottom: 8px;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 8px 10px;\n      color: rgba(255, 255, 255, 0.92);\n      background-color: rgba(28, 28, 30, 0.72);\n      border-radius: 8px;\n      font-size: 0.72rem;\n    }\n    div[clips] label {\n      display: grid;\n      grid-template-columns: auto 20px 96px 34px;\n      align-items: center;\n      gap: 8px;\n    }\n    div[clips] svg[dial] {\n      width: 20px;\n      height: 20px;\n    }\n    div[clips] svg[dial] path {\n      fill: rgba(255, 255, 255, 0.22);\n    }\n    div[clips] svg[dial] line {\n      stroke: var(--md-sys-color-primary, #7cc6ff);\n      stroke-width: 2;\n      stroke-linecap: round;\n    }\n    div[clips] svg[dial] circle {\n      fill: none;\n      stroke: rgba(255, 255, 255, 0.35);\n    }\n    div[clips] button[pose] {\n      align-self: stretch;\n      padding: 4px 8px;\n      font: inherit;\n      font-size: 0.7rem;\n      color: rgba(255, 255, 255, 0.92);\n      background-color: rgba(255, 255, 255, 0.14);\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      border-radius: 5px;\n      cursor: pointer;\n    }\n    div[clips] button[pose]:hover {\n      background-color: rgba(255, 255, 255, 0.24);\n    }\n    div[clips] span[drive] {\n      opacity: 0.6;\n      font-size: 0.66rem;\n    }\n    div[clips] input {\n      width: 96px;\n      accent-color: var(--md-sys-color-primary);\n    }\n    div[clips] output {\n      font-variant-numeric: tabular-nums;\n      text-align: right;\n      opacity: 0.85;\n    }\n    div[cannot] {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 12px;\n      text-align: center;\n      line-height: 1.6;\n      color: #f4f4f4;\n      background-color: ${unsafeCSS(WORKBENCH)};\n    }\n  `\n\n  /** The figure being authored, as the editor holds it now. */\n  @property({ attribute: false }) asset?: V3Asset\n  /** Which figure: the type it is registered under here is this one's own, never a real type a board uses. */\n  @property() context = ''\n  @property({ attribute: false }) view: ViewSettings = DEFAULT_VIEW\n\n  @query('div[stage]') private stage!: HTMLDivElement\n  @state() private cannot = ''\n  /** Clip speeds and control values given here -- the preview's, not the figure's. */\n  @state() private driving: Record<string, number> = {}\n  @state() private giving: Record<string, number> = {}\n\n  private scene?: SceneHandle\n  private standing?: string\n  private registered?: string\n  private watcher?: ResizeObserver\n\n  render() {\n    const asset = this.asset\n    const controls = asset ? asset.document.model.inputs.filter(i => i.role === 'state') : []\n    const clips = asset ? [...new Set((asset.drivers ?? []).map(d => d.clip))] : []\n    let clampsByWay: ReturnType<typeof previewClampsOf> = {}\n    try {\n      clampsByWay = asset ? previewClampsOf(asset, authoredSizeOf(asset)) : {}\n    } catch {\n      clampsByWay = {}\n    }\n    return html`<div stage></div>\n      ${this.cannot\n        ? html`<div cannot>${this.cannot}</div>`\n        : html`<div legend>\n              ${PREVIEW_WAYS.map(way => {\n                const clamps = clampsByWay[way.name] ?? []\n                return html`<span>\n                  ${way.axes.length ? way.name : i18next.t('figure.label.preview-base')}\n                  ${clamps.length\n                    ? html`<small clamp>${clamps.map(c => i18next.t('figure.text.preview-clamped', { axis: c.axis.toUpperCase(), asked: c.asked.toLocaleString(), used: c.used.toLocaleString() })).join(' · ')}</small>`\n                    : nothing}\n                </span>`\n              })}\n            </div>\n            ${controls.length + clips.length ? this.renderDrivers(asset!, controls, clips) : nothing}`}`\n  }\n\n  private renderDrivers(asset: V3Asset, controls: V3Asset['document']['model']['inputs'], clips: string[]) {\n    const changed = controls.filter(c => this.giving[c.id] !== undefined && this.giving[c.id] !== asset.stateDefaults[c.id])\n    return html`<div clips>\n      ${changed.length\n        ? html`<button pose title=${i18next.t('figure.text.pose-as-default-explained')} @click=${() => this.poseAsDefault()}>\n            ${i18next.t('figure.button.pose-as-default')}\n          </button>`\n        : nothing}\n      ${controls.map(control => {\n        const value = this.giving[control.id] ?? asset.stateDefaults[control.id] ?? control.min\n        const step = Math.max((control.max - control.min) / 100, 0.01)\n        const label = asset.stateInputs?.[control.id]?.label ?? control.id\n        return html`<label>\n          <span>${label} <span drive>${control.unit}</span></span>\n          ${this.renderDial(control, value)}\n          <input\n            type=\"range\"\n            min=${control.min}\n            max=${control.max}\n            step=${step}\n            .value=${String(value)}\n            @input=${(e: Event) => this.give(control.id, Number((e.target as HTMLInputElement).value))}\n          />\n          <output>${Math.round(value)}</output>\n        </label>`\n      })}\n      ${clips.map(clip => {\n        const value = this.driving[clip] ?? 1\n        return html`<label>\n          <span>${clip} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>\n          <span></span>\n          <input type=\"range\" min=\"0\" max=\"3\" step=\"0.05\" .value=${String(value)} @input=${(e: Event) => this.drive(clip, Number((e.target as HTMLInputElement).value))} />\n          <output>${value.toFixed(2)}</output>\n        </label>`\n      })}\n    </div>`\n  }\n\n  private renderDial(control: { unit: string; min: number; max: number }, value: number) {\n    if (control.unit !== 'deg') return html`<span></span>`\n    const dial = dialShape(control.min, control.max, 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 drive(clip: string, value: number) {\n    this.driving = { ...this.driving, [clip]: value }\n    this.tellInstances('clips', this.driving)\n  }\n\n  private give(id: string, value: number) {\n    this.giving = { ...this.giving, [id]: value }\n    this.tellInstances('parameters', this.giving)\n  }\n\n  private poseAsDefault() {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-state-defaults', values: { ...this.giving } } }, bubbles: true, composed: true }))\n    this.giving = {}\n  }\n\n  private tellInstances(key: 'clips' | 'parameters', values: Record<string, number>) {\n    for (const component of this.scene?.root?.components ?? []) component.set?.(key, { ...values })\n  }\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (!this.hasUpdated) return\n    if (changed.has('asset') || changed.has('context')) {\n      this.standUp()\n      return\n    }\n    if (!changed.has('view')) return\n    const before = changed.get('view') as ViewSettings | undefined\n    const now = this.view ?? DEFAULT_VIEW\n    if (before?.placement !== now.placement || before?.ceilingHeight !== now.ceilingHeight) this.standUp()\n    else this.scene?.root?.set?.(sceneLook(now))\n  }\n\n  firstUpdated() {\n    this.standUp()\n    this.watcher = new ResizeObserver(() => this.scene?.resize?.())\n    this.watcher.observe(this)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.watcher?.disconnect()\n    this.watcher = undefined\n    this.teardown()\n  }\n\n  private standUp() {\n    const asset = this.asset\n    const view = this.view ?? DEFAULT_VIEW\n    if (!asset || !asset.appearance.length) {\n      this.cannot = i18next.t('figure.text.preview-needs-a-part')\n      this.teardown()\n      return\n    }\n    const signature = JSON.stringify([asset, view.placement, view.ceilingHeight])\n    if (this.scene && this.standing === signature) return\n    try {\n      compileV3Asset(asset)\n    } catch {\n      this.cannot = i18next.t('figure.text.preview-blocked-by-errors')\n      this.teardown()\n      return\n    }\n    this.teardown()\n    this.driving = {}\n    try {\n      /* Registered as a board registers it, under a type of this preview's own: a real type's drawings stay as they are. */\n      const type = `figure-v3-preview-${this.context || 'new'}`\n      registerFigureV3(type, asset)\n      this.registered = type\n      const size = authoredSizeOf(asset)\n      const { components, board } = previewInstances(type, size)\n      this.scene = create({\n        target: this.stage,\n        model: {\n          type: 'model-layer',\n          width: board.width,\n          height: board.height,\n          depth: previewBoardDepth({ placement: asset.occupancy?.placement, base: { y: size.y } }, view.ceilingHeight, PREVIEW_FACTOR),\n          threed: true,\n          sky: 'color',\n          ...sceneLook(view),\n          placement: view.placement,\n          heights: { floor: 0, ceiling: view.ceilingHeight },\n          pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),\n          components\n        },\n        mode: 0\n      }) as SceneHandle\n      this.standing = signature\n      this.scene.resize?.()\n      this.scene.fit?.('ratio')\n      this.scene.root?.fitCameraToModel?.()\n      this.cannot = ''\n    } catch (error) {\n      this.cannot = (error as Error).message\n    }\n  }\n\n  private teardown() {\n    this.scene?.dispose?.()\n    this.scene = undefined\n    this.standing = undefined\n    if (this.registered) unregisterFigureV3(this.registered)\n    this.registered = undefined\n  }\n}\n"]}

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

@@ -1,45 +0,0 @@
-import '@material/web/icon/icon.js';
-import { LitElement, nothing } from 'lit';
-declare const FigureV3Properties_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-/**
- * 속성 — the modeller's figure properties.
- *
- * The tab opens with what the figure is: its name, the face it is placed by, the room it takes up, where the
- * catalogue files it.
- *
- * Two kinds of change leave this tab, and it does neither itself:
- *  - `v3-command` carries an authoring command (rename, declare the room, the mounting face). The page runs it
- *    through the session, so it is one step of the same undo history as every other edit, and is saved with it.
- *  - `v3-catalog` carries a change to the row (category, tags). Those are not in the asset; the page writes them
- *    to the saved row at once, so they need a saved figure.
- *
- * Not here yet, because V3 has no place for them: editing the declared room by hand (V3 declares it from the
- * parts, as graph expressions), and the detail level. Both wait on a V3 ruling.
- */
-export declare class FigureV3Properties extends FigureV3Properties_base {
-    static styles: import("lit").CSSResult[];
-    /** The source being edited. */
-    source?: string;
-    /** The saved row, if any. Category and tags live on it. */
-    figureId?: string;
-    figureCategory?: string;
-    figureTags?: string[];
-    /** The part and face picked for the mounting face, before 「이 면으로」 is pressed. */
-    private pickedPart?;
-    private pickedFace?;
-    private facts;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    private renderName;
-    /**
-     * The face the figure is placed by. In V3 it is part of the room declaration, so choosing one declares the room
-     * again from the parts — the only way V3 declares it — with the new face. The hint says so.
-     */
-    private renderPlacement;
-    private renderSpace;
-    private renderMounting;
-    private renderCatalog;
-    private declare;
-    private command;
-    private catalog;
-}
-export {};