@things-factory/figure-ui 10.1.166 → 10.1.168

package/dist-client/modeller/figure-carrier.js

@@ -1,123 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { live } from 'lit/directives/live.js';
-import { i18next, localize } from '@operato/i18n';
-import { CARRIER_AXES, carrierCommandOf, carrierDraftOf, draftIsDeclared } from './carrier-declaration.js';
-import { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js';
-const AXIS_LETTER = { width: 'W', length: 'L', height: 'H' };
-/**
- * 캐리어 — the CARRIERTYPE code and physical size a carrier figure declares (ADR-0123), in the properties tab.
- *
- * Declaring and clearing are `set-carrier` commands, sent up as `command` like the tab's others, so the page runs them as
- * steps of the session's history: undo takes them back and they are saved with the figure. A value the kernel refuses
- * is said here and sends nothing.
- */
-let FigureCarrier = class FigureCarrier extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.draft = carrierDraftOf();
-        this.refusal = '';
-        this.enter = (event) => {
-            if (event.key === 'Enter' && !draftIsDeclared(this.draft, this.carrier))
-                this.declare();
-        };
-        this.declare = () => {
-            const made = carrierCommandOf(this.draft, (key, params) => i18next.t(key, params));
-            if ('refusal' in made)
-                this.refusal = made.refusal;
-            else
-                this.command(made.action);
-        };
-        this.clear = () => this.command({ kind: 'set-carrier', carrier: null });
-    }
-    static { this.styles = [SidePanelStyles, css `
-    div[row] {
-      display: flex;
-      gap: 6px;
-    }
-    div[row] > button[act] {
-      flex: 1;
-      margin-top: 0;
-    }
-    small[role='alert'] {
-      color: var(--md-sys-color-error);
-    }
-  `]; }
-    willUpdate(changed) {
-        if (!changed.has('carrier'))
-            return;
-        const declared = JSON.stringify(this.carrier ?? null);
-        if (declared === this.filledFrom)
-            return;
-        this.filledFrom = declared;
-        this.draft = carrierDraftOf(this.carrier);
-        this.refusal = '';
-    }
-    render() {
-        const pending = !draftIsDeclared(this.draft, this.carrier);
-        return html `<section>
-      <h3>${i18next.t('figure.label.group-carrier')}</h3>
-      <div field>
-        <label for="carrier-type">${i18next.t('figure.label.carrier-type')}</label>
-        <input
-          id="carrier-type"
-          .value=${live(this.draft.type)}
-          placeholder=${i18next.t('figure.text.carrier-type-placeholder')}
-          @input=${(e) => this.type('type', e)}
-          @keydown=${this.enter}
-        />
-      </div>
-      <div vector-row>
-        <label>${i18next.t('figure.label.carrier-size')} <span unit>mm</span></label>
-        <div triple>
-          ${CARRIER_AXES.map(axis => html `<div cell>
-              <span axis>${AXIS_LETTER[axis]}</span>
-              <input
-                type="number"
-                min="0"
-                step="any"
-                aria-label=${i18next.t(`figure.label.carrier-${axis}`)}
-                .value=${live(this.draft[axis])}
-                @input=${(e) => this.type(axis, e)}
-                @keydown=${this.enter}
-              />
-            </div>`)}
-        </div>
-      </div>
-      ${this.refusal ? html `<small role="alert">${this.refusal}</small>` : nothing}
-      <div row>
-        <button act ?disabled=${!pending} @click=${this.declare}>
-          <md-icon>check</md-icon>${i18next.t('figure.button.declare-carrier')}
-        </button>
-        <button act ?disabled=${!this.carrier} @click=${this.clear}>
-          <md-icon>close</md-icon>${i18next.t('figure.button.clear-carrier')}
-        </button>
-      </div>
-    </section>`;
-    }
-    type(key, event) {
-        this.draft = { ...this.draft, [key]: event.target.value };
-        this.refusal = '';
-    }
-    command(action) {
-        this.dispatchEvent(new CustomEvent('command', { detail: { action }, bubbles: true, composed: true }));
-    }
-};
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], FigureCarrier.prototype, "carrier", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureCarrier.prototype, "draft", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FigureCarrier.prototype, "refusal", void 0);
-FigureCarrier = __decorate([
-    customElement('figure-carrier')
-], FigureCarrier);
-export { FigureCarrier };
-//# sourceMappingURL=figure-carrier.js.map

