@things-factory/figure-ui 10.1.167 → 10.1.168

package/client/modeller/figure-carrier.ts

@@ -1,117 +0,0 @@
-import { css, html, LitElement, nothing, type PropertyValues } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-import { live } from 'lit/directives/live.js'
-
-import { i18next, localize } from '@operato/i18n'
-import type { FigureAsset, FigureAuthoringAction } from '@hatiolab/figure-model'
-
-import { CARRIER_AXES, carrierCommandOf, carrierDraftOf, draftIsDeclared, type CarrierAxis, type CarrierDraft } from './carrier-declaration.js'
-import { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js'
-
-const AXIS_LETTER: Record<CarrierAxis, string> = { 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.
- */
-@customElement('figure-carrier')
-export class FigureCarrier extends localize(i18next)(LitElement) {
-  static 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);
-    }
-  `]
-
-  /** What the figure on screen declares; absent when it is not a carrier type. */
-  @property({ attribute: false }) carrier?: FigureAsset['carrier']
-  @state() private draft: CarrierDraft = carrierDraftOf()
-  @state() private refusal = ''
-  /* The declaration the field was last filled from: other edits draw the tab again and must not wipe what is being typed. */
-  private filledFrom?: string
-
-  willUpdate(changed: PropertyValues<this>) {
-    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: Event) => 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: Event) => 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>`
-  }
-
-  private type(key: keyof CarrierDraft, event: Event) {
-    this.draft = { ...this.draft, [key]: (event.target as HTMLInputElement).value }
-    this.refusal = ''
-  }
-
-  private enter = (event: KeyboardEvent) => {
-    if (event.key === 'Enter' && !draftIsDeclared(this.draft, this.carrier)) this.declare()
-  }
-
-  private 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)
-  }
-
-  private clear = () => this.command({ kind: 'set-carrier', carrier: null })
-
-  private command(action: FigureAuthoringAction) {
-    this.dispatchEvent(new CustomEvent('command', { detail: { action }, bubbles: true, composed: true }))
-  }
-}

package/dist-client/modeller/carrier-declaration.d.ts

@@ -1,31 +0,0 @@
-import { type FigureAsset, type FigureAuthoringAction } from '@hatiolab/figure-model';
-type Say = (key: string, params: Record<string, string>) => string;
-type Declaration = NonNullable<FigureAsset['carrier']>;
-export declare const CARRIER_AXES: readonly ["width", "length", "height"];
-export type CarrierAxis = (typeof CARRIER_AXES)[number];
-/** What the field holds while the author types: the code and the three lengths as typed. */
-export type CarrierDraft = {
-    type: string;
-} & Record<CarrierAxis, string>;
-/** The field's values for a declaration, or blank for a figure that declares none. */
-export declare function carrierDraftOf(carrier?: Declaration): CarrierDraft;
-/** Whether the field says what is declared already: nothing to send. */
-export declare function draftIsDeclared(draft: CarrierDraft, carrier?: Declaration): boolean;
-/**
- * The `set-carrier` command for what the field holds, or why the kernel would refuse it in the author's words. The
- * code is sent as the kernel stores it (trimmed, upper case).
- */
-export declare function carrierCommandOf(draft: CarrierDraft, say: Say): {
-    action: FigureAuthoringAction;
-} | {
-    refusal: string;
-};
-/**
- * A carrier declaration refused, said from its code and path (ADR-0127): the code missing or too long, or the length
- * the path names. The kernel's English is never shown; a code the field has no words for is said with the code.
- */
-export declare function carrierRefusalOf(refused: {
-    code: string;
-    path: string;
-}, type: string, say: Say): string;
-export {};

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

