@hatiolab/things-scene 9.0.0-beta.35 → 9.0.0-beta.36

package/dist/components/popup.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _popup = _interopRequireDefault(require("../layer/action/popup.js"));
+var _component = _interopRequireDefault(require("./component.js"));
+var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
+var _shape = _interopRequireDefault(require("./shape.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const CENTER = 'center';
+const LEFTTOP = 'left-top';
+const RIGHTTOP = 'right-top';
+const LEFTBOTTOM = 'left-bottom';
+const RIGHTBOTTOM = 'right-bottom';
+const AUTO = 'auto';
+const NATURE = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [{
+    type: 'board-selector',
+    label: 'board',
+    name: 'board'
+  }, {
+    type: 'checkbox',
+    label: 'modal',
+    name: 'modal'
+  }, {
+    type: 'checkbox',
+    label: 'closable',
+    name: 'closable'
+  }, {
+    type: 'checkbox',
+    label: 'draggable',
+    name: 'draggable'
+  }, {
+    type: 'checkbox',
+    label: 'minimizable',
+    name: 'minimizable'
+  }, {
+    type: 'checkbox',
+    label: 'show',
+    name: 'show'
+  }, {
+    type: 'select',
+    label: 'location',
+    name: 'location',
+    property: {
+      options: [CENTER, LEFTTOP, RIGHTTOP, LEFTBOTTOM, RIGHTBOTTOM, AUTO]
+    }
+  }, {
+    type: 'string',
+    label: 'title',
+    name: 'text'
+  }, {
+    type: 'data',
+    label: 'value',
+    name: 'value'
+  }],
+  help: 'scene/component/popup'
+};
+const POPUP_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM4QzQxNUMzMzBEMTFFQ0JEMzZDMDUwQUI4MEI3QTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM4QzQxNUQzMzBEMTFFQ0JEMzZDMDUwQUI4MEI3QTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENjlENTQ3RjMzMDkxMUVDQkQzNkMwNTBBQjgwQjdBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjlENTQ4MDMzMDkxMUVDQkQzNkMwNTBBQjgwQjdBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsiUYSQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAA51BMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOguTm2AAAATHRSTlMARhB73r9B7YLrsqdE+0cq9Avzeg31eQx4aQ+Ks6aUd5DsYKixEX1w8vyT2VjoZ3YezY/cCEDvl+QTvRwJ0ifwK/5T/aw6+IuFuCImAcS6MQAAAeJJREFUWMPt2FlX2zAQhuHJYmOSFhIggbC0QNn3rS1dKXSH9///Hi58CJLxKIpEWi6YO8c5z4lG/nxGEXmu/1OVLGnhrFaSVQYg1SZetTTvUibqeFZ9QlfmvRWoV1VmCaCRzroXPpsuAjTV7gLUfPahBqD1OQMW/fazAWTKvQRI/ZgUSJR7U8CM/dHZ+/2VcatWdvdEZAaYUhiAwkerJXt0rnzXwdRKmHfDM0fHD5kxjTFyVLzVfvvirn7+cDJWjhy7c7XlYuwc6Urvu2tRhRypyhwAf1sKY+TIxfQA+H39q5wxc+RgVrcBduTmZTlj5khnDgH4IzKpMGaOVCbvyyvRGTNHGtPrKypjXirM5jb910I4k69oQeKY+77EMAcALEsck/+W6f71tyCma/ZFROTrJVwMy7wmf3bv6/MX+Dgkkysblvxps/dhOKZb6IvrTakzXXuPApnpYneDGOeKvJlaSXcDmA7AicQyW84VeTOnY+NdiWcG1uiZksFEHdyAlsJEjEkmkwGNsKHNZCJGSKtVTYC1tO022mnjwUBrMdXg8dreuOBhv7D/62/8lGZ1wLxXyZKOm+iUHIQintyny0TkaATHjYgcjeAoFpEje9R/nGPqIx2aw3NU9odCQI6e6x/VLY32cKQXVBnkAAAAAElFTkSuQmCC';
+
+/*
+ * Popup Window를 통해서 다른 Scene Model을 보여준다.
+ */
+class Popup extends (0, _rectPath.default)(_shape.default) {
+  static get image() {
+    if (!Popup._image) {
+      Popup._image = new Image();
+      Popup._image.src = POPUP_IMAGE;
+    }
+    return Popup._image;
+  }
+
+  /* Members */
+
+  ready() {
+    super.ready();
+    this.show && this.onchangeShow(true);
+  }
+  render(context) {
+    var {
+      left,
+      top,
+      width,
+      height
+    } = this.bounds;
+    context.beginPath();
+    this.drawImage(context, Popup.image, left, top, width, height);
+  }
+  onchange(after, before) {
+    if ('value' in after) {
+      if (this.show) {
+        this.onchangeShow(true);
+      } else {
+        this.show = true;
+      }
+    } else if ('show' in after) {
+      this.onchangeShow(this.show);
+    }
+  }
+  onchangeShow(value) {
+    if (this.app.isEditMode || !this.getState('board')) {
+      return;
+    }
+    if (value) {
+      _popup.default.show(this, this.getState('board'), {
+        location: this.getState('location'),
+        modal: this.getState('modal'),
+        closable: this.getState('closable') || false,
+        draggable: this.getState('draggable') || false,
+        minimizable: this.getState('minimizable') || false,
+        title: this.text,
+        data: this.value
+      });
+    } else {
+      _popup.default.hide(this);
+    }
+  }
+  get board() {
+    return this.getState('board');
+  }
+  set board(board) {
+    this.set('board', board);
+  }
+  get show() {
+    return this.getState('show');
+  }
+  set show(show) {
+    this.setState('show', show);
+  }
+  get started() {
+    return this.getState('show');
+  }
+  set started(show) {
+    this.setState('show', show);
+  }
+  get value() {
+    return this.getState('value');
+  }
+  set value(value) {
+    this.setState('value', value);
+  }
+  get hasTextProperty() {
+    return false;
+  }
+  get nature() {
+    return NATURE;
+  }
+}
+exports.default = Popup;
+_component.default.register('popup', Popup);
+//# sourceMappingURL=popup.js.map

package/dist/components/popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.js","names":["_popup","_interopRequireDefault","require","_component","_rectPath","_shape","e","__esModule","default","CENTER","LEFTTOP","RIGHTTOP","LEFTBOTTOM","RIGHTBOTTOM","AUTO","NATURE","mutable","resizable","rotatable","properties","type","label","name","property","options","help","POPUP_IMAGE","Popup","RectPath","Shape","image","_image","Image","src","ready","show","onchangeShow","render","context","left","top","width","height","bounds","beginPath","drawImage","onchange","after","before","value","app","isEditMode","getState","ScenePopup","location","modal","closable","draggable","minimizable","title","text","data","hide","board","set","setState","started","hasTextProperty","nature","exports","Component","register"],"sources":["../../src/components/popup.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport ScenePopup from '../layer/action/popup.js'\nimport Component from './component.js'\nimport RectPath from './mixins/rect-path.js'\nimport Shape from './shape.js'\n\nconst CENTER = 'center'\nconst LEFTTOP = 'left-top'\nconst RIGHTTOP = 'right-top'\nconst LEFTBOTTOM = 'left-bottom'\nconst RIGHTBOTTOM = 'right-bottom'\nconst AUTO = 'auto'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'board-selector',\n      label: 'board',\n      name: 'board'\n    },\n    {\n      type: 'checkbox',\n      label: 'modal',\n      name: 'modal'\n    },\n    {\n      type: 'checkbox',\n      label: 'closable',\n      name: 'closable'\n    },\n    {\n      type: 'checkbox',\n      label: 'draggable',\n      name: 'draggable'\n    },\n    {\n      type: 'checkbox',\n      label: 'minimizable',\n      name: 'minimizable'\n    },\n    {\n      type: 'checkbox',\n      label: 'show',\n      name: 'show'\n    },\n    {\n      type: 'select',\n      label: 'location',\n      name: 'location',\n      property: {\n        options: [CENTER, LEFTTOP, RIGHTTOP, LEFTBOTTOM, RIGHTBOTTOM, AUTO]\n      }\n    },\n    {\n      type: 'string',\n      label: 'title',\n      name: 'text'\n    },\n    {\n      type: 'data',\n      label: 'value',\n      name: 'value'\n    }\n  ],\n  help: 'scene/component/popup'\n}\n\nconst POPUP_IMAGE =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM4QzQxNUMzMzBEMTFFQ0JEMzZDMDUwQUI4MEI3QTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM4QzQxNUQzMzBEMTFFQ0JEMzZDMDUwQUI4MEI3QTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENjlENTQ3RjMzMDkxMUVDQkQzNkMwNTBBQjgwQjdBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjlENTQ4MDMzMDkxMUVDQkQzNkMwNTBBQjgwQjdBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsiUYSQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAA51BMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOguTm2AAAATHRSTlMARhB73r9B7YLrsqdE+0cq9Avzeg31eQx4aQ+Ks6aUd5DsYKixEX1w8vyT2VjoZ3YezY/cCEDvl+QTvRwJ0ifwK/5T/aw6+IuFuCImAcS6MQAAAeJJREFUWMPt2FlX2zAQhuHJYmOSFhIggbC0QNn3rS1dKXSH9///Hi58CJLxKIpEWi6YO8c5z4lG/nxGEXmu/1OVLGnhrFaSVQYg1SZetTTvUibqeFZ9QlfmvRWoV1VmCaCRzroXPpsuAjTV7gLUfPahBqD1OQMW/fazAWTKvQRI/ZgUSJR7U8CM/dHZ+/2VcatWdvdEZAaYUhiAwkerJXt0rnzXwdRKmHfDM0fHD5kxjTFyVLzVfvvirn7+cDJWjhy7c7XlYuwc6Urvu2tRhRypyhwAf1sKY+TIxfQA+H39q5wxc+RgVrcBduTmZTlj5khnDgH4IzKpMGaOVCbvyyvRGTNHGtPrKypjXirM5jb910I4k69oQeKY+77EMAcALEsck/+W6f71tyCma/ZFROTrJVwMy7wmf3bv6/MX+Dgkkysblvxps/dhOKZb6IvrTakzXXuPApnpYneDGOeKvJlaSXcDmA7AicQyW84VeTOnY+NdiWcG1uiZksFEHdyAlsJEjEkmkwGNsKHNZCJGSKtVTYC1tO022mnjwUBrMdXg8dreuOBhv7D/62/8lGZ1wLxXyZKOm+iUHIQintyny0TkaATHjYgcjeAoFpEje9R/nGPqIx2aw3NU9odCQI6e6x/VLY32cKQXVBnkAAAAAElFTkSuQmCC'\n\n/*\n * Popup Window를 통해서 다른 Scene Model을 보여준다.\n */\nexport default class Popup extends RectPath(Shape) {\n  static get image() {\n    if (!Popup._image) {\n      Popup._image = new Image()\n      Popup._image.src = POPUP_IMAGE\n    }\n\n    return Popup._image\n  }\n\n  /* Members */\n\n  ready() {\n    super.ready()\n\n    this.show && this.onchangeShow(true)\n  }\n\n  render(context) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, Popup.image, left, top, width, height)\n  }\n\n  onchange(after, before) {\n    if ('value' in after) {\n      if (this.show) {\n        this.onchangeShow(true)\n      } else {\n        this.show = true\n      }\n    } else if ('show' in after) {\n      this.onchangeShow(this.show)\n    }\n  }\n\n  onchangeShow(value) {\n    if (this.app.isEditMode || !this.getState('board')) {\n      return\n    }\n\n    if (value) {\n      ScenePopup.show(this, this.getState('board'), {\n        location: this.getState('location'),\n        modal: this.getState('modal'),\n        closable: this.getState('closable') || false,\n        draggable: this.getState('draggable') || false,\n        minimizable: this.getState('minimizable') || false,\n        title: this.text,\n        data: this.value\n      })\n    } else {\n      ScenePopup.hide(this)\n    }\n  }\n\n  get board() {\n    return this.getState('board')\n  }\n\n  set board(board) {\n    this.set('board', board)\n  }\n\n  get show() {\n    return this.getState('show')\n  }\n\n  set show(show) {\n    this.setState('show', show)\n  }\n\n  get started() {\n    return this.getState('show')\n  }\n\n  set started(show) {\n    this.setState('show', show)\n  }\n\n  get value() {\n    return this.getState('value')\n  }\n\n  set value(value) {\n    this.setState('value', value)\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.register('popup', Popup)\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAP9B;AACA;AACA;;AAOA,MAAMG,MAAM,GAAG,QAAQ;AACvB,MAAMC,OAAO,GAAG,UAAU;AAC1B,MAAMC,QAAQ,GAAG,WAAW;AAC5B,MAAMC,UAAU,GAAG,aAAa;AAChC,MAAMC,WAAW,GAAG,cAAc;AAClC,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,MAAM,GAAG;EACbC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE,CACV;IACEC,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,UAAU;IACjBC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,WAAW;IAClBC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,aAAa;IACpBC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,UAAU;IACjBC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE;MACRC,OAAO,EAAE,CAACf,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,WAAW,EAAEC,IAAI;IACpE;EACF,CAAC,EACD;IACEM,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE;EACR,CAAC,CACF;EACDG,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,WAAW,GACf,oxEAAoxE;;AAEtxE;AACA;AACA;AACe,MAAMC,KAAK,SAAS,IAAAC,iBAAQ,EAACC,cAAK,CAAC,CAAC;EACjD,WAAWC,KAAKA,CAAA,EAAG;IACjB,IAAI,CAACH,KAAK,CAACI,MAAM,EAAE;MACjBJ,KAAK,CAACI,MAAM,GAAG,IAAIC,KAAK,CAAC,CAAC;MAC1BL,KAAK,CAACI,MAAM,CAACE,GAAG,GAAGP,WAAW;IAChC;IAEA,OAAOC,KAAK,CAACI,MAAM;EACrB;;EAEA;;EAEAG,KAAKA,CAAA,EAAG;IACN,KAAK,CAACA,KAAK,CAAC,CAAC;IAEb,IAAI,CAACC,IAAI,IAAI,IAAI,CAACC,YAAY,CAAC,IAAI,CAAC;EACtC;EAEAC,MAAMA,CAACC,OAAO,EAAE;IACd,IAAI;MAAEC,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACC,MAAM;IAE9CL,OAAO,CAACM,SAAS,CAAC,CAAC;IACnB,IAAI,CAACC,SAAS,CAACP,OAAO,EAAEX,KAAK,CAACG,KAAK,EAAES,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,CAAC;EAChE;EAEAI,QAAQA,CAACC,KAAK,EAAEC,MAAM,EAAE;IACtB,IAAI,OAAO,IAAID,KAAK,EAAE;MACpB,IAAI,IAAI,CAACZ,IAAI,EAAE;QACb,IAAI,CAACC,YAAY,CAAC,IAAI,CAAC;MACzB,CAAC,MAAM;QACL,IAAI,CAACD,IAAI,GAAG,IAAI;MAClB;IACF,CAAC,MAAM,IAAI,MAAM,IAAIY,KAAK,EAAE;MAC1B,IAAI,CAACX,YAAY,CAAC,IAAI,CAACD,IAAI,CAAC;IAC9B;EACF;EAEAC,YAAYA,CAACa,KAAK,EAAE;IAClB,IAAI,IAAI,CAACC,GAAG,CAACC,UAAU,IAAI,CAAC,IAAI,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE;MAClD;IACF;IAEA,IAAIH,KAAK,EAAE;MACTI,cAAU,CAAClB,IAAI,CAAC,IAAI,EAAE,IAAI,CAACiB,QAAQ,CAAC,OAAO,CAAC,EAAE;QAC5CE,QAAQ,EAAE,IAAI,CAACF,QAAQ,CAAC,UAAU,CAAC;QACnCG,KAAK,EAAE,IAAI,CAACH,QAAQ,CAAC,OAAO,CAAC;QAC7BI,QAAQ,EAAE,IAAI,CAACJ,QAAQ,CAAC,UAAU,CAAC,IAAI,KAAK;QAC5CK,SAAS,EAAE,IAAI,CAACL,QAAQ,CAAC,WAAW,CAAC,IAAI,KAAK;QAC9CM,WAAW,EAAE,IAAI,CAACN,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK;QAClDO,KAAK,EAAE,IAAI,CAACC,IAAI;QAChBC,IAAI,EAAE,IAAI,CAACZ;MACb,CAAC,CAAC;IACJ,CAAC,MAAM;MACLI,cAAU,CAACS,IAAI,CAAC,IAAI,CAAC;IACvB;EACF;EAEA,IAAIC,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACX,QAAQ,CAAC,OAAO,CAAC;EAC/B;EAEA,IAAIW,KAAKA,CAACA,KAAK,EAAE;IACf,IAAI,CAACC,GAAG,CAAC,OAAO,EAAED,KAAK,CAAC;EAC1B;EAEA,IAAI5B,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACiB,QAAQ,CAAC,MAAM,CAAC;EAC9B;EAEA,IAAIjB,IAAIA,CAACA,IAAI,EAAE;IACb,IAAI,CAAC8B,QAAQ,CAAC,MAAM,EAAE9B,IAAI,CAAC;EAC7B;EAEA,IAAI+B,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACd,QAAQ,CAAC,MAAM,CAAC;EAC9B;EAEA,IAAIc,OAAOA,CAAC/B,IAAI,EAAE;IAChB,IAAI,CAAC8B,QAAQ,CAAC,MAAM,EAAE9B,IAAI,CAAC;EAC7B;EAEA,IAAIc,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACG,QAAQ,CAAC,OAAO,CAAC;EAC/B;EAEA,IAAIH,KAAKA,CAACA,KAAK,EAAE;IACf,IAAI,CAACgB,QAAQ,CAAC,OAAO,EAAEhB,KAAK,CAAC;EAC/B;EAEA,IAAIkB,eAAeA,CAAA,EAAG;IACpB,OAAO,KAAK;EACd;EAEA,IAAIC,MAAMA,CAAA,EAAG;IACX,OAAOrD,MAAM;EACf;AACF;AAACsD,OAAA,CAAA7D,OAAA,GAAAmB,KAAA;AAED2C,kBAAS,CAACC,QAAQ,CAAC,OAAO,EAAE5C,KAAK,CAAC","ignoreList":[]}