package/dist-client/modeller/figure-carrier.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"figure-carrier.js","sourceRoot":"","sources":["../../client/modeller/figure-carrier.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing, type PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport type { FigureAsset, FigureAuthoringAction } from '@hatiolab/figure-model'\n\nimport { CARRIER_AXES, carrierCommandOf, carrierDraftOf, draftIsDeclared, type CarrierAxis, type CarrierDraft } from './carrier-declaration.js'\nimport { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js'\n\nconst AXIS_LETTER: Record<CarrierAxis, string> = { width: 'W', length: 'L', height: 'H' }\n\n/**\n * 캐리어 — the CARRIERTYPE code and physical size a carrier figure declares (ADR-0123), in the properties tab.\n *\n * Declaring and clearing are `set-carrier` commands, sent up as `command` like the tab's others, so the page runs them as\n * steps of the session's history: undo takes them back and they are saved with the figure. A value the kernel refuses\n * is said here and sends nothing.\n */\n@customElement('figure-carrier')\nexport class FigureCarrier extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    div[row] {\n      display: flex;\n      gap: 6px;\n    }\n    div[row] > button[act] {\n      flex: 1;\n      margin-top: 0;\n    }\n    small[role='alert'] {\n      color: var(--md-sys-color-error);\n    }\n  `]\n\n  /** What the figure on screen declares; absent when it is not a carrier type. */\n  @property({ attribute: false }) carrier?: FigureAsset['carrier']\n  @state() private draft: CarrierDraft = carrierDraftOf()\n  @state() private refusal = ''\n  /* The declaration the field was last filled from: other edits draw the tab again and must not wipe what is being typed. */\n  private filledFrom?: string\n\n  willUpdate(changed: PropertyValues<this>) {\n    if (!changed.has('carrier')) return\n    const declared = JSON.stringify(this.carrier ?? null)\n    if (declared === this.filledFrom) return\n    this.filledFrom = declared\n    this.draft = carrierDraftOf(this.carrier)\n    this.refusal = ''\n  }\n\n  render() {\n    const pending = !draftIsDeclared(this.draft, this.carrier)\n    return html`<section>\n      <h3>${i18next.t('figure.label.group-carrier')}</h3>\n      <div field>\n        <label for=\"carrier-type\">${i18next.t('figure.label.carrier-type')}</label>\n        <input\n          id=\"carrier-type\"\n          .value=${live(this.draft.type)}\n          placeholder=${i18next.t('figure.text.carrier-type-placeholder')}\n          @input=${(e: Event) => this.type('type', e)}\n          @keydown=${this.enter}\n        />\n      </div>\n      <div vector-row>\n        <label>${i18next.t('figure.label.carrier-size')} <span unit>mm</span></label>\n        <div triple>\n          ${CARRIER_AXES.map(\n            axis => html`<div cell>\n              <span axis>${AXIS_LETTER[axis]}</span>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                aria-label=${i18next.t(`figure.label.carrier-${axis}`)}\n                .value=${live(this.draft[axis])}\n                @input=${(e: Event) => this.type(axis, e)}\n                @keydown=${this.enter}\n              />\n            </div>`\n          )}\n        </div>\n      </div>\n      ${this.refusal ? html`<small role=\"alert\">${this.refusal}</small>` : nothing}\n      <div row>\n        <button act ?disabled=${!pending} @click=${this.declare}>\n          <md-icon>check</md-icon>${i18next.t('figure.button.declare-carrier')}\n        </button>\n        <button act ?disabled=${!this.carrier} @click=${this.clear}>\n          <md-icon>close</md-icon>${i18next.t('figure.button.clear-carrier')}\n        </button>\n      </div>\n    </section>`\n  }\n\n  private type(key: keyof CarrierDraft, event: Event) {\n    this.draft = { ...this.draft, [key]: (event.target as HTMLInputElement).value }\n    this.refusal = ''\n  }\n\n  private enter = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' && !draftIsDeclared(this.draft, this.carrier)) this.declare()\n  }\n\n  private declare = () => {\n    const made = carrierCommandOf(this.draft, (key, params) => i18next.t(key, params))\n    if ('refusal' in made) this.refusal = made.refusal\n    else this.command(made.action)\n  }\n\n  private clear = () => this.command({ kind: 'set-carrier', carrier: null })\n\n  private command(action: FigureAuthoringAction) {\n    this.dispatchEvent(new CustomEvent('command', { detail: { action }, bubbles: true, composed: true }))\n  }\n}\n"]}

