@fmsim/board 0.0.61 → 0.0.63

package/dist/src/layers/scroll-layer.js

@@ -1,125 +0,0 @@
-import { Component, Layer } from '@hatiolab/things-scene';
-export default class ScrollLayer extends Layer {
-    constructor() {
-        super(...arguments);
-        this.vscroller = null;
-        this.hscroller = null;
-    }
-    get capturable() {
-        return true;
-    }
-    render(ctx) {
-        const { scrolling } = this.state;
-        ctx.save();
-        ctx.beginPath();
-        ctx.fillStyle = '#777';
-        if (this.vscroller) {
-            const { left, top, width, height } = this.vscroller;
-            ctx.globalAlpha = scrolling == 'v' ? 1 : 0.3;
-            ctx.fillRect(left, top, width, height);
-        }
-        if (this.hscroller) {
-            const { left, top, width, height } = this.hscroller;
-            ctx.globalAlpha = scrolling == 'h' ? 1 : 0.3;
-            ctx.fillRect(left, top, width, height);
-        }
-        ctx.stroke();
-        ctx.restore();
-    }
-    contains(x, y) {
-        const vscroller = this.vscroller;
-        const hscroller = this.hscroller;
-        this.setState('scrolling', vscroller &&
-            x >= vscroller.left &&
-            x <= vscroller.left + vscroller.width &&
-            y >= vscroller.top &&
-            y <= vscroller.top + vscroller.height
-            ? 'v'
-            : hscroller &&
-                x >= hscroller.left &&
-                x <= hscroller.left + hscroller.width &&
-                y >= hscroller.top &&
-                y <= hscroller.top + hscroller.height
-                ? 'h'
-                : null);
-        return !!this.getState('scrolling');
-    }
-    get eventMap() {
-        return {
-            '(root)': {
-                'model-layer': {
-                    change: this.onchangeModelLayer
-                }
-            }
-        };
-    }
-    onchange(after) {
-        if ('scrolling' in after) {
-            this.invalidate();
-        }
-    }
-    ondragstart(e, hint) {
-        this.lastPosition = { x: e.offsetX, y: e.offsetY };
-    }
-    ondragmove(e, hint) {
-        const root = this.root;
-        const { clientWidth: cw, clientHeight: ch } = this.canvas; /* canvas width, height */
-        const { width: mw, height: mh } = this.rootModel.model; /* model width, height */
-        const { x, y } = { x: e.offsetX, y: e.offsetY };
-        const { x: sx, y: sy } = this._scale;
-        const { scrolling } = this.state;
-        const vx = mw / cw;
-        const vy = mh / ch;
-        if (scrolling)
-            // 모델레이어의 원점을 움직인다.
-            root.rootModel.move({
-                x: scrolling == 'h' ? (-x + this.lastPosition.x) * sx * vx : 0,
-                y: scrolling == 'v' ? (-y + this.lastPosition.y) * sy * vy : 0
-            }, false /* moving with relative position */);
-        this.lastPosition = { x: e.offsetX, y: e.offsetY };
-    }
-    ondragend() {
-        delete this.lastPosition;
-        this.setState({
-            scrolling: null
-        });
-    }
-    calcScrollerBounds() {
-        // const DPPX = Scene.DPPX
-        var { clientWidth: cw, clientHeight: ch } = this.canvas; /* canvas width, height */
-        const { width: mw, height: mh } = this.rootModel.model; /* model width, height */
-        const { x: sx = 1, y: sy = 1 } = this._scale || {};
-        const { x: tx = 0, y: ty = 0 } = this._translate || {};
-        const vx = mw / cw;
-        const vy = mh / ch;
-        var bounds = {
-            left: -tx / sx / vx,
-            top: ch - 10,
-            width: cw / sx / vx,
-            height: 10
-        };
-        this.hscroller = bounds.left > 1 || bounds.width + bounds.left < cw - 1 ? bounds : null;
-        bounds = {
-            left: cw - 10,
-            top: -ty / sy / vy,
-            width: 10,
-            height: ch / sy / vy
-        };
-        this.vscroller = bounds.top > 1 || bounds.height + bounds.top < ch - 1 ? bounds : null;
-        this.invalidate();
-    }
-    onchangeModelLayer(after, before, hint) {
-        if (after.scale) {
-            const { x = 1, y = 1 } = (after === null || after === void 0 ? void 0 : after.scale) || {};
-            this._scale = { x, y };
-            this.calcScrollerBounds();
-        }
-        if (after.translate) {
-            const { x = 0, y = 0 } = after.translate || {};
-            this._translate = { x, y };
-            this.calcScrollerBounds();
-        }
-    }
-}
-Component.register('scroll-layer', ScrollLayer);
-//# sourceMappingURL=scroll-layer.js.map

