@operato/slot-layout-editor 0.0.0-stage → 10.29.14

package/dist/src/ox-slot-layout-editor.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ *
+ * 자리 레이아웃 편집기. 홀더의 층·자리 구성을 고치고, 검증하고, 미리 보고, [적용]으로 알린다.
+ *
+ * 컴포넌트 상태를 직접 바꾸지 않는다. 호스트에 두 가지만 알린다:
+ *   change                   — 적용한 레이아웃 (this.value)
+ *   slot-layout-use-default  — 개별 설정을 지우고 기본값을 쓰겠다는 의도 (값을 비우는 편집과 다르다)
+ * 기본값을 쓰게 된 뒤 보일 값은 호스트가 options.effective 로 다시 준다.
+ */
+import { LitElement } from 'lit';
+import { type SlotLayout, type SlotMount } from '@hatiolab/things-scene';
+import { type PresetSize, type SlotLayoutPreset } from './draft.js';
+import { type EditorIssue } from './issue-text.js';
+export interface SlotLayoutEditorNote {
+    text: string;
+    level?: 'info' | 'error';
+}
+export interface SlotLayoutEditorOptions<L extends SlotLayout = SlotLayout> {
+    /** 개별 설정이 없을 때 보이는 값 (호스트가 고른 기본값). 편집 시작점이 된다 */
+    effective?: L;
+    /** [기본값 사용]을 보일지. 기본은 개별 설정(value)이 있을 때 */
+    canUseDefault?: boolean;
+    /** 호스트가 주는 프리셋 */
+    presets?: SlotLayoutPreset<L>[];
+    /** 프리셋 크기 초기값 */
+    presetSize?: Partial<PresetSize>;
+    /** 상태 문구 (값의 출처, 단위 상태 등) */
+    notes?: SlotLayoutEditorNote[];
+    /** 프리셋 없이 새로 시작할 때의 mount. 기본 ON */
+    mount?: SlotMount;
+    /** 호스트 고유 검증 (경로는 레이아웃 기준) */
+    validate?: (layout: L) => EditorIssue[];
+    /** 문제 문구. undefined 를 돌려주면 기본 문구 */
+    issueText?: (issue: EditorIssue) => string | undefined;
+    /** 레이아웃에 덧붙인 호스트 키를 고치는 구역 (예: 실시간 주소 읽기). edit 로 새 레이아웃을 넘긴다 */
+    renderExtra?: (draft: L, edit: (next: L) => void) => unknown;
+}
+declare const OxSlotLayoutEditor_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class OxSlotLayoutEditor extends OxSlotLayoutEditor_base {
+    static styles: import("lit").CSSResult;
+    /** 개별 설정. 없으면 undefined */
+    value: SlotLayout | undefined;
+    options: SlotLayoutEditorOptions;
+    draft: SlotLayout | undefined;
+    tier: number;
+    dirty: boolean;
+    presetKey: string;
+    presetSize: Partial<PresetSize>;
+    presetParams: Record<string, number>;
+    copyElevation: number;
+    willUpdate(changed: Map<string, unknown>): void;
+    /** 편집 중인 값을 버리고 개별 설정(없으면 호스트 기본값)에서 다시 시작한다 */
+    reset(): void;
+    get issues(): EditorIssue[];
+    private _text;
+    private _edit;
+    private _apply;
+    private _useDefault;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderPreset;
+    /** 프리셋으로 다시 시작한다. 지금 값에 덧붙은 호스트 키(층·자리 밖의 키)는 가져온다 */
+    private _startFrom;
+    private _renderDraft;
+    private _renderTier;
+    /** 받는 타입: 모든 타입(accepts 생략) / 지정 타입만(빈 목록이면 아무것도 받지 않음) */
+    private _acceptsEditor;
+    private _renderSpec;
+    private _renderCustom;
+    /** 위에서 본 자리 배치. 오른쪽이 +X, 위쪽이 −Z */
+    private _renderPreview;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ox-slot-layout-editor': OxSlotLayoutEditor;
+    }
+}
+export {};

package/dist/src/ox-slot-layout-editor.js