@@ -1,53 +0,0 @@
-/*
- * A figure that is a carrier type declares so (ADR-0123): the CARRIERTYPE code a material handling system reports, and
- * the carrier's physical size in mm. Kept apart from the element so it is tested without a browser.
- *
- * The rule is figure-model's (`carrierDeclarationRefusal`); the field asks it before sending `set-carrier`, so a value
- * the kernel refuses is said beside the field and never becomes a step of the history. The size is what the author
- * types, never read off the occupied room.
- */
-import { carrierDeclarationRefusal, FIGURE_CARRIER_TYPE_MAX, normalizeCarrierType } from '@hatiolab/figure-model';
-export const CARRIER_AXES = ['width', 'length', 'height'];
-/** The field's values for a declaration, or blank for a figure that declares none. */
-export function carrierDraftOf(carrier) {
-    return {
-        type: carrier?.type ?? '',
-        width: carrier ? String(carrier.dimensions.width) : '',
-        length: carrier ? String(carrier.dimensions.length) : '',
-        height: carrier ? String(carrier.dimensions.height) : ''
-    };
-}
-/** Whether the field says what is declared already: nothing to send. */
-export function draftIsDeclared(draft, carrier) {
-    const declared = carrierDraftOf(carrier);
-    return normalizeCarrierType(draft.type) === declared.type && CARRIER_AXES.every(axis => Object.is(lengthOf(draft[axis]), lengthOf(declared[axis])));
-}
-/** A typed length as a number; blank is no length. */
-const lengthOf = (typed) => (typed.trim() === '' ? Number.NaN : Number(typed));
-/**
- * The `set-carrier` command for what the field holds, or why the kernel would refuse it in the author's words. The
- * code is sent as the kernel stores it (trimmed, upper case).
- */
-export function carrierCommandOf(draft, say) {
-    const carrier = {
-        type: normalizeCarrierType(draft.type),
-        dimensions: { width: lengthOf(draft.width), length: lengthOf(draft.length), height: lengthOf(draft.height) }
-    };
-    const refused = carrierDeclarationRefusal(carrier);
-    if (refused)
-        return { refusal: carrierRefusalOf(refused, carrier.type, say) };
-    return { action: { kind: 'set-carrier', carrier } };
-}
-/**
- * A carrier declaration refused, said from its code and path (ADR-0127): the code missing or too long, or the length
- * the path names. The kernel's English is never shown; a code the field has no words for is said with the code.
- */
-export function carrierRefusalOf(refused, type, say) {
-    if (refused.code === 'CARRIER_TYPE')
-        return type ? say('figure.text.carrier-type-too-long', { max: String(FIGURE_CARRIER_TYPE_MAX) }) : say('figure.text.carrier-type-required', {});
-    const axis = CARRIER_AXES.find(one => refused.path.endsWith(`.${one}`));
-    if (refused.code === 'CARRIER_DIMENSIONS' && axis)
-        return say('figure.text.carrier-length-positive', { axis: say(`figure.label.carrier-${axis}`, {}) });
-    return say('figure.text.edit-refused', { code: refused.code });
-}
-//# sourceMappingURL=carrier-declaration.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carrier-declaration.js","sourceRoot":"","sources":["../../client/modeller/carrier-declaration.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * A figure that is a carrier type declares so (ADR-0123): the CARRIERTYPE code a material handling system reports, and\n * the carrier's physical size in mm. Kept apart from the element so it is tested without a browser.\n *\n * The rule is figure-model's (`carrierDeclarationRefusal`); the field asks it before sending `set-carrier`, so a value\n * the kernel refuses is said beside the field and never becomes a step of the history. The size is what the author\n * types, never read off the occupied room.\n */\nimport { carrierDeclarationRefusal, FIGURE_CARRIER_TYPE_MAX, normalizeCarrierType, type FigureAsset, type FigureAuthoringAction } from '@hatiolab/figure-model'\n\ntype Say = (key: string, params: Record<string, string>) => string\ntype Declaration = NonNullable<FigureAsset['carrier']>\n\nexport const CARRIER_AXES = ['width', 'length', 'height'] as const\nexport type CarrierAxis = (typeof CARRIER_AXES)[number]\n\n/** What the field holds while the author types: the code and the three lengths as typed. */\nexport type CarrierDraft = { type: string } & Record<CarrierAxis, string>\n\n/** The field's values for a declaration, or blank for a figure that declares none. */\nexport function carrierDraftOf(carrier?: Declaration): CarrierDraft {\n  return {\n    type: carrier?.type ?? '',\n    width: carrier ? String(carrier.dimensions.width) : '',\n    length: carrier ? String(carrier.dimensions.length) : '',\n    height: carrier ? String(carrier.dimensions.height) : ''\n  }\n}\n\n/** Whether the field says what is declared already: nothing to send. */\nexport function draftIsDeclared(draft: CarrierDraft, carrier?: Declaration): boolean {\n  const declared = carrierDraftOf(carrier)\n  return normalizeCarrierType(draft.type) === declared.type && CARRIER_AXES.every(axis => Object.is(lengthOf(draft[axis]), lengthOf(declared[axis])))\n}\n\n/** A typed length as a number; blank is no length. */\nconst lengthOf = (typed: string) => (typed.trim() === '' ? Number.NaN : Number(typed))\n\n/**\n * The `set-carrier` command for what the field holds, or why the kernel would refuse it in the author's words. The\n * code is sent as the kernel stores it (trimmed, upper case).\n */\nexport function carrierCommandOf(draft: CarrierDraft, say: Say): { action: FigureAuthoringAction } | { refusal: string } {\n  const carrier = {\n    type: normalizeCarrierType(draft.type),\n    dimensions: { width: lengthOf(draft.width), length: lengthOf(draft.length), height: lengthOf(draft.height) }\n  }\n  const refused = carrierDeclarationRefusal(carrier)\n  if (refused) return { refusal: carrierRefusalOf(refused, carrier.type, say) }\n  return { action: { kind: 'set-carrier', carrier } }\n}\n\n/**\n * A carrier declaration refused, said from its code and path (ADR-0127): the code missing or too long, or the length\n * the path names. The kernel's English is never shown; a code the field has no words for is said with the code.\n */\nexport function carrierRefusalOf(refused: { code: string; path: string }, type: string, say: Say): string {\n  if (refused.code === 'CARRIER_TYPE')\n    return type ? say('figure.text.carrier-type-too-long', { max: String(FIGURE_CARRIER_TYPE_MAX) }) : say('figure.text.carrier-type-required', {})\n  const axis = CARRIER_AXES.find(one => refused.path.endsWith(`.${one}`))\n  if (refused.code === 'CARRIER_DIMENSIONS' && axis) return say('figure.text.carrier-length-positive', { axis: say(`figure.label.carrier-${axis}`, {}) })\n  return say('figure.text.edit-refused', { code: refused.code })\n}\n"]}