package/dist/src/layers/scroll-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-layer.js","sourceRoot":"","sources":["../../../src/layers/scroll-layer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Layer, Properties, Scene } from '@hatiolab/things-scene'\n\nexport default class ScrollLayer extends Layer {\n  get capturable() {\n    return true\n  }\n\n  private _scale?: { x: number; y: number }\n  private _translate?: { x: number; y: number }\n  private lastPosition?: { x: number; y: number }\n\n  private vscroller: { left: number; top: number; width: number; height: number } | null = null\n  private hscroller: { left: number; top: number; width: number; height: number } | null = null\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { scrolling } = this.state\n\n    ctx.save()\n    ctx.beginPath()\n\n    ctx.fillStyle = '#777'\n\n    if (this.vscroller) {\n      const { left, top, width, height } = this.vscroller!\n\n      ctx.globalAlpha = scrolling == 'v' ? 1 : 0.3\n      ctx.fillRect(left, top, width, height)\n    }\n\n    if (this.hscroller) {\n      const { left, top, width, height } = this.hscroller!\n\n      ctx.globalAlpha = scrolling == 'h' ? 1 : 0.3\n      ctx.fillRect(left, top, width, height)\n    }\n\n    ctx.stroke()\n    ctx.restore()\n  }\n\n  contains(x: number, y: number) {\n    const vscroller = this.vscroller\n    const hscroller = this.hscroller\n\n    this.setState(\n      'scrolling',\n      vscroller &&\n        x >= vscroller.left &&\n        x <= vscroller.left + vscroller.width &&\n        y >= vscroller.top &&\n        y <= vscroller.top + vscroller.height\n        ? 'v'\n        : hscroller &&\n          x >= hscroller.left &&\n          x <= hscroller.left + hscroller.width &&\n          y >= hscroller.top &&\n          y <= hscroller.top + hscroller.height\n        ? 'h'\n        : null\n    )\n\n    return !!this.getState('scrolling')\n  }\n\n  get eventMap() {\n    return {\n      '(root)': {\n        'model-layer': {\n          change: this.onchangeModelLayer\n        }\n      }\n    }\n  }\n\n  onchange(after: Properties) {\n    if ('scrolling' in after) {\n      this.invalidate()\n    }\n  }\n\n  ondragstart(e: DragEvent, hint: any) {\n    this.lastPosition = { x: e.offsetX, y: e.offsetY }\n  }\n\n  ondragmove(e: DragEvent, hint: any) {\n    const root = this.root\n\n    const { clientWidth: cw, clientHeight: ch } = this.canvas! /* canvas width, height */\n    const { width: mw, height: mh } = this.rootModel.model /* model width, height */\n    const { x, y } = { x: e.offsetX, y: e.offsetY }\n    const { x: sx, y: sy } = this._scale!\n    const { scrolling } = this.state\n    const vx = mw / cw\n    const vy = mh / ch\n\n    if (scrolling)\n      // 모델레이어의 원점을 움직인다.\n      root.rootModel.move(\n        {\n          x: scrolling == 'h' ? (-x + this.lastPosition!.x) * sx * vx : 0,\n          y: scrolling == 'v' ? (-y + this.lastPosition!.y) * sy * vy : 0\n        },\n        false /* moving with relative position */\n      )\n\n    this.lastPosition = { x: e.offsetX, y: e.offsetY }\n  }\n\n  ondragend() {\n    delete this.lastPosition\n    this.setState({\n      scrolling: null\n    })\n  }\n\n  calcScrollerBounds() {\n    // const DPPX = Scene.DPPX\n    var { clientWidth: cw, clientHeight: ch } = this.canvas! /* canvas width, height */\n    const { width: mw, height: mh } = this.rootModel.model /* model width, height */\n    const { x: sx = 1, y: sy = 1 } = this._scale || {}\n    const { x: tx = 0, y: ty = 0 } = this._translate || {}\n\n    const vx = mw / cw\n    const vy = mh / ch\n\n    var bounds = {\n      left: -tx / sx / vx,\n      top: ch - 10,\n      width: cw / sx / vx,\n      height: 10\n    }\n    this.hscroller = bounds.left > 1 || bounds.width + bounds.left < cw - 1 ? bounds : null\n\n    bounds = {\n      left: cw - 10,\n      top: -ty / sy / vy,\n      width: 10,\n      height: ch / sy / vy\n    }\n    this.vscroller = bounds.top > 1 || bounds.height + bounds.top < ch - 1 ? bounds : null\n\n    this.invalidate()\n  }\n\n  onchangeModelLayer(after: any, before: any, hint: any) {\n    if (after.scale) {\n      const { x = 1, y = 1 } = after?.scale || {}\n      this._scale = { x, y }\n\n      this.calcScrollerBounds()\n    }\n\n    if (after.translate) {\n      const { x = 0, y = 0 } = after.translate || {}\n      this._translate = { x, y }\n\n      this.calcScrollerBounds()\n    }\n  }\n}\n\nComponent.register('scroll-layer', ScrollLayer)\n"]}

package/dist/src/layers/shift-handler.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/layers/shift-handler.js

@@ -1,38 +0,0 @@
-import { EventMap } from '@hatiolab/things-scene';
-import throttle from 'lodash-es/throttle';
-var last_position;
-var weakref;
-var position;
-const throttledMove = throttle(() => {
-    const { x, y } = position;
-    const target = weakref.deref();
-    if (!target) {
-        return;
-    }
-    // 모델레이어의 원점을 움직인다.
-    target.rootModel.move({
-        x: x - last_position.x,
-        y: y - last_position.y
-    }, false);
-    last_position = { x, y };
-}, 60, {
-    leading: true,
-    trailing: true
-});
-function ondragstart(e, hint) {
-    last_position = { x: e.offsetX, y: e.offsetY };
-}
-function ondragmove(e, hint) {
-    weakref = new WeakRef(hint.deliverer);
-    position = { x: e.offsetX, y: e.offsetY };
-    throttledMove();
-}
-EventMap.register('shift-handler', {
-    'model-layer': {
-        '(all)': {
-            dragstart: ondragstart,
-            dragmove: ondragmove
-        }
-    }
-});
-//# sourceMappingURL=shift-handler.js.map

package/dist/src/layers/shift-handler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shift-handler.js","sourceRoot":"","sources":["../../../src/layers/shift-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,IAAI,aAAuC,CAAA;AAC3C,IAAI,OAAY,CAAA;AAChB,IAAI,QAAkC,CAAA;AAEtC,MAAM,aAAa,GAAG,QAAQ,CAC5B,GAAG,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAS,CAAA;IAC1B,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAA;IAE9B,IAAI,CAAC,MAAM,EAAE;QACX,OAAM;KACP;IAED,mBAAmB;IACnB,MAAM,CAAC,SAAS,CAAC,IAAI,CACnB;QACE,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC;QACtB,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC;KACvB,EACD,KAAK,CACN,CAAA;IAED,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAC1B,CAAC,EACD,EAAE,EACF;IACE,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;CACf,CACF,CAAA;AAED,SAAS,WAAW,CAAC,CAAY,EAAE,IAAS;IAC1C,aAAa,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAA;AAChD,CAAC;AAED,SAAS,UAAU,CAAC,CAAY,EAAE,IAAS;IACzC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACrC,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAA;IAEzC,aAAa,EAAE,CAAA;AACjB,CAAC;AAED,QAAQ,CAAC,QAAQ,CAAC,eAAe,EAAE;IACjC,aAAa,EAAE;QACb,OAAO,EAAE;YACP,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,UAAU;SACrB;KACF;CACF,CAAC,CAAA","sourcesContent":["import { EventMap } from '@hatiolab/things-scene'\nimport throttle from 'lodash-es/throttle'\n\nvar last_position: { x: number; y: number }\nvar weakref: any\nvar position: { x: number; y: number }\n\nconst throttledMove = throttle(\n  () => {\n    const { x, y } = position!\n    const target = weakref.deref()\n\n    if (!target) {\n      return\n    }\n\n    // 모델레이어의 원점을 움직인다.\n    target.rootModel.move(\n      {\n        x: x - last_position.x,\n        y: y - last_position.y\n      },\n      false\n    )\n\n    last_position = { x, y }\n  },\n  60,\n  {\n    leading: true,\n    trailing: true\n  }\n)\n\nfunction ondragstart(e: DragEvent, hint: any) {\n  last_position = { x: e.offsetX, y: e.offsetY }\n}\n\nfunction ondragmove(e: DragEvent, hint: any) {\n  weakref = new WeakRef(hint.deliverer)\n  position = { x: e.offsetX, y: e.offsetY }\n\n  throttledMove()\n}\n\nEventMap.register('shift-handler', {\n  'model-layer': {\n    '(all)': {\n      dragstart: ondragstart,\n      dragmove: ondragmove\n    }\n  }\n})\n"]}

package/dist/src/layers/zoom-handler.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/layers/zoom-handler.js

@@ -1,36 +0,0 @@
-import { EventMap } from '@hatiolab/things-scene';
-function onwheelscale(e, hint) {
-    /* shiftKey + wheel 은 deltaX 값을 변화시킨다. */
-    if (e.deltaY == 0 && e.deltaX == 0)
-        return;
-    var model_layer = hint.deliverer;
-    var dir = e.deltaY < 0 ? 1 : -1;
-    let scale = model_layer.get('scale') || { x: 1, y: 1 };
-    let translate = model_layer.get('translate');
-    let x = e.offsetX;
-    let y = e.offsetY;
-    let p = model_layer.transcoordC2S(x, y);
-    let delta = dir * 0.1;
-    let newscale = {
-        x: scale.x + delta,
-        y: scale.y + delta
-    };
-    if ((dir < 0 && scale.x < 0.2) || (dir > 0 && scale.x > 10))
-        return;
-    /* 휠을 밀면.. 확대 : zoom in */
-    /* 휠을 당기면.. 축소 : zoom out */
-    model_layer.set('scale', newscale);
-    let newp = model_layer.transcoordC2S(x, y);
-    model_layer.set('translate', {
-        x: translate.x + (newp.x - p.x) * newscale.x,
-        y: translate.y + (newp.y - p.y) * newscale.y
-    });
-}
-EventMap.register('zoom-handler', {
-    'model-layer': {
-        '(all)': {
-            wheel: onwheelscale
-        }
-    }
-});
-//# sourceMappingURL=zoom-handler.js.map

package/dist/src/layers/zoom-handler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"zoom-handler.js","sourceRoot":"","sources":["../../../src/layers/zoom-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,SAAS,YAAY,CAAC,CAAa,EAAE,IAAS;IAC5C,yCAAyC;IACzC,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC;QAAE,OAAM;IAE1C,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,CAAA;IAEhC,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE/B,IAAI,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,IAAI,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;IAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAA;IACjB,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAA;IAEjB,IAAI,CAAC,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACvC,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,CAAA;IAErB,IAAI,QAAQ,GAAG;QACb,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK;QAClB,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK;KACnB,CAAA;IAED,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC;QAAE,OAAM;IAEnE,0BAA0B;IAC1B,4BAA4B;IAE5B,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;IAElC,IAAI,IAAI,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAE1C,WAAW,CAAC,GAAG,CAAC,WAAW,EAAE;QAC3B,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;QAC5C,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;KAC7C,CAAC,CAAA;AACJ,CAAC;AAED,QAAQ,CAAC,QAAQ,CAAC,cAAc,EAAE;IAChC,aAAa,EAAE;QACb,OAAO,EAAE;YACP,KAAK,EAAE,YAAY;SACpB;KACF;CACF,CAAC,CAAA","sourcesContent":["import { EventMap } from '@hatiolab/things-scene'\n\nfunction onwheelscale(e: WheelEvent, hint: any) {\n  /* shiftKey + wheel 은 deltaX 값을 변화시킨다. */\n  if (e.deltaY == 0 && e.deltaX == 0) return\n\n  var model_layer = hint.deliverer\n\n  var dir = e.deltaY < 0 ? 1 : -1\n\n  let scale = model_layer.get('scale') || { x: 1, y: 1 }\n  let translate = model_layer.get('translate')\n  let x = e.offsetX\n  let y = e.offsetY\n\n  let p = model_layer.transcoordC2S(x, y)\n  let delta = dir * 0.1\n\n  let newscale = {\n    x: scale.x + delta,\n    y: scale.y + delta\n  }\n\n  if ((dir < 0 && scale.x < 0.2) || (dir > 0 && scale.x > 10)) return\n\n  /* 휠을 밀면.. 확대 : zoom in */\n  /* 휠을 당기면.. 축소 : zoom out */\n\n  model_layer.set('scale', newscale)\n\n  let newp = model_layer.transcoordC2S(x, y)\n\n  model_layer.set('translate', {\n    x: translate.x + (newp.x - p.x) * newscale.x,\n    y: translate.y + (newp.y - p.y) * newscale.y\n  })\n}\n\nEventMap.register('zoom-handler', {\n  'model-layer': {\n    '(all)': {\n      wheel: onwheelscale\n    }\n  }\n})\n"]}

package/dist/src/ox-board-viewer-backup.d.ts

@@ -1,64 +0,0 @@
-import '@material/mwc-fab';
-import '@material/mwc-icon';
-import { LitElement, PropertyValues } from 'lit';
-import { Component, ReferenceProvider } from '@hatiolab/things-scene';
-export declare class BoardViewer extends LitElement {
-    static styles: import("lit").CSSResult[];
-    baseUrl: string;
-    board: any;
-    provider: ReferenceProvider | null;
-    data: any;
-    values: any;
-    hideFullscreen: boolean;
-    hideNavigation: boolean;
-    _scene: any;
-    _forward: {
-        id: string;
-        scene: any;
-    }[];
-    _backward: {
-        id: string;
-        scene: any;
-    }[];
-    _oldtarget?: HTMLElement;
-    _fade_animations?: Array<Animation>;
-    currentBoardId?: string;
-    _target: HTMLElement;
-    _prev: HTMLElement;
-    _next: HTMLElement;
-    _fullscreen: HTMLElement;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changes: PropertyValues<this>): void;
-    initSceneAsync(): Promise<void>;
-    initScene(): void;
-    closeScene(): void;
-    releaseScene(): void;
-    setupScene({ id, scene }: {
-        id: string;
-        scene: any;
-    }): void;
-    showScene(boardId: string, bindingData?: any): Promise<void>;
-    bindSceneEvents(): void;
-    unbindSceneEvents(scene: any): void;
-    transientShowButtons(stop?: boolean): void;
-    onTapNext(): void;
-    onTapPrev(): void;
-    onTapFullscreen(): void;
-    onRunBoard(): void;
-    onLinkGoto(targetBoardId: string, options: any, fromComponent: any): void;
-    onLinkOpen(url: string, value: any, fromComponent: Component): void;
-    onLinkMove(url: string, value: any, fromComponent: Component): void;
-    onRoutePage(page: string): void;
-    onStartScenario(scenario: string, value: string | number | object, component: Component): Promise<void>;
-    onRunScenario(scenario: string, value: string | number | object, component: Component): Promise<void>;
-    getSceneData(): any;
-    getSceneValues(): any;
-    getSceneImageData(base64?: boolean): Promise<{
-        width: any;
-        height: any;
-        data: string | Uint8ClampedArray;
-    } | undefined>;
-    printTrick(image: string): Promise<void>;
-}