@@ -0,0 +1,436 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ *
+ * 자리 레이아웃 편집기. 홀더의 층·자리 구성을 고치고, 검증하고, 미리 보고, [적용]으로 알린다.
+ *
+ * 컴포넌트 상태를 직접 바꾸지 않는다. 호스트에 두 가지만 알린다:
+ *   change                   — 적용한 레이아웃 (this.value)
+ *   slot-layout-use-default  — 개별 설정을 지우고 기본값을 쓰겠다는 의도 (값을 비우는 편집과 다르다)
+ * 기본값을 쓰게 된 뒤 보일 값은 호스트가 options.effective 로 다시 준다.
+ */
+import { __decorate } from "tslib";
+import { css, html, nothing, LitElement, svg } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { persistenceIssues, validateSlotLayout } from '@hatiolab/things-scene';
+import { addCustomSlot, applyPreset, copyTier, previewTier, removeCustomSlot, removeTier, setTierPattern, updatePattern, updateSlotSpec, updateTier } from './draft.js';
+import { issueText as defaultIssueText, t } from './issue-text.js';
+const num = (e) => {
+    const n = e.target.valueAsNumber;
+    return Number.isFinite(n) ? n : NaN;
+};
+let OxSlotLayoutEditor = class OxSlotLayoutEditor extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.options = {};
+        this.tier = 1;
+        this.dirty = false;
+        this.presetKey = '';
+        this.presetSize = {};
+        this.presetParams = {};
+        this.copyElevation = NaN;
+    }
+    willUpdate(changed) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // 호스트가 렌더마다 새 options 를 넘겨도 편집 중인 값을 잃지 않도록, 값이나 호스트 기본값이 바뀔 때만 다시 시작한다
+        const before = changed.get('options');
+        if (changed.has('value') || (changed.has('options') && (before === null || before === void 0 ? void 0 : before.effective) !== ((_a = this.options) === null || _a === void 0 ? void 0 : _a.effective)))
+            this.reset();
+        else if (changed.has('options') && !((_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.presets) === null || _c === void 0 ? void 0 : _c.some(p => p.key === this.presetKey)))
+            this.presetKey = (_g = (_f = (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.presets) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.key) !== null && _g !== void 0 ? _g : '';
+    }
+    /** 편집 중인 값을 버리고 개별 설정(없으면 호스트 기본값)에서 다시 시작한다 */
+    reset() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const start = (_a = this.value) !== null && _a !== void 0 ? _a : (_b = this.options) === null || _b === void 0 ? void 0 : _b.effective;
+        this.draft = start ? structuredClone(start) : undefined;
+        this.tier = 1;
+        this.dirty = false;
+        this.presetSize = { ...((_d = (_c = this.options) === null || _c === void 0 ? void 0 : _c.presetSize) !== null && _d !== void 0 ? _d : {}) };
+        if (!((_f = (_e = this.options) === null || _e === void 0 ? void 0 : _e.presets) === null || _f === void 0 ? void 0 : _f.some(p => p.key === this.presetKey)))
+            this.presetKey = (_k = (_j = (_h = (_g = this.options) === null || _g === void 0 ? void 0 : _g.presets) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.key) !== null && _k !== void 0 ? _k : '';
+    }
+    get issues() {
+        var _a, _b, _c;
+        if (!this.draft)
+            return [];
+        const invalid = [...validateSlotLayout(this.draft), ...((_c = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.validate) === null || _b === void 0 ? void 0 : _b.call(_a, this.draft)) !== null && _c !== void 0 ? _c : [])];
+        // 저장 불가 검사는 검증을 통과한 값에만 보인다 (같은 문제를 두 번 적지 않는다)
+        return invalid.length ? invalid : persistenceIssues(this.draft);
+    }
+    _text(issue) {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.issueText) === null || _b === void 0 ? void 0 : _b.call(_a, issue)) !== null && _c !== void 0 ? _c : defaultIssueText(issue);
+    }
+    _edit(next) {
+        var _a, _b;
+        this.draft = next;
+        this.dirty = true;
+        if (!next.tiers.some(x => x.tierNo === this.tier))
+            this.tier = (_b = (_a = next.tiers[next.tiers.length - 1]) === null || _a === void 0 ? void 0 : _a.tierNo) !== null && _b !== void 0 ? _b : 1;
+    }
+    _apply() {
+        this.value = structuredClone(this.draft);
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+    }
+    _useDefault() {
+        this.dispatchEvent(new CustomEvent('slot-layout-use-default', { bubbles: true, composed: true }));
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const issues = this.issues;
+        const canUseDefault = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.canUseDefault) !== null && _b !== void 0 ? _b : this.value !== undefined;
+        return html `
+      ${((_d = (_c = this.options) === null || _c === void 0 ? void 0 : _c.notes) === null || _d === void 0 ? void 0 : _d.length)
+            ? html `<div class="notes">
+            ${this.options.notes.map(n => html `<div class=${n.level === 'error' ? 'error' : 'note'}>${n.text}</div>`)}
+          </div>`
+            : nothing}
+      ${this._renderPreset()} ${this.draft ? this._renderDraft(issues) : nothing}
+      <div class="actions">
+        ${canUseDefault ? html `<button data-action="use-default" @click=${this._useDefault}>${t('use-default', 'Use default')}</button>` : nothing}
+        <button data-action="discard" ?disabled=${!this.dirty} @click=${() => this.reset()}>${t('discard', 'Discard')}</button>
+        <button data-action="apply" ?disabled=${!this.dirty || !this.draft || issues.length > 0} @click=${this._apply}>${t('apply', 'Apply')}</button>
+      </div>
+    `;
+    }
+    _renderPreset() {
+        var _a, _b, _c, _d;
+        const presets = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.presets) !== null && _b !== void 0 ? _b : [];
+        if (!presets.length)
+            return nothing;
+        const preset = (_c = presets.find(p => p.key === this.presetKey)) !== null && _c !== void 0 ? _c : presets[0];
+        const built = applyPreset(preset, this.presetSize, this.presetParams);
+        const numberRow = (label, value, onChange, key) => html `
+      <div class="row">
+        <label>${label}</label>
+        <input type="number" data-preset=${key} .value=${value === undefined || Number.isNaN(value) ? '' : String(value)} @change=${(e) => onChange(num(e))} />
+      </div>
+    `;
+        return html `
+      <h4>${t('preset', 'Preset')}</h4>
+      <div class="row">
+        <label>${t('preset-kind', 'Kind')}</label>
+        <select data-preset="kind" @change=${(e) => (this.presetKey = e.target.value)}>
+          ${presets.map(p => html `<option value=${p.key} ?selected=${p.key === preset.key}>${p.label}</option>`)}
+        </select>
+      </div>
+      ${numberRow(t('width', 'Width (X)'), this.presetSize.width, n => (this.presetSize = { ...this.presetSize, width: n }), 'width')}
+      ${numberRow(t('depth', 'Depth (Z)'), this.presetSize.depth, n => (this.presetSize = { ...this.presetSize, depth: n }), 'depth')}
+      ${numberRow(t('slot-height', 'Slot height'), this.presetSize.slotHeight, n => (this.presetSize = { ...this.presetSize, slotHeight: n }), 'slotHeight')}
+      ${((_d = preset.params) !== null && _d !== void 0 ? _d : []).map(p => numberRow(p.label, this.presetParams[p.key], n => (this.presetParams = { ...this.presetParams, [p.key]: n }), p.key))}
+      <div class="note">${t('preset-note', 'Pitch and slot size are split evenly as starting values. Confirm them against the real equipment.')}</div>
+      <div class="actions">
+        <button data-action="start-preset" ?disabled=${!built.layout} @click=${() => built.layout && this._startFrom(built.layout)}>
+          ${t('start-from-preset', 'Start from preset')}
+        </button>
+      </div>
+    `;
+    }
+    /** 프리셋으로 다시 시작한다. 지금 값에 덧붙은 호스트 키(층·자리 밖의 키)는 가져온다 */
+    _startFrom(layout) {
+        var _a;
+        const { mount: _m, tiers: _t, ...extra } = ((_a = this.draft) !== null && _a !== void 0 ? _a : {});
+        this._edit({ ...extra, ...structuredClone(layout) });
+    }
+    _renderDraft(issues) {
+        var _a, _b, _c, _d, _e, _f;
+        const draft = this.draft;
+        const tier = (_b = (_a = draft.tiers) === null || _a === void 0 ? void 0 : _a.find(x => x.tierNo === this.tier)) !== null && _b !== void 0 ? _b : (_c = draft.tiers) === null || _c === void 0 ? void 0 : _c[0];
+        const issueList = issues.length ? html `<div class="error" data-issues>${issues.map(i => html `<div>· ${this._text(i)}</div>`)}</div>` : nothing;
+        // 층이 없는 값(잘못된 저장값)은 편집할 층이 없으므로 문제만 보인다. 프리셋으로 다시 시작한다
+        if (!tier)
+            return issueList;
+        return html `
+      <h4>${t('tiers', 'Tiers')}</h4>
+      <div class="chips">
+        ${draft.tiers.map(x => html `<button data-tier=${x.tierNo} ?active=${x.tierNo === tier.tierNo} @click=${() => (this.tier = x.tierNo)}>${t('tier-n', 'Tier {n}', { n: x.tierNo })}</button>`)}
+      </div>
+      <div class="row">
+        <label>${t('copy-elevation', 'New tier elevation')}</label>
+        <input type="number" data-field="copy-elevation" .value=${Number.isFinite(this.copyElevation) ? String(this.copyElevation) : ''} @change=${(e) => (this.copyElevation = num(e))} />
+      </div>
+      <div class="actions">
+        <button data-action="copy-tier" ?disabled=${!Number.isFinite(this.copyElevation)} @click=${() => this._edit(copyTier(draft, tier.tierNo, this.copyElevation))}>
+          ${t('copy-tier', 'Copy tier')}
+        </button>
+        <button data-action="remove-tier" ?disabled=${draft.tiers.length <= 1} @click=${() => this._edit(removeTier(draft, tier.tierNo))}>${t('remove-tier', 'Remove tier')}</button>
+      </div>
+      ${this._renderTier(draft, tier.tierNo)} ${(_f = (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.renderExtra) === null || _e === void 0 ? void 0 : _e.call(_d, draft, next => this._edit(next))) !== null && _f !== void 0 ? _f : nothing}
+      <h4>${t('preview', 'Preview (top view, tier {n})', { n: tier.tierNo })}</h4>
+      ${this._renderPreview(draft, tier.tierNo)} ${issueList}
+    `;
+    }
+    _renderTier(draft, tierNo) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const tier = draft.tiers.find(x => x.tierNo === tierNo);
+        const l = tier.layout;
+        const patternInput = (k, label, value, parse = num) => html `
+      <div class="row">
+        <label>${label}</label>
+        <input type="number" data-field=${k} .value=${value === undefined || Number.isNaN(value) ? '' : String(value)} @change=${(e) => this._edit(updatePattern(draft, tierNo, { [k]: parse(e) }))} />
+      </div>
+    `;
+        const select = (field, label, value, options, onChange) => html `
+      <div class="row">
+        <label>${label}</label>
+        <select data-field=${field} @change=${(e) => onChange(e.target.value)}>
+          ${options.map(o => html `<option value=${o} ?selected=${o === value}>${o}</option>`)}
+        </select>
+      </div>
+    `;
+        return html `
+      <div class="row">
+        <label>${t('elevation', 'Elevation')}</label>
+        <input type="number" data-field="elevation" .value=${String(tier.elevation)} @change=${(e) => this._edit(updateTier(draft, tierNo, { elevation: num(e) }))} />
+      </div>
+      ${select('pattern', t('pattern', 'Pattern'), l.pattern, ['SINGLE', 'ROW', 'GRID', 'CUSTOM'], v => this._edit(setTierPattern(draft, tierNo, v)))}
+      ${l.pattern === 'ROW'
+            ? html `
+            ${patternInput('count', t('count', 'Slots'), l.count)} ${patternInput('pitch', t('pitch', 'Pitch'), l.pitch)}
+            ${select('axis', t('axis', 'Axis'), l.axis, ['X', 'Z'], v => this._edit(updatePattern(draft, tierNo, { axis: v })))}
+            ${select('origin', t('origin', 'Slot 1 at'), (_a = l.origin) !== null && _a !== void 0 ? _a : 'MIN', ['MIN', 'MAX'], v => this._edit(updatePattern(draft, tierNo, { origin: v })))}
+          `
+            : nothing}
+      ${l.pattern === 'GRID'
+            ? html `
+            ${patternInput('rows', t('rows', 'Rows (Z)'), l.rows)} ${patternInput('cols', t('cols', 'Columns (X)'), l.cols)}
+            ${patternInput('pitch', t('pitch-x', 'Pitch X'), (_b = l.pitch) === null || _b === void 0 ? void 0 : _b.x, e => ({ ...l.pitch, x: num(e) }))}
+            ${patternInput('pitch', t('pitch-z', 'Pitch Z'), (_c = l.pitch) === null || _c === void 0 ? void 0 : _c.z, e => ({ ...l.pitch, z: num(e) }))}
+            ${select('order', t('order', 'Numbering'), (_d = l.order) !== null && _d !== void 0 ? _d : 'ROW_MAJOR', ['ROW_MAJOR', 'COL_MAJOR', 'SERPENTINE_ROW', 'SERPENTINE_COL'], v => this._edit(updatePattern(draft, tierNo, { order: v })))}
+            ${select('origin-x', t('origin-x', 'Slot 1 at X'), (_f = (_e = l.origin) === null || _e === void 0 ? void 0 : _e.x) !== null && _f !== void 0 ? _f : 'MIN', ['MIN', 'MAX'], v => this._edit(updatePattern(draft, tierNo, { origin: { z: 'MIN', ...l.origin, x: v } })))}
+            ${select('origin-z', t('origin-z', 'Slot 1 at Z'), (_h = (_g = l.origin) === null || _g === void 0 ? void 0 : _g.z) !== null && _h !== void 0 ? _h : 'MIN', ['MIN', 'MAX'], v => this._edit(updatePattern(draft, tierNo, { origin: { x: 'MIN', ...l.origin, z: v } })))}
+          `
+            : nothing}
+      ${l.pattern === 'CUSTOM' ? this._renderCustom(draft, tierNo) : this._renderSpec(draft, tierNo, l.slot)}
+    `;
+    }
+    /** 받는 타입: 모든 타입(accepts 생략) / 지정 타입만(빈 목록이면 아무것도 받지 않음) */
+    _acceptsEditor(spec, onChange) {
+        var _a;
+        const restricted = Array.isArray(spec.accepts);
+        return html `
+      <div class="row">
+        <label>${t('accepts', 'Accepts')}</label>
+        <select data-field="accepts-mode" @change=${(e) => { var _a; return onChange(e.target.value === 'ALL' ? undefined : (_a = spec.accepts) !== null && _a !== void 0 ? _a : []); }}>
+          <option value="ALL" ?selected=${!restricted}>${t('accepts-all', 'Any type')}</option>
+          <option value="LIST" ?selected=${restricted}>${t('accepts-list', 'Listed types only')}</option>
+        </select>
+      </div>
+      ${restricted
+            ? html `<div class="row">
+            <label>${t('accepts-types', 'Types (comma)')}</label>
+            <input
+              data-field="accepts"
+              .value=${((_a = spec.accepts) !== null && _a !== void 0 ? _a : []).join(', ')}
+              placeholder=${t('accepts-none', 'Empty = accepts nothing')}
+              @change=${(e) => onChange(e.target.value
+                .split(',')
+                .map(s => s.trim())
+                .filter(Boolean))}
+            />
+          </div>`
+            : nothing}
+    `;
+    }
+    _renderSpec(draft, tierNo, spec) {
+        var _a, _b;
+        const edit = (patch) => this._edit(updateSlotSpec(draft, tierNo, patch));
+        const allowed = (k, label) => {
+            var _a, _b;
+            return html `
+      <div class="row">
+        <label>${label}</label>
+        <input type="number" data-field=${`allowed-${k}`} .value=${String((_b = (_a = spec.allowed) === null || _a === void 0 ? void 0 : _a[k]) !== null && _b !== void 0 ? _b : '')} @change=${(e) => edit({ allowed: { ...spec.allowed, [k]: num(e) } })} />
+      </div>
+    `;
+        };
+        return html `
+      <h4>${t('slot-spec', 'Slot (same for every slot in this tier)')}</h4>
+      ${allowed('width', t('allowed-width', 'Allowed width'))} ${allowed('depth', t('allowed-depth', 'Allowed depth'))}
+      ${allowed('height', t('allowed-height', 'Allowed height'))}
+      <div class="row">
+        <label>${t('stack-limit', 'Stack limit')}</label>
+        <input type="number" data-field="stack-limit" min="1" step="1" .value=${String((_a = spec.stackLimit) !== null && _a !== void 0 ? _a : 1)} @change=${(e) => edit({ stackLimit: num(e) })} />
+      </div>
+      <div class="row">
+        <label>${t('rotation', 'Rotation (deg)')}</label>
+        <input type="number" data-field="rotation" .value=${String((_b = spec.rotation) !== null && _b !== void 0 ? _b : 0)} @change=${(e) => edit({ rotation: num(e) || undefined })} />
+      </div>
+      ${this._acceptsEditor(spec, accepts => edit({ accepts }))}
+    `;
+    }
+    _renderCustom(draft, tierNo) {
+        const tier = draft.tiers.find(x => x.tierNo === tierNo);
+        const slots = [...tier.layout.slots].sort((a, b) => a.slotNo - b.slotNo);
+        const cell = (slotNo, value, patch) => html `<td><input type="number" .value=${String(value !== null && value !== void 0 ? value : '')} @change=${(e) => this._edit(updateSlotSpec(draft, tierNo, patch(e), slotNo))} /></td>`;
+        return html `
+      <h4>${t('custom-slots', 'Slots')}</h4>
+      <table>
+        <tr>
+          <th>#</th>
+          <th>X</th>
+          <th>Z</th>
+          <th>${t('w', 'W')}</th>
+          <th>${t('d', 'D')}</th>
+          <th>${t('h', 'H')}</th>
+          <th>${t('stack', 'Stack')}</th>
+          <th>${t('rot', 'Rot')}</th>
+          <th></th>
+        </tr>
+        ${slots.map(s => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            return html `
+            <tr>
+              <td>${s.slotNo}</td>
+              ${cell(s.slotNo, (_a = s.offset) === null || _a === void 0 ? void 0 : _a.x, e => ({ offset: { ...s.offset, x: num(e) } }))}
+              ${cell(s.slotNo, (_b = s.offset) === null || _b === void 0 ? void 0 : _b.z, e => ({ offset: { ...s.offset, z: num(e) } }))}
+              ${cell(s.slotNo, (_c = s.allowed) === null || _c === void 0 ? void 0 : _c.width, e => ({ allowed: { ...s.allowed, width: num(e) } }))}
+              ${cell(s.slotNo, (_d = s.allowed) === null || _d === void 0 ? void 0 : _d.depth, e => ({ allowed: { ...s.allowed, depth: num(e) } }))}
+              ${cell(s.slotNo, (_e = s.allowed) === null || _e === void 0 ? void 0 : _e.height, e => ({ allowed: { ...s.allowed, height: num(e) } }))}
+              ${cell(s.slotNo, (_f = s.stackLimit) !== null && _f !== void 0 ? _f : 1, e => ({ stackLimit: num(e) }))} ${cell(s.slotNo, (_g = s.rotation) !== null && _g !== void 0 ? _g : 0, e => ({ rotation: num(e) || undefined }))}
+              <td><button ?disabled=${slots.length <= 1} @click=${() => this._edit(removeCustomSlot(draft, tierNo, s.slotNo))}>−</button></td>
+            </tr>
+          `;
+        })}
+      </table>
+      <div class="actions"><button data-action="add-slot" @click=${() => this._edit(addCustomSlot(draft, tierNo))}>${t('add-slot', 'Add slot')}</button></div>
+    `;
+    }
+    /** 위에서 본 자리 배치. 오른쪽이 +X, 위쪽이 −Z */
+    _renderPreview(draft, tierNo) {
+        const slots = previewTier(draft, tierNo);
+        if (!slots.length)
+            return html `<div class="note" data-preview="none">${t('preview-none', 'No slots to show with the current values.')}</div>`;
+        const minX = Math.min(...slots.map(s => s.x - s.width / 2));
+        const maxX = Math.max(...slots.map(s => s.x + s.width / 2));
+        const minZ = Math.min(...slots.map(s => s.z - s.depth / 2));
+        const maxZ = Math.max(...slots.map(s => s.z + s.depth / 2));
+        const w = Math.max(maxX - minX, 1);
+        const h = Math.max(maxZ - minZ, 1);
+        const pad = Math.max(w, h) * 0.08;
+        const font = Math.max(w, h) * 0.07;
+        return html `
+      <svg data-preview viewBox="${minX - pad} ${minZ - pad} ${w + pad * 2} ${h + pad * 2}" preserveAspectRatio="xMidYMid meet">
+        ${slots.map(s => svg `
+            <rect data-slot=${s.slotNo} x=${s.x - s.width / 2} y=${s.z - s.depth / 2} width=${s.width} height=${s.depth}
+              fill="rgba(25,118,210,0.08)" stroke="rgba(25,118,210,0.8)" stroke-width=${Math.max(w, h) * 0.006} />
+            <text x=${s.x} y=${s.z} font-size=${font} text-anchor="middle" dominant-baseline="central" fill="#0d47a1">${s.slotNo}</text>
+          `)}
+      </svg>
+      <div class="note">${t('preview-axes', 'Right = +X, up = −Z')}</div>
+    `;
+    }
+};
+OxSlotLayoutEditor.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      font-size: 12px;
+    }
+    .row {
+      display: grid;
+      grid-template-columns: 40% 1fr;
+      align-items: center;
+      gap: 4px;
+    }
+    .notes {
+      padding: 4px 6px;
+      border-radius: 4px;
+      background: rgba(0, 0, 0, 0.04);
+    }
+    .error {
+      color: #c62828;
+    }
+    .note {
+      color: rgba(0, 0, 0, 0.55);
+    }
+    .chips {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 4px;
+    }
+    .chips button[active] {
+      border-color: var(--md-sys-color-primary, #1976d2);
+      color: var(--md-sys-color-primary, #1976d2);
+      font-weight: bold;
+    }
+    button {
+      font-size: 12px;
+      padding: 2px 8px;
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      border-radius: 4px;
+      background: #fff;
+      cursor: pointer;
+    }
+    button[disabled] {
+      opacity: 0.4;
+      cursor: default;
+    }
+    input,
+    select {
+      font-size: 12px;
+      min-width: 0;
+    }
+    table {
+      border-collapse: collapse;
+      width: 100%;
+    }
+    td,
+    th {
+      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+      padding: 1px;
+    }
+    td input {
+      width: 100%;
+      box-sizing: border-box;
+    }
+    h4 {
+      margin: 6px 0 2px;
+      font-size: 12px;
+    }
+    svg {
+      width: 100%;
+      height: 160px;
+      background: rgba(0, 0, 0, 0.02);
+      border: 1px solid rgba(0, 0, 0, 0.08);
+    }
+    .actions {
+      display: flex;
+      gap: 4px;
+      justify-content: flex-end;
+    }
+  `;
+__decorate([
+    property({ attribute: false })
+], OxSlotLayoutEditor.prototype, "value", void 0);
+__decorate([
+    property({ attribute: false })
+], OxSlotLayoutEditor.prototype, "options", void 0);
+__decorate([
+    state()
+], OxSlotLayoutEditor.prototype, "draft", void 0);
+__decorate([
+    state()
+], OxSlotLayoutEditor.prototype, "tier", void 0);
+__decorate([
+    state()
+], OxSlotLayoutEditor.prototype, "dirty", void 0);
+__decorate([
+    state()
+], OxSlotLayoutEditor.prototype, "presetKey", void 0);
+__decorate([
+    state()
+], OxSlotLayoutEditor.prototype, "presetSize", void 0);
+__decorate([
+    state()
+], OxSlotLayoutEditor.prototype, "presetParams", void 0);
+__decorate([
+    state()
+], OxSlotLayoutEditor.prototype, "copyElevation", void 0);
+OxSlotLayoutEditor = __decorate([
+    customElement('ox-slot-layout-editor')
+], OxSlotLayoutEditor);
+export { OxSlotLayoutEditor };
+//# sourceMappingURL=ox-slot-layout-editor.js.map

package/dist/src/ox-slot-layout-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-slot-layout-editor.js","sourceRoot":"","sources":["../../src/ox-slot-layout-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAoF,MAAM,wBAAwB,CAAA;AAEhK,OAAO,EACL,aAAa,EACb,WAAW,EACX,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,aAAa,EACb,cAAc,EACd,UAAU,EAGX,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,CAAC,EAAoB,MAAM,iBAAiB,CAAA;AA4BpF,MAAM,GAAG,GAAG,CAAC,CAAQ,EAAE,EAAE;IACvB,MAAM,CAAC,GAAI,CAAC,CAAC,MAA2B,CAAC,aAAa,CAAA;IACtD,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;AACrC,CAAC,CAAA;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA9D;;QAoF2B,YAAO,GAA4B,EAAE,CAAA;QAG5D,SAAI,GAAG,CAAC,CAAA;QACR,UAAK,GAAG,KAAK,CAAA;QACb,cAAS,GAAG,EAAE,CAAA;QACd,eAAU,GAAwB,EAAE,CAAA;QACpC,iBAAY,GAA2B,EAAE,CAAA;QACzC,kBAAa,GAAG,GAAG,CAAA;IA6S9B,CAAC;IA3SC,UAAU,CAAC,OAA6B;;QACtC,wEAAwE;QACxE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAwC,CAAA;QAC5E,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,OAAK,MAAA,IAAI,CAAC,OAAO,0CAAE,SAAS,CAAA,CAAC;YAAE,IAAI,CAAC,KAAK,EAAE,CAAA;aAC9G,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC,CAAA;YAC5F,IAAI,CAAC,SAAS,GAAG,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,0CAAG,CAAC,CAAC,0CAAE,GAAG,mCAAI,EAAE,CAAA;IAC1D,CAAC;IAED,gDAAgD;IAChD,KAAK;;QACH,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,SAAS,CAAA;QACnD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACvD,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,mCAAI,EAAE,CAAC,EAAE,CAAA;QACzD,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC,CAAA;YAAE,IAAI,CAAC,SAAS,GAAG,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,0CAAG,CAAC,CAAC,0CAAE,GAAG,mCAAI,EAAE,CAAA;IACzH,CAAC;IAED,IAAI,MAAM;;QACR,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAA;QAC1B,MAAM,OAAO,GAAkB,CAAC,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,mCAAI,EAAE,CAAC,CAAC,CAAA;QACnH,gDAAgD;QAChD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACjE,CAAC;IAEO,KAAK,CAAC,KAAkB;;QAC9B,OAAO,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,SAAS,mDAAG,KAAK,CAAC,mCAAI,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACpE,CAAC;IAEO,KAAK,CAAC,IAAgB;;QAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,IAAI,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,MAAM,mCAAI,CAAC,CAAA;IAC/G,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC5E,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IACnG,CAAC;IAED,MAAM;;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAC1B,MAAM,aAAa,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,mCAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;QAC7E,OAAO,IAAI,CAAA;QACP,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,0CAAE,MAAM;YAC3B,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,cAAc,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,QAAQ,CAAC;iBACpG;YACT,CAAC,CAAC,OAAO;QACT,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO;;UAEtE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,4CAA4C,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO;kDAChG,CAAC,IAAI,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC;gDACrE,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC;;KAEvI,CAAA;IACH,CAAC;IAEO,aAAa;;QACnB,MAAM,OAAO,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAA;QAC3C,IAAI,CAAC,OAAO,CAAC,MAAM;YAAE,OAAO,OAAO,CAAA;QACnC,MAAM,MAAM,GAAG,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC,mCAAI,OAAO,CAAC,CAAC,CAAC,CAAA;QACxE,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QACrE,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,KAAc,EAAE,QAA6B,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,CAAA;;iBAExF,KAAK;2CACqB,GAAG,WAAW,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;KAE7J,CAAA;QACD,OAAO,IAAI,CAAA;YACH,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC;;iBAEhB,CAAC,CAAC,aAAa,EAAE,MAAM,CAAC;6CACI,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;YACvG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,iBAAiB,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,WAAW,CAAC;;;QAGxG,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;QAC7H,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;QAC7H,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC;QACpJ,CAAC,MAAA,MAAM,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAC9B,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CACrH;0BACmB,CAAC,CAAC,aAAa,EAAE,mGAAmG,CAAC;;uDAExF,CAAC,KAAK,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;YACtH,CAAC,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;;;KAGlD,CAAA;IACH,CAAC;IAED,sDAAsD;IAC9C,UAAU,CAAC,MAAkB;;QACnC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAA4B,CAAA;QACxF,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,eAAe,CAAC,MAAM,CAAC,EAAgB,CAAC,CAAA;IACpE,CAAC;IAEO,YAAY,CAAC,MAAqB;;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAM,CAAA;QACzB,MAAM,IAAI,GAAG,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,CAAC,mCAAI,MAAA,KAAK,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAA;QAC/E,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,UAAU,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;QAC9I,uDAAuD;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAA;QAC3B,OAAO,IAAI,CAAA;YACH,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC;;UAErB,KAAK,CAAC,KAAK,CAAC,GAAG,CACf,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,qBAAqB,CAAC,CAAC,MAAM,YAAY,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,WAAW,CACzK;;;iBAGQ,CAAC,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;kEACQ,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;;;oDAG1I,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACzJ,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC;;sDAEe,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC;;QAEnK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,mDAAG,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,mCAAI,OAAO;YAC3G,CAAC,CAAC,SAAS,EAAE,8BAA8B,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;QACpE,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,SAAS;KACvD,CAAA;IACH,CAAC;IAEO,WAAW,CAAC,KAAiB,EAAE,MAAc;;QACnD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAE,CAAA;QACxD,MAAM,CAAC,GAAG,IAAI,CAAC,MAA2C,CAAA;QAC1D,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,KAAa,EAAE,KAAc,EAAE,QAA+B,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA;;iBAE9F,KAAK;0CACoB,CAAC,WAAW,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;;KAErM,CAAA;QACD,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,KAAa,EAAE,OAAiB,EAAE,QAA6B,EAAE,EAAE,CAAC,IAAI,CAAA;;iBAEzG,KAAK;6BACO,KAAK,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;YAC/F,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,iBAAiB,CAAC,cAAc,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC;;;KAGxF,CAAA;QACD,OAAO,IAAI,CAAA;;iBAEE,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC;6DACiB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;;QAEjK,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,CAA2B,CAAC,CAAC,CAAC;QACvK,CAAC,CAAC,OAAO,KAAK,KAAK;YACnB,CAAC,CAAC,IAAI,CAAA;cACA,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;cAC1G,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAc,EAAE,CAAC,CAAC,CAAC;cAC9H,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,MAAA,CAAC,CAAC,MAAM,mCAAI,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAkB,EAAE,CAAC,CAAC,CAAC;WAC/J;YACH,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,KAAK,MAAM;YACpB,CAAC,CAAC,IAAI,CAAA;cACA,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC;cAC7G,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,MAAA,CAAC,CAAC,KAAK,0CAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;cAC5F,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,MAAA,CAAC,CAAC,KAAK,0CAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;cAC5F,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,MAAA,CAAC,CAAC,KAAK,mCAAI,WAAW,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,CACrI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAc,EAAE,CAAC,CAAC,CACpE;cACC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,MAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,CAAC,mCAAI,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAC3F,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAkB,EAAE,EAAE,CAAC,CAAC,CACvG;cACC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,MAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,CAAC,mCAAI,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAC3F,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAkB,EAAE,EAAE,CAAC,CAAC,CACvG;WACF;YACH,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC;KACvG,CAAA;IACH,CAAC;IAED,2DAA2D;IACnD,cAAc,CAAC,IAAc,EAAE,QAAiD;;QACtF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC9C,OAAO,IAAI,CAAA;;iBAEE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC;oDACY,CAAC,CAAQ,EAAE,EAAE,WAAC,OAAA,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA,EAAA;0CAClH,CAAC,UAAU,IAAI,CAAC,CAAC,aAAa,EAAE,UAAU,CAAC;2CAC1C,UAAU,IAAI,CAAC,CAAC,cAAc,EAAE,mBAAmB,CAAC;;;QAGvF,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;qBACO,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC;;;uBAGjC,CAAC,MAAA,IAAI,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC1B,CAAC,CAAC,cAAc,EAAE,yBAAyB,CAAC;wBAChD,CAAC,CAAQ,EAAE,EAAE,CACrB,QAAQ,CACL,CAAC,CAAC,MAA2B,CAAC,KAAK;iBACjC,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;iBAClB,MAAM,CAAC,OAAO,CAAC,CACnB;;iBAEA;YACT,CAAC,CAAC,OAAO;KACZ,CAAA;IACH,CAAC;IAEO,WAAW,CAAC,KAAiB,EAAE,MAAc,EAAE,IAAc;;QACnE,MAAM,IAAI,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;QAC3F,MAAM,OAAO,GAAG,CAAC,CAA+B,EAAE,KAAa,EAAE,EAAE;;YAAC,OAAA,IAAI,CAAA;;iBAE3D,KAAK;0CACoB,WAAW,CAAC,EAAE,WAAW,MAAM,CAAC,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;;KAE1K,CAAA;SAAA,CAAA;QACD,OAAO,IAAI,CAAA;YACH,CAAC,CAAC,WAAW,EAAE,yCAAyC,CAAC;QAC7D,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;QAC9G,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;;iBAE/C,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC;gFACgC,MAAM,CAAC,MAAA,IAAI,CAAC,UAAU,mCAAI,CAAC,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;;;iBAGjJ,CAAC,CAAC,UAAU,EAAE,gBAAgB,CAAC;4DACY,MAAM,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,CAAC,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC;;QAE/I,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;KAC1D,CAAA;IACH,CAAC;IAEO,aAAa,CAAC,KAAiB,EAAE,MAAc;QACrD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAE,CAAA;QACxD,MAAM,KAAK,GAAG,CAAC,GAAI,IAAI,CAAC,MAAsD,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAA;QACzH,MAAM,IAAI,GAAG,CAAC,MAAc,EAAE,KAAc,EAAE,KAA4C,EAAE,EAAE,CAC5F,IAAI,CAAA,mCAAmC,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,UAAU,CAAA;QAC3J,OAAO,IAAI,CAAA;YACH,CAAC,CAAC,cAAc,EAAE,OAAO,CAAC;;;;;;gBAMtB,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC;gBACX,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC;gBACX,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC;gBACX,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC;gBACnB,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC;;;UAGrB,KAAK,CAAC,GAAG,CACT,CAAC,CAAC,EAAE;;YAAC,OAAA,IAAI,CAAA;;oBAEC,CAAC,CAAC,MAAM;gBACZ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,MAAA,CAAC,CAAC,MAAM,0CAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC1E,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,MAAA,CAAC,CAAC,MAAM,0CAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC1E,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,MAAA,CAAC,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACrF,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,MAAA,CAAC,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACrF,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,MAAA,CAAC,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACvF,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,MAAA,CAAC,CAAC,UAAU,mCAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC;sCACvH,KAAK,CAAC,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;;WAElH,CAAA;SAAA,CACF;;mEAE0D,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC;KACzI,CAAA;IACH,CAAC;IAED,mCAAmC;IAC3B,cAAc,CAAC,KAAiB,EAAE,MAAc;QACtD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA,yCAAyC,CAAC,CAAC,cAAc,EAAE,2CAA2C,CAAC,QAAQ,CAAA;QAC7I,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3D,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,CAAC,CAAA;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,CAAC,CAAA;QAClC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;QAClC,OAAO,IAAI,CAAA;mCACoB,IAAI,GAAG,GAAG,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;UAC/E,KAAK,CAAC,GAAG,CACT,CAAC,CAAC,EAAE,CAAC,GAAG,CAAA;8BACY,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,KAAK;wFAC/B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK;sBACxF,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,IAAI,oEAAoE,CAAC,CAAC,MAAM;WACrH,CACF;;0BAEiB,CAAC,CAAC,cAAc,EAAE,qBAAqB,CAAC;KAC7D,CAAA;IACH,CAAC;;AAvYM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+ElB,AA/EY,CA+EZ;AAG+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;iDAA8B;AAC7B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;mDAAsC;AAE5D;IAAR,KAAK,EAAE;iDAA8B;AAC7B;IAAR,KAAK,EAAE;gDAAS;AACR;IAAR,KAAK,EAAE;iDAAc;AACb;IAAR,KAAK,EAAE;qDAAe;AACd;IAAR,KAAK,EAAE;sDAAqC;AACpC;IAAR,KAAK,EAAE;wDAA0C;AACzC;IAAR,KAAK,EAAE;yDAAoB;AA5FjB,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAyY9B","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n *\n * 자리 레이아웃 편집기. 홀더의 층·자리 구성을 고치고, 검증하고, 미리 보고, [적용]으로 알린다.\n *\n * 컴포넌트 상태를 직접 바꾸지 않는다. 호스트에 두 가지만 알린다:\n *   change                   — 적용한 레이아웃 (this.value)\n *   slot-layout-use-default  — 개별 설정을 지우고 기본값을 쓰겠다는 의도 (값을 비우는 편집과 다르다)\n * 기본값을 쓰게 된 뒤 보일 값은 호스트가 options.effective 로 다시 준다.\n */\n\nimport { css, html, nothing, LitElement, svg } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { persistenceIssues, validateSlotLayout, type GridOrder, type SlotLayout, type SlotMount, type SlotPattern, type SlotSpec } from '@hatiolab/things-scene'\n\nimport {\n  addCustomSlot,\n  applyPreset,\n  copyTier,\n  previewTier,\n  removeCustomSlot,\n  removeTier,\n  setTierPattern,\n  updatePattern,\n  updateSlotSpec,\n  updateTier,\n  type PresetSize,\n  type SlotLayoutPreset\n} from './draft.js'\nimport { issueText as defaultIssueText, t, type EditorIssue } from './issue-text.js'\n\nexport interface SlotLayoutEditorNote {\n  text: string\n  level?: 'info' | 'error'\n}\n\nexport interface SlotLayoutEditorOptions<L extends SlotLayout = SlotLayout> {\n  /** 개별 설정이 없을 때 보이는 값 (호스트가 고른 기본값). 편집 시작점이 된다 */\n  effective?: L\n  /** [기본값 사용]을 보일지. 기본은 개별 설정(value)이 있을 때 */\n  canUseDefault?: boolean\n  /** 호스트가 주는 프리셋 */\n  presets?: SlotLayoutPreset<L>[]\n  /** 프리셋 크기 초기값 */\n  presetSize?: Partial<PresetSize>\n  /** 상태 문구 (값의 출처, 단위 상태 등) */\n  notes?: SlotLayoutEditorNote[]\n  /** 프리셋 없이 새로 시작할 때의 mount. 기본 ON */\n  mount?: SlotMount\n  /** 호스트 고유 검증 (경로는 레이아웃 기준) */\n  validate?: (layout: L) => EditorIssue[]\n  /** 문제 문구. undefined 를 돌려주면 기본 문구 */\n  issueText?: (issue: EditorIssue) => string | undefined\n  /** 레이아웃에 덧붙인 호스트 키를 고치는 구역 (예: 실시간 주소 읽기). edit 로 새 레이아웃을 넘긴다 */\n  renderExtra?: (draft: L, edit: (next: L) => void) => unknown\n}\n\nconst num = (e: Event) => {\n  const n = (e.target as HTMLInputElement).valueAsNumber\n  return Number.isFinite(n) ? n : NaN\n}\n\n@customElement('ox-slot-layout-editor')\nexport class OxSlotLayoutEditor extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      font-size: 12px;\n    }\n    .row {\n      display: grid;\n      grid-template-columns: 40% 1fr;\n      align-items: center;\n      gap: 4px;\n    }\n    .notes {\n      padding: 4px 6px;\n      border-radius: 4px;\n      background: rgba(0, 0, 0, 0.04);\n    }\n    .error {\n      color: #c62828;\n    }\n    .note {\n      color: rgba(0, 0, 0, 0.55);\n    }\n    .chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n    }\n    .chips button[active] {\n      border-color: var(--md-sys-color-primary, #1976d2);\n      color: var(--md-sys-color-primary, #1976d2);\n      font-weight: bold;\n    }\n    button {\n      font-size: 12px;\n      padding: 2px 8px;\n      border: 1px solid rgba(0, 0, 0, 0.2);\n      border-radius: 4px;\n      background: #fff;\n      cursor: pointer;\n    }\n    button[disabled] {\n      opacity: 0.4;\n      cursor: default;\n    }\n    input,\n    select {\n      font-size: 12px;\n      min-width: 0;\n    }\n    table {\n      border-collapse: collapse;\n      width: 100%;\n    }\n    td,\n    th {\n      border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n      padding: 1px;\n    }\n    td input {\n      width: 100%;\n      box-sizing: border-box;\n    }\n    h4 {\n      margin: 6px 0 2px;\n      font-size: 12px;\n    }\n    svg {\n      width: 100%;\n      height: 160px;\n      background: rgba(0, 0, 0, 0.02);\n      border: 1px solid rgba(0, 0, 0, 0.08);\n    }\n    .actions {\n      display: flex;\n      gap: 4px;\n      justify-content: flex-end;\n    }\n  `\n\n  /** 개별 설정. 없으면 undefined */\n  @property({ attribute: false }) value: SlotLayout | undefined\n  @property({ attribute: false }) options: SlotLayoutEditorOptions = {}\n\n  @state() draft: SlotLayout | undefined\n  @state() tier = 1\n  @state() dirty = false\n  @state() presetKey = ''\n  @state() presetSize: Partial<PresetSize> = {}\n  @state() presetParams: Record<string, number> = {}\n  @state() copyElevation = NaN\n\n  willUpdate(changed: Map<string, unknown>) {\n    // 호스트가 렌더마다 새 options 를 넘겨도 편집 중인 값을 잃지 않도록, 값이나 호스트 기본값이 바뀔 때만 다시 시작한다\n    const before = changed.get('options') as SlotLayoutEditorOptions | undefined\n    if (changed.has('value') || (changed.has('options') && before?.effective !== this.options?.effective)) this.reset()\n    else if (changed.has('options') && !this.options?.presets?.some(p => p.key === this.presetKey))\n      this.presetKey = this.options?.presets?.[0]?.key ?? ''\n  }\n\n  /** 편집 중인 값을 버리고 개별 설정(없으면 호스트 기본값)에서 다시 시작한다 */\n  reset() {\n    const start = this.value ?? this.options?.effective\n    this.draft = start ? structuredClone(start) : undefined\n    this.tier = 1\n    this.dirty = false\n    this.presetSize = { ...(this.options?.presetSize ?? {}) }\n    if (!this.options?.presets?.some(p => p.key === this.presetKey)) this.presetKey = this.options?.presets?.[0]?.key ?? ''\n  }\n\n  get issues(): EditorIssue[] {\n    if (!this.draft) return []\n    const invalid: EditorIssue[] = [...validateSlotLayout(this.draft), ...(this.options?.validate?.(this.draft) ?? [])]\n    // 저장 불가 검사는 검증을 통과한 값에만 보인다 (같은 문제를 두 번 적지 않는다)\n    return invalid.length ? invalid : persistenceIssues(this.draft)\n  }\n\n  private _text(issue: EditorIssue) {\n    return this.options?.issueText?.(issue) ?? defaultIssueText(issue)\n  }\n\n  private _edit(next: SlotLayout) {\n    this.draft = next\n    this.dirty = true\n    if (!next.tiers.some(x => x.tierNo === this.tier)) this.tier = next.tiers[next.tiers.length - 1]?.tierNo ?? 1\n  }\n\n  private _apply() {\n    this.value = structuredClone(this.draft)\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _useDefault() {\n    this.dispatchEvent(new CustomEvent('slot-layout-use-default', { bubbles: true, composed: true }))\n  }\n\n  render() {\n    const issues = this.issues\n    const canUseDefault = this.options?.canUseDefault ?? this.value !== undefined\n    return html`\n      ${this.options?.notes?.length\n        ? html`<div class=\"notes\">\n            ${this.options.notes.map(n => html`<div class=${n.level === 'error' ? 'error' : 'note'}>${n.text}</div>`)}\n          </div>`\n        : nothing}\n      ${this._renderPreset()} ${this.draft ? this._renderDraft(issues) : nothing}\n      <div class=\"actions\">\n        ${canUseDefault ? html`<button data-action=\"use-default\" @click=${this._useDefault}>${t('use-default', 'Use default')}</button>` : nothing}\n        <button data-action=\"discard\" ?disabled=${!this.dirty} @click=${() => this.reset()}>${t('discard', 'Discard')}</button>\n        <button data-action=\"apply\" ?disabled=${!this.dirty || !this.draft || issues.length > 0} @click=${this._apply}>${t('apply', 'Apply')}</button>\n      </div>\n    `\n  }\n\n  private _renderPreset() {\n    const presets = this.options?.presets ?? []\n    if (!presets.length) return nothing\n    const preset = presets.find(p => p.key === this.presetKey) ?? presets[0]\n    const built = applyPreset(preset, this.presetSize, this.presetParams)\n    const numberRow = (label: string, value: unknown, onChange: (n: number) => void, key: string) => html`\n      <div class=\"row\">\n        <label>${label}</label>\n        <input type=\"number\" data-preset=${key} .value=${value === undefined || Number.isNaN(value) ? '' : String(value)} @change=${(e: Event) => onChange(num(e))} />\n      </div>\n    `\n    return html`\n      <h4>${t('preset', 'Preset')}</h4>\n      <div class=\"row\">\n        <label>${t('preset-kind', 'Kind')}</label>\n        <select data-preset=\"kind\" @change=${(e: Event) => (this.presetKey = (e.target as HTMLSelectElement).value)}>\n          ${presets.map(p => html`<option value=${p.key} ?selected=${p.key === preset.key}>${p.label}</option>`)}\n        </select>\n      </div>\n      ${numberRow(t('width', 'Width (X)'), this.presetSize.width, n => (this.presetSize = { ...this.presetSize, width: n }), 'width')}\n      ${numberRow(t('depth', 'Depth (Z)'), this.presetSize.depth, n => (this.presetSize = { ...this.presetSize, depth: n }), 'depth')}\n      ${numberRow(t('slot-height', 'Slot height'), this.presetSize.slotHeight, n => (this.presetSize = { ...this.presetSize, slotHeight: n }), 'slotHeight')}\n      ${(preset.params ?? []).map(p =>\n        numberRow(p.label, this.presetParams[p.key], n => (this.presetParams = { ...this.presetParams, [p.key]: n }), p.key)\n      )}\n      <div class=\"note\">${t('preset-note', 'Pitch and slot size are split evenly as starting values. Confirm them against the real equipment.')}</div>\n      <div class=\"actions\">\n        <button data-action=\"start-preset\" ?disabled=${!built.layout} @click=${() => built.layout && this._startFrom(built.layout)}>\n          ${t('start-from-preset', 'Start from preset')}\n        </button>\n      </div>\n    `\n  }\n\n  /** 프리셋으로 다시 시작한다. 지금 값에 덧붙은 호스트 키(층·자리 밖의 키)는 가져온다 */\n  private _startFrom(layout: SlotLayout) {\n    const { mount: _m, tiers: _t, ...extra } = (this.draft ?? {}) as Record<string, unknown>\n    this._edit({ ...extra, ...structuredClone(layout) } as SlotLayout)\n  }\n\n  private _renderDraft(issues: EditorIssue[]) {\n    const draft = this.draft!\n    const tier = draft.tiers?.find(x => x.tierNo === this.tier) ?? draft.tiers?.[0]\n    const issueList = issues.length ? html`<div class=\"error\" data-issues>${issues.map(i => html`<div>· ${this._text(i)}</div>`)}</div>` : nothing\n    // 층이 없는 값(잘못된 저장값)은 편집할 층이 없으므로 문제만 보인다. 프리셋으로 다시 시작한다\n    if (!tier) return issueList\n    return html`\n      <h4>${t('tiers', 'Tiers')}</h4>\n      <div class=\"chips\">\n        ${draft.tiers.map(\n          x => html`<button data-tier=${x.tierNo} ?active=${x.tierNo === tier.tierNo} @click=${() => (this.tier = x.tierNo)}>${t('tier-n', 'Tier {n}', { n: x.tierNo })}</button>`\n        )}\n      </div>\n      <div class=\"row\">\n        <label>${t('copy-elevation', 'New tier elevation')}</label>\n        <input type=\"number\" data-field=\"copy-elevation\" .value=${Number.isFinite(this.copyElevation) ? String(this.copyElevation) : ''} @change=${(e: Event) => (this.copyElevation = num(e))} />\n      </div>\n      <div class=\"actions\">\n        <button data-action=\"copy-tier\" ?disabled=${!Number.isFinite(this.copyElevation)} @click=${() => this._edit(copyTier(draft, tier.tierNo, this.copyElevation))}>\n          ${t('copy-tier', 'Copy tier')}\n        </button>\n        <button data-action=\"remove-tier\" ?disabled=${draft.tiers.length <= 1} @click=${() => this._edit(removeTier(draft, tier.tierNo))}>${t('remove-tier', 'Remove tier')}</button>\n      </div>\n      ${this._renderTier(draft, tier.tierNo)} ${this.options?.renderExtra?.(draft, next => this._edit(next)) ?? nothing}\n      <h4>${t('preview', 'Preview (top view, tier {n})', { n: tier.tierNo })}</h4>\n      ${this._renderPreview(draft, tier.tierNo)} ${issueList}\n    `\n  }\n\n  private _renderTier(draft: SlotLayout, tierNo: number) {\n    const tier = draft.tiers.find(x => x.tierNo === tierNo)!\n    const l = tier.layout as SlotPattern & Record<string, any>\n    const patternInput = (k: string, label: string, value: unknown, parse: (e: Event) => unknown = num) => html`\n      <div class=\"row\">\n        <label>${label}</label>\n        <input type=\"number\" data-field=${k} .value=${value === undefined || Number.isNaN(value) ? '' : String(value)} @change=${(e: Event) => this._edit(updatePattern(draft, tierNo, { [k]: parse(e) }))} />\n      </div>\n    `\n    const select = (field: string, label: string, value: string, options: string[], onChange: (v: string) => void) => html`\n      <div class=\"row\">\n        <label>${label}</label>\n        <select data-field=${field} @change=${(e: Event) => onChange((e.target as HTMLSelectElement).value)}>\n          ${options.map(o => html`<option value=${o} ?selected=${o === value}>${o}</option>`)}\n        </select>\n      </div>\n    `\n    return html`\n      <div class=\"row\">\n        <label>${t('elevation', 'Elevation')}</label>\n        <input type=\"number\" data-field=\"elevation\" .value=${String(tier.elevation)} @change=${(e: Event) => this._edit(updateTier(draft, tierNo, { elevation: num(e) }))} />\n      </div>\n      ${select('pattern', t('pattern', 'Pattern'), l.pattern, ['SINGLE', 'ROW', 'GRID', 'CUSTOM'], v => this._edit(setTierPattern(draft, tierNo, v as SlotPattern['pattern'])))}\n      ${l.pattern === 'ROW'\n        ? html`\n            ${patternInput('count', t('count', 'Slots'), l.count)} ${patternInput('pitch', t('pitch', 'Pitch'), l.pitch)}\n            ${select('axis', t('axis', 'Axis'), l.axis, ['X', 'Z'], v => this._edit(updatePattern(draft, tierNo, { axis: v as 'X' | 'Z' })))}\n            ${select('origin', t('origin', 'Slot 1 at'), l.origin ?? 'MIN', ['MIN', 'MAX'], v => this._edit(updatePattern(draft, tierNo, { origin: v as 'MIN' | 'MAX' })))}\n          `\n        : nothing}\n      ${l.pattern === 'GRID'\n        ? html`\n            ${patternInput('rows', t('rows', 'Rows (Z)'), l.rows)} ${patternInput('cols', t('cols', 'Columns (X)'), l.cols)}\n            ${patternInput('pitch', t('pitch-x', 'Pitch X'), l.pitch?.x, e => ({ ...l.pitch, x: num(e) }))}\n            ${patternInput('pitch', t('pitch-z', 'Pitch Z'), l.pitch?.z, e => ({ ...l.pitch, z: num(e) }))}\n            ${select('order', t('order', 'Numbering'), l.order ?? 'ROW_MAJOR', ['ROW_MAJOR', 'COL_MAJOR', 'SERPENTINE_ROW', 'SERPENTINE_COL'], v =>\n              this._edit(updatePattern(draft, tierNo, { order: v as GridOrder }))\n            )}\n            ${select('origin-x', t('origin-x', 'Slot 1 at X'), l.origin?.x ?? 'MIN', ['MIN', 'MAX'], v =>\n              this._edit(updatePattern(draft, tierNo, { origin: { z: 'MIN', ...l.origin, x: v as 'MIN' | 'MAX' } }))\n            )}\n            ${select('origin-z', t('origin-z', 'Slot 1 at Z'), l.origin?.z ?? 'MIN', ['MIN', 'MAX'], v =>\n              this._edit(updatePattern(draft, tierNo, { origin: { x: 'MIN', ...l.origin, z: v as 'MIN' | 'MAX' } }))\n            )}\n          `\n        : nothing}\n      ${l.pattern === 'CUSTOM' ? this._renderCustom(draft, tierNo) : this._renderSpec(draft, tierNo, l.slot)}\n    `\n  }\n\n  /** 받는 타입: 모든 타입(accepts 생략) / 지정 타입만(빈 목록이면 아무것도 받지 않음) */\n  private _acceptsEditor(spec: SlotSpec, onChange: (accepts: string[] | undefined) => void) {\n    const restricted = Array.isArray(spec.accepts)\n    return html`\n      <div class=\"row\">\n        <label>${t('accepts', 'Accepts')}</label>\n        <select data-field=\"accepts-mode\" @change=${(e: Event) => onChange((e.target as HTMLSelectElement).value === 'ALL' ? undefined : spec.accepts ?? [])}>\n          <option value=\"ALL\" ?selected=${!restricted}>${t('accepts-all', 'Any type')}</option>\n          <option value=\"LIST\" ?selected=${restricted}>${t('accepts-list', 'Listed types only')}</option>\n        </select>\n      </div>\n      ${restricted\n        ? html`<div class=\"row\">\n            <label>${t('accepts-types', 'Types (comma)')}</label>\n            <input\n              data-field=\"accepts\"\n              .value=${(spec.accepts ?? []).join(', ')}\n              placeholder=${t('accepts-none', 'Empty = accepts nothing')}\n              @change=${(e: Event) =>\n                onChange(\n                  (e.target as HTMLInputElement).value\n                    .split(',')\n                    .map(s => s.trim())\n                    .filter(Boolean)\n                )}\n            />\n          </div>`\n        : nothing}\n    `\n  }\n\n  private _renderSpec(draft: SlotLayout, tierNo: number, spec: SlotSpec) {\n    const edit = (patch: Partial<SlotSpec>) => this._edit(updateSlotSpec(draft, tierNo, patch))\n    const allowed = (k: 'width' | 'depth' | 'height', label: string) => html`\n      <div class=\"row\">\n        <label>${label}</label>\n        <input type=\"number\" data-field=${`allowed-${k}`} .value=${String(spec.allowed?.[k] ?? '')} @change=${(e: Event) => edit({ allowed: { ...spec.allowed, [k]: num(e) } })} />\n      </div>\n    `\n    return html`\n      <h4>${t('slot-spec', 'Slot (same for every slot in this tier)')}</h4>\n      ${allowed('width', t('allowed-width', 'Allowed width'))} ${allowed('depth', t('allowed-depth', 'Allowed depth'))}\n      ${allowed('height', t('allowed-height', 'Allowed height'))}\n      <div class=\"row\">\n        <label>${t('stack-limit', 'Stack limit')}</label>\n        <input type=\"number\" data-field=\"stack-limit\" min=\"1\" step=\"1\" .value=${String(spec.stackLimit ?? 1)} @change=${(e: Event) => edit({ stackLimit: num(e) })} />\n      </div>\n      <div class=\"row\">\n        <label>${t('rotation', 'Rotation (deg)')}</label>\n        <input type=\"number\" data-field=\"rotation\" .value=${String(spec.rotation ?? 0)} @change=${(e: Event) => edit({ rotation: num(e) || undefined })} />\n      </div>\n      ${this._acceptsEditor(spec, accepts => edit({ accepts }))}\n    `\n  }\n\n  private _renderCustom(draft: SlotLayout, tierNo: number) {\n    const tier = draft.tiers.find(x => x.tierNo === tierNo)!\n    const slots = [...(tier.layout as Extract<SlotPattern, { pattern: 'CUSTOM' }>).slots].sort((a, b) => a.slotNo - b.slotNo)\n    const cell = (slotNo: number, value: unknown, patch: (e: Event) => Record<string, unknown>) =>\n      html`<td><input type=\"number\" .value=${String(value ?? '')} @change=${(e: Event) => this._edit(updateSlotSpec(draft, tierNo, patch(e), slotNo))} /></td>`\n    return html`\n      <h4>${t('custom-slots', 'Slots')}</h4>\n      <table>\n        <tr>\n          <th>#</th>\n          <th>X</th>\n          <th>Z</th>\n          <th>${t('w', 'W')}</th>\n          <th>${t('d', 'D')}</th>\n          <th>${t('h', 'H')}</th>\n          <th>${t('stack', 'Stack')}</th>\n          <th>${t('rot', 'Rot')}</th>\n          <th></th>\n        </tr>\n        ${slots.map(\n          s => html`\n            <tr>\n              <td>${s.slotNo}</td>\n              ${cell(s.slotNo, s.offset?.x, e => ({ offset: { ...s.offset, x: num(e) } }))}\n              ${cell(s.slotNo, s.offset?.z, e => ({ offset: { ...s.offset, z: num(e) } }))}\n              ${cell(s.slotNo, s.allowed?.width, e => ({ allowed: { ...s.allowed, width: num(e) } }))}\n              ${cell(s.slotNo, s.allowed?.depth, e => ({ allowed: { ...s.allowed, depth: num(e) } }))}\n              ${cell(s.slotNo, s.allowed?.height, e => ({ allowed: { ...s.allowed, height: num(e) } }))}\n              ${cell(s.slotNo, s.stackLimit ?? 1, e => ({ stackLimit: num(e) }))} ${cell(s.slotNo, s.rotation ?? 0, e => ({ rotation: num(e) || undefined }))}\n              <td><button ?disabled=${slots.length <= 1} @click=${() => this._edit(removeCustomSlot(draft, tierNo, s.slotNo))}>−</button></td>\n            </tr>\n          `\n        )}\n      </table>\n      <div class=\"actions\"><button data-action=\"add-slot\" @click=${() => this._edit(addCustomSlot(draft, tierNo))}>${t('add-slot', 'Add slot')}</button></div>\n    `\n  }\n\n  /** 위에서 본 자리 배치. 오른쪽이 +X, 위쪽이 −Z */\n  private _renderPreview(draft: SlotLayout, tierNo: number) {\n    const slots = previewTier(draft, tierNo)\n    if (!slots.length) return html`<div class=\"note\" data-preview=\"none\">${t('preview-none', 'No slots to show with the current values.')}</div>`\n    const minX = Math.min(...slots.map(s => s.x - s.width / 2))\n    const maxX = Math.max(...slots.map(s => s.x + s.width / 2))\n    const minZ = Math.min(...slots.map(s => s.z - s.depth / 2))\n    const maxZ = Math.max(...slots.map(s => s.z + s.depth / 2))\n    const w = Math.max(maxX - minX, 1)\n    const h = Math.max(maxZ - minZ, 1)\n    const pad = Math.max(w, h) * 0.08\n    const font = Math.max(w, h) * 0.07\n    return html`\n      <svg data-preview viewBox=\"${minX - pad} ${minZ - pad} ${w + pad * 2} ${h + pad * 2}\" preserveAspectRatio=\"xMidYMid meet\">\n        ${slots.map(\n          s => svg`\n            <rect data-slot=${s.slotNo} x=${s.x - s.width / 2} y=${s.z - s.depth / 2} width=${s.width} height=${s.depth}\n              fill=\"rgba(25,118,210,0.08)\" stroke=\"rgba(25,118,210,0.8)\" stroke-width=${Math.max(w, h) * 0.006} />\n            <text x=${s.x} y=${s.z} font-size=${font} text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"#0d47a1\">${s.slotNo}</text>\n          `\n        )}\n      </svg>\n      <div class=\"note\">${t('preview-axes', 'Right = +X, up = −Z')}</div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-slot-layout-editor': OxSlotLayoutEditor\n  }\n}\n"]}