package/test/carrier-declaration.test.ts

@@ -1,69 +0,0 @@
-/*
- * The properties tab's carrier field (ADR-0123): what it sends as `set-carrier`, what it says when the kernel would
- * refuse, and that the declaration is a step of the session's history -- undo takes it back, the save carries it.
- */
-import { test } from 'node:test'
-import assert from 'node:assert/strict'
-import { addFigureBox, createFigureAsset, parseFigureAsset, serializeFigureAsset } from '@hatiolab/figure-model'
-
-import { carrierCommandOf, carrierDraftOf, draftIsDeclared, type CarrierDraft } from '../client/modeller/carrier-declaration.ts'
-import { createFigureProductSession } from '../client/modeller/product-session.ts'
-
-const say = (key: string, params: Record<string, string>) => `${key}${Object.keys(params).length ? ' ' + JSON.stringify(params) : ''}`
-const draft = (type: string, width = '1000', length = '600', height = '200'): CarrierDraft => ({ type, width, length, height })
-
-const source = serializeFigureAsset(addFigureBox(createFigureAsset('roll'), { id: 'body', size: { x: 100, y: 100, z: 100 }, position: { x: 0, y: 50, z: 0 } }))
-const store = {
-  load: async (id: string) => ({ id, source }),
-  save: async (q: { id?: string; source: string }) => ({ id: q.id ?? 'saved', source: q.source })
-}
-
-test('the field sends the code as the kernel stores it and the three lengths as numbers', () => {
-  assert.deepEqual(carrierCommandOf(draft('  foup '), say), {
-    action: { kind: 'set-carrier', carrier: { type: 'FOUP', dimensions: { width: 1000, length: 600, height: 200 } } }
-  })
-})
-
-test('a value the kernel refuses is said from its code and path, and nothing is sent', () => {
-  assert.deepEqual(carrierCommandOf(draft('   '), say), { refusal: 'figure.text.carrier-type-required' })
-  assert.deepEqual(carrierCommandOf(draft('X'.repeat(65)), say), { refusal: 'figure.text.carrier-type-too-long {"max":"64"}' })
-  assert.deepEqual(carrierCommandOf(draft('FOUP', '1000', ''), say), {
-    refusal: 'figure.text.carrier-length-positive {"axis":"figure.label.carrier-length"}'
-  })
-  assert.deepEqual(carrierCommandOf(draft('FOUP', '1000', '600', '-5'), say), {
-    refusal: 'figure.text.carrier-length-positive {"axis":"figure.label.carrier-height"}'
-  })
-  assert.deepEqual(carrierCommandOf(draft('FOUP', '0'), say), {
-    refusal: 'figure.text.carrier-length-positive {"axis":"figure.label.carrier-width"}'
-  })
-})
-
-test('the field reads a declaration back, and what is declared already has nothing to send', () => {
-  const declared = { type: 'FOUP', dimensions: { width: 1000, length: 600, height: 200 } }
-  assert.deepEqual(carrierDraftOf(declared), draft('FOUP'))
-  assert.deepEqual(carrierDraftOf(), draft('', '', '', ''))
-  assert.equal(draftIsDeclared(draft('foup ', '1000.0'), declared), true)
-  assert.equal(draftIsDeclared(draft('FOUP', '1001'), declared), false)
-  assert.equal(draftIsDeclared(draft('', '', '', ''), undefined), true)
-  assert.equal(draftIsDeclared(draft('FOUP'), undefined), false)
-})
-
-test('declaring and clearing are steps of the history: undo takes each back and the save carries the declaration', async () => {
-  const session = createFigureProductSession(store)
-  await session.open('A')
-  const made = carrierCommandOf(draft('foup'), say)
-  assert.ok('action' in made)
-
-  session.command(made.action)
-  const declared = { type: 'FOUP', dimensions: { width: 1000, length: 600, height: 200 } }
-  assert.deepEqual(session.revisionNow()?.asset.carrier, declared)
-  assert.deepEqual(parseFigureAsset(session.source()).carrier, declared)
-
-  session.command({ kind: 'set-carrier', carrier: null })
-  assert.equal(session.revisionNow()?.asset.carrier, undefined)
-
-  session.undo()
-  assert.deepEqual(session.revisionNow()?.asset.carrier, declared, 'undoing the clear brings the declaration back')
-  session.undo()
-  assert.equal(session.revisionNow()?.asset.carrier, undefined, 'undoing the declaration leaves the figure no carrier')
-})