@things-factory/figure-ui 10.1.76 → 10.1.78

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-first-save.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-first-save.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACpE,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,EAAkB,MAAM,oBAAoB,CAAA;AAE/F;;;GAGG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QA2BL,yFAAyF;QAC7E,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACrB,8CAA8C;QACd,UAAK,GAAa,EAAE,CAAA;QACnC,YAAO,GAA0C,IAAI,CAAA;QAwC9D,UAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW;gBAAE,IAAI,CAAC,OAAO,EAAE,CAAA;QACzD,CAAC,CAAA;QAEO,YAAO,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;YACxD,IAAI,IAAI,CAAC,OAAO;gBAAE,OAAM;YACxB,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAsB,CAAC,CAAA;QAChG,CAAC,CAAA;IACH,CAAC;aAhFQ,WAAM,GAAG;QACd,eAAe;QACf,iBAAiB;QACjB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBF;KACF,AAxBY,CAwBZ;IASD,MAAM;QACJ,OAAO,IAAI,CAAA;0BACW,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC;;4BAE3C,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC;;;;;mBAK9C,IAAI,CAAC,IAAI;wBACJ,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;mBACjD,CAAC,CAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CACvD;YAAC,CAAC,CAAC,MAA2B,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;YACjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACrB,CAAC;qBACU,IAAI,CAAC,KAAK;;UAErB,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,qBAAqB,OAAO,CAAC,CAAC,CAAC,wCAAwC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;;;4BAGtH,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;;;mBAGvC,IAAI,CAAC,IAAI;wBACJ,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;mBACjD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;qBAC9D,IAAI,CAAC,KAAK;;;QAGvB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;;+CAE3F,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;qDACrD,CAAC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;;KAEpH,CAAA;IACH,CAAC;;AA1CW;IAAX,QAAQ,EAAE;;+CAAU;AACT;IAAX,QAAQ,EAAE;;+CAAU;AAEW;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;gDAAqB;AACnC;IAAhB,KAAK,EAAE;;kDAA8D;AAhC3D,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAiF7B","sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport '@operato/popup/ox-popup-actions.js'\nimport { CommonPopupStyles, FormFieldStyles } from '@operato/styles'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { firstSaveRefusalOf, releasableType, typeOf, type FirstSave } from './v3-first-save.js'\n\n/**\n * The first save of a new figure: its type and its name, asked once, in the suite's popup look.\n * Closes with the answer, or with nothing when cancelled -- then nothing is saved.\n */\n@customElement('figure-v3-first-save')\nexport class FigureV3FirstSave extends LitElement {\n  static styles = [\n    FormFieldStyles,\n    CommonPopupStyles,\n    css`\n      /* The popup's height is a share of the window (small is 40%): on a low window the buttons must still be reached. */\n      :host {\n        overflow-y: auto;\n      }\n      div[field] {\n        display: grid;\n        gap: 4px;\n      }\n      div[field] label {\n        font-size: var(--popup-font-size-small);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      div[field] input {\n        box-sizing: border-box;\n        width: 100%;\n      }\n      input[type-field] {\n        font-family: var(--mono-font, monospace);\n      }\n    `\n  ]\n\n  /** The type the figure has so far -- empty for a temporary one, which is not offered. */\n  @property() type = ''\n  @property() name = ''\n  /** Type names already used in this domain. */\n  @property({ attribute: false }) taken: string[] = []\n  @state() private refusal: { key: string; type?: string } | null = null\n\n  render() {\n    return html`\n      <div class=\"what\">${i18next.t('figure.text.save-new-figure-desc')}</div>\n      <div field>\n        <label for=\"type\">${i18next.t('figure.label.figure-type')}</label>\n        <input\n          id=\"type\"\n          type-field\n          autofocus\n          .value=${this.type}\n          placeholder=${i18next.t('figure.text.figure-type-example')}\n          @input=${(e: Event) => {\n            this.type = typeOf((e.target as HTMLInputElement).value)\n            ;(e.target as HTMLInputElement).value = this.type\n            this.refusal = null\n          }}\n          @keydown=${this.onKey}\n        />\n        ${this.type && !releasableType(this.type) ? html`<div class=\"note\">${i18next.t('figure.text.type-name-will-not-release')}</div>` : nothing}\n      </div>\n      <div field>\n        <label for=\"name\">${i18next.t('figure.label.name')}</label>\n        <input\n          id=\"name\"\n          .value=${this.name}\n          placeholder=${i18next.t('figure.text.figure-name-example')}\n          @input=${(e: Event) => (this.name = (e.target as HTMLInputElement).value)}\n          @keydown=${this.onKey}\n        />\n      </div>\n      ${this.refusal ? html`<div class=\"failure\" role=\"alert\">${i18next.t(this.refusal.key, { type: this.refusal.type })}</div>` : nothing}\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => closePopup(this)}>${i18next.t('figure.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.type} @click=${this.confirm}>${i18next.t('figure.button.save')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && !e.isComposing) this.confirm()\n  }\n\n  private confirm = () => {\n    this.refusal = firstSaveRefusalOf(this.type, this.taken)\n    if (this.refusal) return\n    closePopup(this, { type: this.type, name: this.name.trim() || this.type } satisfies FirstSave)\n  }\n}\n"]}

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

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