package/dist/components/rect.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _component = _interopRequireDefault(require("./component.js"));
+var _connectable = _interopRequireDefault(require("./mixins/connectable.js"));
+var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
+var _shape = _interopRequireDefault(require("./shape.js"));
+var _safeRound = require("../core/safe-round.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const NATURE = {
+  mutable: false,
+  resizable: true,
+  rotatable: true,
+  properties: [{
+    type: 'number',
+    label: 'round',
+    name: 'round',
+    property: {
+      min: 0
+    }
+  }],
+  help: 'scene/component/rect'
+};
+var controlHandler = {
+  ondragmove: function (point, index, component) {
+    var {
+      left,
+      top,
+      width,
+      height
+    } = component.model;
+    var transcoorded = component.transcoordP2S(point.x, point.y);
+    var round = (transcoorded.x - left) / (width / 2) * 100;
+    round = (0, _safeRound.safeRound)(round, width, height);
+    component.set({
+      round
+    });
+  }
+};
+class Rect extends (0, _connectable.default)((0, _rectPath.default)(_shape.default)) {
+  is3dish() {
+    return true;
+  }
+  get controls() {
+    var {
+      left,
+      top,
+      width,
+      round,
+      height
+    } = this.state;
+    round = round == undefined ? 0 : (0, _safeRound.safeRound)(round, width, height);
+    return [{
+      x: left + width / 2 * (round / 100),
+      y: top,
+      handler: controlHandler
+    }];
+  }
+  get nature() {
+    return NATURE;
+  }
+}
+exports.default = Rect;
+_component.default.register('rect', Rect);
+//# sourceMappingURL=rect.js.map

