@fmsim/board 0.0.97 → 0.0.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmsim/board",
-  "version": "0.0.97",
+  "version": "0.0.98",
   "description": "보드 구성을 위한 기본 UI (웹)컴포넌트들을 제공합니다.",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -84,7 +84,7 @@
     "storybook:build": "tsc && npm run analyze -- --exclude dist && build-storybook"
   },
   "dependencies": {
-    "@fmsim/api": "^0.0.97",
+    "@fmsim/api": "^0.0.98",
     "@open-wc/scoped-elements": "^2.0.0-next.6",
     "@operato/app": "^1.3.7",
     "@operato/data-grist": "^1.3.5",
@@ -145,5 +145,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "f73107ece8c4f29083bf7b601cb1927b2bdf751e"
+  "gitHead": "0ce910cddfc148ffd090fdcfcd8e197b76d573c2"
 }

package/dist/src/layers/mcs-mouse-event-layer.d.ts

@@ -1,30 +0,0 @@
-import { Component, Layer } from '@hatiolab/things-scene';
-export default class MCSMouseEventLayer extends Layer {
-    private _anim_alpha;
-    private _lastTargets;
-    private _decoTargets;
-    private _animate;
-    animOnTargetChange(decoTargets: Component[]): void;
-    decorate(component: Component, context: CanvasRenderingContext2D, delta: number): boolean;
-    render(context: CanvasRenderingContext2D): void;
-    get decoTargets(): Component[];
-    set decoTargets(decoTargets: Component[]);
-    get eventMap(): {
-        'model-layer': {
-            '(descendant)': {
-                mouseenter: (e: MouseEvent, hint: any) => void;
-                mouseleave: (e: MouseEvent, hint: any) => void;
-            };
-        };
-    };
-    onmouseclick(e: MouseEvent, hint: any): void;
-    onmouseenter(e: MouseEvent, hint: any): void;
-    onmouseleave(e: MouseEvent, hint: any): void;
-    onhoverreset(hint: any): void;
-    onhover(hint: any): void;
-    offhover(e: MouseEvent, hint: any): void;
-    _onhover(target: Component): void;
-    _offhover(target: Component): void;
-    _hoverreset(): void;
-    _onpopup(unit: Component): void;
-}

package/dist/src/layers/mcs-mouse-event-layer.js

@@ -1,114 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { Component, Layer } from '@hatiolab/things-scene';
-import tooltipDecorator from './tooltip-decorator';
-/*
- * MCSMouseEventLayer 선택된 컴포넌트에 대한 정보를 보여준다.
- *
- * Tooltip 을 통해서 id, class 설정 정보를 보여준다.
- * 변수에 의한 데이타 흐름은 선을 통해서 보여준다.
- */
-export default class MCSMouseEventLayer extends Layer {
-    constructor() {
-        super(...arguments);
-        this._anim_alpha = 1;
-        this._lastTargets = [];
-        this._decoTargets = [];
-    }
-    animOnTargetChange(decoTargets) {
-        if (decoTargets === this._lastTargets)
-            return;
-        this._lastTargets = decoTargets;
-        this._anim_alpha = 1;
-        this.animate({
-            step: (delta) => {
-                this._anim_alpha = 1 - delta;
-                this.invalidate();
-            },
-            duration: 5000,
-            delta: 'circ',
-            ease: 'in'
-        }).start();
-    }
-    decorate(component, context, delta) {
-        var rendered = false;
-        const result = tooltipDecorator(component, context, 1 - delta);
-        rendered || (rendered = result);
-        return rendered;
-    }
-    render(context) {
-        var decoTargets = this.decoTargets && this.decoTargets.filter(target => target.rootModel);
-        if (!decoTargets || decoTargets.length == 0) {
-            this._animate && this._animate.stop();
-            delete this._animate;
-            return;
-        }
-        context.globalAlpha *= this._anim_alpha;
-        var needAnimation = false;
-        decoTargets.forEach(target => {
-            if (this.decorate(target, context, 1 - this._anim_alpha)) {
-                needAnimation = true;
-            }
-        });
-        needAnimation && this.animOnTargetChange(this.decoTargets);
-    }
-    get decoTargets() {
-        return this._decoTargets;
-    }
-    set decoTargets(decoTargets) {
-        this._decoTargets = decoTargets && decoTargets.filter(target => !target.isLayer());
-        this.invalidate();
-    }
-    get eventMap() {
-        return {
-            'model-layer': {
-                '(descendant)': {
-                    // tag: this.onhover,
-                    // tagreset: this.onhoverreset,
-                    mouseenter: this.onmouseenter,
-                    mouseleave: this.onmouseleave
-                    // mouseclick: this.onmouseclick
-                }
-            }
-        };
-    }
-    onmouseclick(e, hint) {
-        this._hoverreset();
-        this._onpopup(hint.origin);
-    }
-    onmouseenter(e, hint) {
-        this._hoverreset();
-        this._onhover(hint.origin);
-    }
-    onmouseleave(e, hint) {
-        this._hoverreset();
-    }
-    onhoverreset(hint) {
-        this._hoverreset();
-    }
-    onhover(hint) {
-        this._onhover(hint.origin);
-    }
-    offhover(e, hint) {
-        this._offhover(hint.origin);
-    }
-    _onhover(target) {
-        if (this.decoTargets && this.decoTargets.lastIndexOf(target) !== -1)
-            return;
-        this.decoTargets = (this.decoTargets || []).concat(target);
-    }
-    _offhover(target) {
-        if (!this.decoTargets)
-            return;
-        var copied = this.decoTargets.slice();
-        copied.splice(this.decoTargets.lastIndexOf(target), 1);
-        this.decoTargets = copied;
-    }
-    _hoverreset() {
-        this.decoTargets = [];
-    }
-    _onpopup(unit) { }
-}
-Component.register('mcs-mouse-event-layer', MCSMouseEventLayer);
-//# sourceMappingURL=mcs-mouse-event-layer.js.map