package/dist-client/modeller/figure-carrier.d.ts

@@ -1,26 +0,0 @@
-import { LitElement, type PropertyValues } from 'lit';
-import type { FigureAsset } from '@hatiolab/figure-model';
-declare const FigureCarrier_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-/**
- * 캐리어 — 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.
- */
-export declare class FigureCarrier extends FigureCarrier_base {
-    static styles: import("lit").CSSResult[];
-    /** What the figure on screen declares; absent when it is not a carrier type. */
-    carrier?: FigureAsset['carrier'];
-    private draft;
-    private refusal;
-    private filledFrom?;
-    willUpdate(changed: PropertyValues<this>): void;
-    render(): import("lit-html").TemplateResult<1>;
-    private type;
-    private enter;
-    private declare;
-    private clear;
-    private command;
-}
-export {};

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":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAuC,MAAM,0BAA0B,CAAA;AAC/I,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAA;AAEhG,MAAM,WAAW,GAAgC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;AAEzF;;;;;;GAMG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAzD;;QAiBY,UAAK,GAAiB,cAAc,EAAE,CAAA;QACtC,YAAO,GAAG,EAAE,CAAA;QA+DrB,UAAK,GAAG,CAAC,KAAoB,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;gBAAE,IAAI,CAAC,OAAO,EAAE,CAAA;QACzF,CAAC,CAAA;QAEO,YAAO,GAAG,GAAG,EAAE;YACrB,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAA;YAClF,IAAI,SAAS,IAAI,IAAI;gBAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;;gBAC7C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAChC,CAAC,CAAA;QAEO,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;IAK5E,CAAC;aA/FQ,WAAM,GAAG,CAAC,eAAe,EAAE,GAAG,CAAA;;;;;;;;;;;;GAYpC,CAAC,AAZW,CAYX;IASF,UAAU,CAAC,OAA6B;QACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE,OAAM;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,CAAA;QACrD,IAAI,QAAQ,KAAK,IAAI,CAAC,UAAU;YAAE,OAAM;QACxC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAA;QAC1B,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACzC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;IACnB,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1D,OAAO,IAAI,CAAA;YACH,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;;oCAEf,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;;;mBAGvD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;wBAChB,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC;mBACtD,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;qBAChC,IAAI,CAAC,KAAK;;;;iBAId,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;;YAE3C,YAAY,CAAC,GAAG,CAChB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;2BACG,WAAW,CAAC,IAAI,CAAC;;;;;6BAKf,OAAO,CAAC,CAAC,CAAC,wBAAwB,IAAI,EAAE,CAAC;yBAC7C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;yBACtB,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;2BAC9B,IAAI,CAAC,KAAK;;mBAElB,CACR;;;QAGH,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,OAAO;;gCAElD,CAAC,OAAO,WAAW,IAAI,CAAC,OAAO;oCAC3B,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;;gCAE9C,CAAC,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,KAAK;oCAC9B,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;;;eAG7D,CAAA;IACb,CAAC;IAEO,IAAI,CAAC,GAAuB,EAAE,KAAY;QAChD,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAG,KAAK,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAA;QAC/E,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;IACnB,CAAC;IAcO,OAAO,CAAC,MAA6B;QAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IACvG,CAAC;;AA/E+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;8CAAiC;AAC/C;IAAhB,KAAK,EAAE;;4CAA+C;AACtC;IAAhB,KAAK,EAAE;;8CAAqB;AAlBlB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAgGzB","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')
-})