package/dist/components/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.js","names":["_component","_interopRequireDefault","require","_connectable","_rectPath","_shape","_safeRound","e","__esModule","default","NATURE","mutable","resizable","rotatable","properties","type","label","name","property","min","help","controlHandler","ondragmove","point","index","component","left","top","width","height","model","transcoorded","transcoordP2S","x","y","round","safeRound","set","Rect","Connectable","RectPath","Shape","is3dish","controls","state","undefined","handler","nature","exports","Component","register"],"sources":["../../src/components/rect.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component.js'\nimport Connectable from './mixins/connectable.js'\nimport RectPath from './mixins/rect-path.js'\nimport Shape from './shape.js'\nimport { safeRound } from '../core/safe-round.js'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round',\n      property: {\n        min: 0\n      }\n    }\n  ],\n  help: 'scene/component/rect'\n}\n\nvar controlHandler = {\n  ondragmove: function (point, index, component) {\n    var { left, top, width, height } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n    var round = ((transcoorded.x - left) / (width / 2)) * 100\n\n    round = safeRound(round, width, height)\n\n    component.set({\n      round\n    })\n  }\n}\n\nexport default class Rect extends Connectable(RectPath(Shape)) {\n  is3dish() {\n    return true\n  }\n\n  get controls() {\n    var { left, top, width, round, height } = this.state\n    round = round == undefined ? 0 : safeRound(round, width, height)\n\n    return [\n      {\n        x: left + (width / 2) * (round / 100),\n        y: top,\n        handler: controlHandler\n      }\n    ]\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.register('rect', Rect)\n"],"mappings":";;;;;;AAIA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAiD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AARjD;AACA;AACA;;AAQA,MAAMG,MAAM,GAAG;EACbC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE,CACV;IACEC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE;MACRC,GAAG,EAAE;IACP;EACF,CAAC,CACF;EACDC,IAAI,EAAE;AACR,CAAC;AAED,IAAIC,cAAc,GAAG;EACnBC,UAAU,EAAE,SAAAA,CAAUC,KAAK,EAAEC,KAAK,EAAEC,SAAS,EAAE;IAC7C,IAAI;MAAEC,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGJ,SAAS,CAACK,KAAK;IAElD,IAAIC,YAAY,GAAGN,SAAS,CAACO,aAAa,CAACT,KAAK,CAACU,CAAC,EAAEV,KAAK,CAACW,CAAC,CAAC;IAC5D,IAAIC,KAAK,GAAI,CAACJ,YAAY,CAACE,CAAC,GAAGP,IAAI,KAAKE,KAAK,GAAG,CAAC,CAAC,GAAI,GAAG;IAEzDO,KAAK,GAAG,IAAAC,oBAAS,EAACD,KAAK,EAAEP,KAAK,EAAEC,MAAM,CAAC;IAEvCJ,SAAS,CAACY,GAAG,CAAC;MACZF;IACF,CAAC,CAAC;EACJ;AACF,CAAC;AAEc,MAAMG,IAAI,SAAS,IAAAC,oBAAW,EAAC,IAAAC,iBAAQ,EAACC,cAAK,CAAC,CAAC,CAAC;EAC7DC,OAAOA,CAAA,EAAG;IACR,OAAO,IAAI;EACb;EAEA,IAAIC,QAAQA,CAAA,EAAG;IACb,IAAI;MAAEjB,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEO,KAAK;MAAEN;IAAO,CAAC,GAAG,IAAI,CAACe,KAAK;IACpDT,KAAK,GAAGA,KAAK,IAAIU,SAAS,GAAG,CAAC,GAAG,IAAAT,oBAAS,EAACD,KAAK,EAAEP,KAAK,EAAEC,MAAM,CAAC;IAEhE,OAAO,CACL;MACEI,CAAC,EAAEP,IAAI,GAAIE,KAAK,GAAG,CAAC,IAAKO,KAAK,GAAG,GAAG,CAAC;MACrCD,CAAC,EAAEP,GAAG;MACNmB,OAAO,EAAEzB;IACX,CAAC,CACF;EACH;EAEA,IAAI0B,MAAMA,CAAA,EAAG;IACX,OAAOrC,MAAM;EACf;AACF;AAACsC,OAAA,CAAAvC,OAAA,GAAA6B,IAAA;AAEDW,kBAAS,CAACC,QAAQ,CAAC,MAAM,EAAEZ,IAAI,CAAC","ignoreList":[]}

package/dist/components/retention/retention-manager.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../../core/utils.js");
+var _logger = require("../../core/logger.js");
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/*
+ * RetentionManager
+ *
+ * 컴포넌트의 Retention을 관리
+ *
+ * - 루트 정보를 제공함. (get root, )
+ * - 하위 레이어들을 관리함.
+ * - 전체적인 이벤트 리스너를 관리함.
+ * - 전체적인 스타일 정보를 관리함.
+ */
+
+var components = [];
+var timeout;
+function check() {
+  timeout = null;
+  var now = performance.now();
+  components = components.filter(component => filter(component));
+  var result = components.reduce((result, component) => {
+    let diff = now - component.updatedAt;
+    if (diff >= component.retention) result.kills.push(component);else result.next = result.next == 0 ? component.retention - diff : Math.min(result.next, component.retention - diff);
+    return result;
+  }, {
+    next: 0,
+    kills: []
+  });
+  result.kills.forEach(component => {
+    let idx = components.indexOf(component);
+    if (idx != -1) {
+      components.splice(idx, 1);
+      component.removeSelf(true);
+    } else (0, _logger.error)('Should not be here. Maybe reentrance problem.');
+  });
+  if (result.next > 0) {
+    timeout = setTimeout(touch, Math.max(result.next, 500));
+  }
+}
+function filter(component) {
+  return !component.disposed && component.retention > 0 && !component.isTemplate() && component.app && component.app.isViewMode;
+}
+var touch = (0, _utils.throttle)(function () {
+  // 여기에서 check 재진입을 방지한다.
+  requestAnimationFrame(check);
+}, 500);
+class RetentionManager {
+  add(component) {
+    if (filter(component) && components.indexOf(component) == -1) {
+      components.push(component);
+      component.touch();
+    }
+    this.touch();
+  }
+  remove(component) {
+    var idx = components.indexOf(component);
+    idx > 0 && components.splice(idx, 1);
+    this.touch();
+  }
+  touch() {
+    if (timeout !== null) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+    touch();
+  }
+  get length() {
+    return components.length;
+  }
+}
+var _default = exports.default = new RetentionManager();
+//# sourceMappingURL=retention-manager.js.map

package/dist/components/retention/retention-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retention-manager.js","names":["_utils","require","_logger","components","timeout","check","now","performance","filter","component","result","reduce","diff","updatedAt","retention","kills","push","next","Math","min","forEach","idx","indexOf","splice","removeSelf","error","setTimeout","touch","max","disposed","isTemplate","app","isViewMode","throttle","requestAnimationFrame","RetentionManager","add","remove","clearTimeout","length","_default","exports","default"],"sources":["../../../src/components/retention/retention-manager.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { throttle } from '../../core/utils.js'\nimport { error } from '../../core/logger.js'\n\n/*\n * RetentionManager\n *\n * 컴포넌트의 Retention을 관리\n *\n * - 루트 정보를 제공함. (get root, )\n * - 하위 레이어들을 관리함.\n * - 전체적인 이벤트 리스너를 관리함.\n * - 전체적인 스타일 정보를 관리함.\n */\n\nvar components = []\nvar timeout\n\nfunction check() {\n  timeout = null\n\n  var now = performance.now()\n\n  components = components.filter(component => filter(component))\n  var result = components.reduce(\n    (result, component) => {\n      let diff = now - component.updatedAt\n\n      if (diff >= component.retention) result.kills.push(component)\n      else\n        result.next = result.next == 0 ? component.retention - diff : Math.min(result.next, component.retention - diff)\n\n      return result\n    },\n    {\n      next: 0,\n      kills: []\n    }\n  )\n\n  result.kills.forEach(component => {\n    let idx = components.indexOf(component)\n    if (idx != -1) {\n      components.splice(idx, 1)\n      component.removeSelf(true)\n    } else error('Should not be here. Maybe reentrance problem.')\n  })\n\n  if (result.next > 0) {\n    timeout = setTimeout(touch, Math.max(result.next, 500))\n  }\n}\n\nfunction filter(component) {\n  return (\n    !component.disposed &&\n    component.retention > 0 &&\n    !component.isTemplate() &&\n    component.app &&\n    component.app.isViewMode\n  )\n}\n\nvar touch = throttle(function () {\n  // 여기에서 check 재진입을 방지한다.\n  requestAnimationFrame(check)\n}, 500)\n\nclass RetentionManager {\n  add(component) {\n    if (filter(component) && components.indexOf(component) == -1) {\n      components.push(component)\n      component.touch()\n    }\n\n    this.touch()\n  }\n\n  remove(component) {\n    var idx = components.indexOf(component)\n    idx > 0 && components.splice(idx, 1)\n\n    this.touch()\n  }\n\n  touch() {\n    if (timeout !== null) {\n      clearTimeout(timeout)\n      timeout = null\n    }\n\n    touch()\n  }\n\n  get length() {\n    return components.length\n  }\n}\n\nexport default new RetentionManager()\n"],"mappings":"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","ignoreList":[]}