package/dist/src/layers/mcs-mouse-event-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mcs-mouse-event-layer.js","sourceRoot":"","sources":["../../../src/layers/mcs-mouse-event-layer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK;IAArD;;QACU,gBAAW,GAAG,CAAC,CAAA;QACf,iBAAY,GAAgB,EAAE,CAAA;QAC9B,iBAAY,GAAgB,EAAE,CAAA;IAuHxC,CAAC;IApHC,kBAAkB,CAAC,WAAwB;QACzC,IAAI,WAAW,KAAK,IAAI,CAAC,YAAY;YAAE,OAAM;QAE7C,IAAI,CAAC,YAAY,GAAG,WAAW,CAAA;QAE/B,IAAI,CAAC,WAAW,GAAG,CAAC,CAAA;QAEpB,IAAI,CAAC,OAAO,CAAC;YACX,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE;gBACtB,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,CAAA;gBAC5B,IAAI,CAAC,UAAU,EAAE,CAAA;YACnB,CAAC;YACD,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,IAAI;SACX,CAAC,CAAC,KAAK,EAAE,CAAA;IACZ,CAAC;IAED,QAAQ,CAAC,SAAoB,EAAE,OAAiC,EAAE,KAAa;QAC7E,IAAI,QAAQ,GAAG,KAAK,CAAA;QAEpB,MAAM,MAAM,GAAG,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,CAAA;QAC9D,QAAQ,KAAR,QAAQ,GAAK,MAAM,EAAA;QAEnB,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;QACzF,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE;YAC3C,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;YACrC,OAAO,IAAI,CAAC,QAAQ,CAAA;YACpB,OAAM;SACP;QAED,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAA;QAEvC,IAAI,aAAa,GAAG,KAAK,CAAA;QAEzB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE;gBACxD,aAAa,GAAG,IAAI,CAAA;aACrB;QACH,CAAC,CAAC,CAAA;QAEF,aAAa,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;IAED,IAAI,WAAW,CAAC,WAAW;QACzB,IAAI,CAAC,YAAY,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAA;QAClF,IAAI,CAAC,UAAU,EAAE,CAAA;IACnB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO;YACL,aAAa,EAAE;gBACb,cAAc,EAAE;oBACd,qBAAqB;oBACrB,+BAA+B;oBAC/B,UAAU,EAAE,IAAI,CAAC,YAAY;oBAC7B,UAAU,EAAE,IAAI,CAAC,YAAY;oBAC7B,gCAAgC;iBACjC;aACF;SACF,CAAA;IACH,CAAC;IAED,YAAY,CAAC,CAAa,EAAE,IAAS;QACnC,IAAI,CAAC,WAAW,EAAE,CAAA;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC5B,CAAC;IAED,YAAY,CAAC,CAAa,EAAE,IAAS;QACnC,IAAI,CAAC,WAAW,EAAE,CAAA;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC5B,CAAC;IAED,YAAY,CAAC,CAAa,EAAE,IAAS;QACnC,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,YAAY,CAAC,IAAS;QACpB,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,OAAO,CAAC,IAAS;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC5B,CAAC;IAED,QAAQ,CAAC,CAAa,EAAE,IAAS;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC7B,CAAC;IAED,QAAQ,CAAC,MAAiB;QACxB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAAE,OAAM;QAE3E,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAC5D,CAAC;IAED,SAAS,CAAC,MAAiB;QACzB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAM;QAE7B,IAAI,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;QACrC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QACtD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;IAC3B,CAAC;IAED,WAAW;QACT,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;IACvB,CAAC;IAED,QAAQ,CAAC,IAAe,IAAG,CAAC;CAC7B;AAED,SAAS,CAAC,QAAQ,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, Layer } from '@hatiolab/things-scene'\n\nimport tooltipDecorator from './tooltip-decorator'\n\n/*\n * MCSMouseEventLayer 선택된 컴포넌트에 대한 정보를 보여준다.\n *\n * Tooltip 을 통해서 id, class 설정 정보를 보여준다.\n * 변수에 의한 데이타 흐름은 선을 통해서 보여준다.\n */\nexport default class MCSMouseEventLayer extends Layer {\n  private _anim_alpha = 1\n  private _lastTargets: Component[] = []\n  private _decoTargets: Component[] = []\n  private _animate: any\n\n  animOnTargetChange(decoTargets: Component[]) {\n    if (decoTargets === this._lastTargets) return\n\n    this._lastTargets = decoTargets\n\n    this._anim_alpha = 1\n\n    this.animate({\n      step: (delta: number) => {\n        this._anim_alpha = 1 - delta\n        this.invalidate()\n      },\n      duration: 5000,\n      delta: 'circ',\n      ease: 'in'\n    }).start()\n  }\n\n  decorate(component: Component, context: CanvasRenderingContext2D, delta: number) {\n    var rendered = false\n\n    const result = tooltipDecorator(component, context, 1 - delta)\n    rendered ||= result\n\n    return rendered\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var decoTargets = this.decoTargets && this.decoTargets.filter(target => target.rootModel)\n    if (!decoTargets || decoTargets.length == 0) {\n      this._animate && this._animate.stop()\n      delete this._animate\n      return\n    }\n\n    context.globalAlpha *= this._anim_alpha\n\n    var needAnimation = false\n\n    decoTargets.forEach(target => {\n      if (this.decorate(target, context, 1 - this._anim_alpha)) {\n        needAnimation = true\n      }\n    })\n\n    needAnimation && this.animOnTargetChange(this.decoTargets)\n  }\n\n  get decoTargets(): Component[] {\n    return this._decoTargets\n  }\n\n  set decoTargets(decoTargets) {\n    this._decoTargets = decoTargets && decoTargets.filter(target => !target.isLayer())\n    this.invalidate()\n  }\n\n  get eventMap() {\n    return {\n      'model-layer': {\n        '(descendant)': {\n          // tag: this.onhover,\n          // tagreset: this.onhoverreset,\n          mouseenter: this.onmouseenter,\n          mouseleave: this.onmouseleave\n          // mouseclick: this.onmouseclick\n        }\n      }\n    }\n  }\n\n  onmouseclick(e: MouseEvent, hint: any) {\n    this._hoverreset()\n    this._onpopup(hint.origin)\n  }\n\n  onmouseenter(e: MouseEvent, hint: any) {\n    this._hoverreset()\n    this._onhover(hint.origin)\n  }\n\n  onmouseleave(e: MouseEvent, hint: any) {\n    this._hoverreset()\n  }\n\n  onhoverreset(hint: any) {\n    this._hoverreset()\n  }\n\n  onhover(hint: any) {\n    this._onhover(hint.origin)\n  }\n\n  offhover(e: MouseEvent, hint: any) {\n    this._offhover(hint.origin)\n  }\n\n  _onhover(target: Component) {\n    if (this.decoTargets && this.decoTargets.lastIndexOf(target) !== -1) return\n\n    this.decoTargets = (this.decoTargets || []).concat(target)\n  }\n\n  _offhover(target: Component) {\n    if (!this.decoTargets) return\n\n    var copied = this.decoTargets.slice()\n    copied.splice(this.decoTargets.lastIndexOf(target), 1)\n    this.decoTargets = copied\n  }\n\n  _hoverreset() {\n    this.decoTargets = []\n  }\n\n  _onpopup(unit: Component) {}\n}\n\nComponent.register('mcs-mouse-event-layer', MCSMouseEventLayer)\n"]}