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

package/dist/layer/action/emphasize.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.emphasize = emphasize;
+exports.normalize = normalize;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function emphasize(component) {
+  const {
+    hover
+  } = component.state.event || {};
+  const {
+    emphasize
+  } = hover || {};
+  if (component.hasOwnProperty('_backupStrokeStyle')) return;
+  if ('__backup_emphasize' in component) {
+    return;
+  }
+  const {
+    strokeStyle,
+    lineWidth,
+    fillStyle
+  } = component.state;
+  component.__backup_emphasize = {
+    strokeStyle,
+    lineWidth,
+    fillStyle
+  };
+  component.setState(emphasize);
+}
+function normalize(component) {
+  if (!('__backup_emphasize' in component)) {
+    return;
+  }
+  component.setState(component.__backup_emphasize);
+  delete component.__backup_emphasize;
+}
+//# sourceMappingURL=emphasize.js.map

package/dist/layer/action/emphasize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emphasize.js","names":["emphasize","component","hover","state","event","hasOwnProperty","strokeStyle","lineWidth","fillStyle","__backup_emphasize","setState","normalize"],"sources":["../../../src/layer/action/emphasize.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport function emphasize(component) {\n  const { hover } = component.state.event || {}\n  const { emphasize } = hover || {}\n\n  if (component.hasOwnProperty('_backupStrokeStyle')) return\n\n  if ('__backup_emphasize' in component) {\n    return\n  }\n\n  const { strokeStyle, lineWidth, fillStyle } = component.state\n\n  component.__backup_emphasize = { strokeStyle, lineWidth, fillStyle }\n  component.setState(emphasize)\n}\n\nexport function normalize(component) {\n  if (!('__backup_emphasize' in component)) {\n    return\n  }\n\n  component.setState(component.__backup_emphasize)\n  delete component.__backup_emphasize\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAEO,SAASA,SAASA,CAACC,SAAS,EAAE;EACnC,MAAM;IAAEC;EAAM,CAAC,GAAGD,SAAS,CAACE,KAAK,CAACC,KAAK,IAAI,CAAC,CAAC;EAC7C,MAAM;IAAEJ;EAAU,CAAC,GAAGE,KAAK,IAAI,CAAC,CAAC;EAEjC,IAAID,SAAS,CAACI,cAAc,CAAC,oBAAoB,CAAC,EAAE;EAEpD,IAAI,oBAAoB,IAAIJ,SAAS,EAAE;IACrC;EACF;EAEA,MAAM;IAAEK,WAAW;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGP,SAAS,CAACE,KAAK;EAE7DF,SAAS,CAACQ,kBAAkB,GAAG;IAAEH,WAAW;IAAEC,SAAS;IAAEC;EAAU,CAAC;EACpEP,SAAS,CAACS,QAAQ,CAACV,SAAS,CAAC;AAC/B;AAEO,SAASW,SAASA,CAACV,SAAS,EAAE;EACnC,IAAI,EAAE,oBAAoB,IAAIA,SAAS,CAAC,EAAE;IACxC;EACF;EAEAA,SAAS,CAACS,QAAQ,CAACT,SAAS,CAACQ,kBAAkB,CAAC;EAChD,OAAOR,SAAS,CAACQ,kBAAkB;AACrC","ignoreList":[]}

package/dist/layer/action/popup.js

@@ -0,0 +1,461 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _const = require("../../const.js");
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const SCENE_EVENT = ['run', 'goto', 'goto-playlist', 'link-open', 'link-move', 'route-page', 'start-scenario', 'run-scenario', 'export-data', 'import-data'];
+const CENTER = 'center';
+const LEFTTOP = 'left-top';
+const RIGHTTOP = 'right-top';
+const LEFTBOTTOM = 'left-bottom';
+const RIGHTBOTTOM = 'right-bottom';
+const AUTO = 'auto';
+const TEMPLATE_WITH_CLOSE_TITLE = `
+<div class="popup-wrap">
+  <div class="popup-title-bar">
+    <div class="popup-title"></div>
+    <button class="draggable-1945">drag_pan</button>
+    <button class="minimizable-1945">minimize</button>
+    <button class="closable-1945">close</button>
+  </div>
+  <div class="popup-content"></div>
+</div>
+`;
+const TEMPLATE_WITH_CLOSE = `
+<div class="popup-content">
+  <button class="draggable-1945">drag_pan</button>
+  <button class="minimizable-1945">minimize</button>
+  <button class="closable-1945">close</button>
+</div>
+`;
+const POPUP_STYLE = `
+.popup-title-bar {
+  display: flex;
+  align-items: center;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 30px;
+  background-color: var(--md-sys-color-primary, #f1f1f1);
+  color: var(--md-sys-color-on-primary, black);
+  padding: 5px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #ccc;
+}
+
+.popup-title {
+  flex: 1;
+  text-align: center;
+}
+
+button.closable-1945, button.minimizable-1945, button.draggable-1945 {
+  position: absolute;
+  display: none;
+  color: white; 
+  background-color: black; 
+  opacity: .3;
+  width: 20px;
+  height: 20px;
+  top: 5px; 
+  z-index: 1;
+  padding: 0;
+  margin: 0;
+  border: 0px;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 4px;
+  font-family: Material Symbols Outlined;
+  font-size: 12px;
+}
+
+button.draggable-1945 {
+  right: 55px;
+  cursor: move;
+}
+
+button.minimizable-1945 {
+  right: 30px;
+}
+
+button.closable-1945 {
+  right: 5px;
+}
+
+button.closable-1945:hover, button.minimizable-1945:hover, button.draggable-1945:hover {
+  opacity: .6;  
+}
+`;
+const POPUP_GAP = 20;
+const FADE_DURATION = 200;
+function fadeIn(element, callback) {
+  element.style.opacity = 0;
+  element.style.transform = 'scale(0)';
+  element.style.display = 'block';
+  let last = +new Date();
+  const tick = () => {
+    const progress = Math.min((new Date() - last) / FADE_DURATION, 1);
+    element.style.opacity = progress;
+    element.style.transform = `scale(${progress})`;
+    if (progress < 1) {
+      requestAnimationFrame(tick);
+    } else if (callback) {
+      callback();
+    }
+  };
+  tick();
+}
+function fadeOut(element, callback) {
+  element.style.opacity = 1;
+  element.style.transform = 'scale(1)';
+  let last = +new Date();
+  const tick = () => {
+    const progress = Math.min((new Date() - last) / FADE_DURATION, 1);
+    element.style.opacity = 1 - progress;
+    element.style.transform = `scale(${1 - progress})`;
+    if (progress < 1) {
+      requestAnimationFrame(tick);
+    } else {
+      element.style.display = 'none';
+      if (callback) callback();
+    }
+  };
+  tick();
+}
+function makeDraggable(element, handle, component) {
+  let startX, startY, initialX, initialY;
+  handle.addEventListener('mousedown', e => {
+    e.preventDefault();
+    e.stopPropagation();
+    startX = e.clientX;
+    startY = e.clientY;
+    initialX = parseInt(element.style.left, 10) || 0;
+    initialY = parseInt(element.style.top, 10) || 0;
+    function onMouseMove(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      const dx = e.clientX - startX;
+      const dy = e.clientY - startY;
+      const transform = component.rootModel.overlay.style.transform;
+      const scaleMatch = transform.match(/scale\(([^,]+),\s*([^)]+)\)/);
+      const sx = scaleMatch ? parseFloat(scaleMatch[1]) : 1;
+      const sy = scaleMatch ? parseFloat(scaleMatch[2]) : sx;
+      element.style.left = `${initialX + dx / sx}px`;
+      element.style.top = `${initialY + dy / sy}px`;
+    }
+    function onMouseUp(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      document.removeEventListener('mousemove', onMouseMove, true);
+      document.removeEventListener('mouseup', onMouseUp, true);
+    }
+    document.addEventListener('mousemove', onMouseMove, true);
+    document.addEventListener('mouseup', onMouseUp, true);
+  });
+}
+const popups = new WeakMap();
+function addPopup(component, div, scene) {
+  const root = component.root;
+  if (root === component) {
+    return;
+  }
+  removePopup(component);
+  let components = popups.get(root) || [];
+  components = [...components, [component, {
+    div,
+    scene
+  }]];
+  popups.set(root, components);
+}
+function removePopup(component) {
+  const root = component.root;
+  const components = popups.get(root);
+  if (!components) {
+    return;
+  }
+  if (root === component) {
+    components.forEach(item => removePopup(item[0]));
+    popups.delete(root);
+    return;
+  }
+  const idx = components.findIndex(item => item[0] === component);
+  if (idx === -1) {
+    return;
+  }
+  const popup = components[idx][1];
+  popup.div.parentNode?.removeChild(popup.div);
+  popup.scene.target = null;
+  popup.scene.release?.();
+  components.splice(idx, 1);
+}
+function position(scene_root, popup_scene_root, point, options) {
+  const {
+    location = AUTO,
+    title = ''
+  } = options || {};
+  const scene_bounds = scene_root.bounds;
+  let popup_scene_bounds = popup_scene_root.bounds;
+  if (title) {
+    popup_scene_bounds.height += 30; // assuming title bar height is 30px
+  }
+  const left_side = Math.max(scene_bounds.width / 4 - popup_scene_bounds.width / 2, POPUP_GAP);
+  const right_side = Math.min(scene_bounds.width * 3 / 4 + popup_scene_bounds.width / 2, scene_bounds.width - POPUP_GAP) - popup_scene_bounds.width;
+  const top_side = Math.max(scene_bounds.height / 4 - popup_scene_bounds.height / 2, POPUP_GAP) + (title ? 30 : 0);
+  const bottom_side = Math.min(scene_bounds.height * 3 / 4 + popup_scene_bounds.height / 2, scene_bounds.height - POPUP_GAP) - popup_scene_bounds.height + (title ? 30 : 0);
+  switch (location) {
+    case AUTO:
+      return {
+        x: point.x < scene_bounds.width / 2 ? Math.min(right_side, point.x + 20) : Math.max(left_side, point.x - (popup_scene_bounds.width + 20)),
+        y: point.y < scene_bounds.height / 2 ? Math.min(bottom_side, point.y + 20 + (title ? 30 : 0)) : Math.max(top_side, point.y - (popup_scene_bounds.height + 20 + (title ? 30 : 0)))
+      };
+    case LEFTTOP:
+      return {
+        x: left_side,
+        y: top_side
+      };
+    case RIGHTTOP:
+      return {
+        x: right_side,
+        y: top_side
+      };
+    case LEFTBOTTOM:
+      return {
+        x: left_side,
+        y: bottom_side
+      };
+    case RIGHTBOTTOM:
+      return {
+        x: right_side,
+        y: bottom_side
+      };
+    case CENTER:
+    default:
+      return {
+        x: (scene_bounds.width - popup_scene_bounds.width) / 2,
+        y: (scene_bounds.height - popup_scene_bounds.height + (title ? 30 : 0)) / 2
+      };
+  }
+}
+function toggleMinimize(popup, isMinimized) {
+  const minimizeButton = popup.querySelector('.minimizable-1945');
+  if (isMinimized) {
+    minimizeButton.innerHTML = 'crop_square'; // maximize icon
+    popup.style.height = '30px';
+    popup.style.overflow = 'hidden';
+  } else {
+    minimizeButton.innerHTML = 'minimize'; // minimize icon
+    popup.style.height = '';
+    popup.style.overflow = 'visible';
+  }
+}
+class ScenePopup {
+  static hideAll(root) {
+    const popups4root = popups.get(root) || [];
+    popups4root.forEach(([component]) => removePopup(component));
+  }
+  static hide(component) {
+    const root = component.root;
+    const components = popups.get(root);
+    if (!components) {
+      return;
+    }
+    const idx = components.findIndex(item => item[0] === component);
+    if (idx === -1) {
+      return;
+    }
+    const popup = components[idx][1];
+    popup.div.style.backgroundColor = 'transparent';
+    fadeOut(popup.div, () => {
+      removePopup(component);
+    });
+  }
+  static show(component, ref, options = {}) {
+    const {
+      data,
+      modal = false,
+      closable = true,
+      minimizable = false,
+      draggable = false,
+      output = true,
+      title = ''
+    } = options;
+    const provider = component.app.refProvider;
+    provider?.get(ref, true).then(scene => {
+      const div = document.createElement('div');
+      const divStyle = div.style;
+      div.setAttribute('popup', '');
+      if (modal) {
+        const {
+          width,
+          height
+        } = component.rootModel.bounds;
+        Object.assign(divStyle, {
+          position: 'fixed',
+          zIndex: 1,
+          left: 0,
+          top: 0,
+          width: `${width}px`,
+          height: `${height}px`,
+          overflow: 'hidden',
+          backgroundColor: 'transparent'
+        });
+      } else {
+        Object.assign(divStyle, {
+          position: 'absolute',
+          display: 'inline-block',
+          overflow: 'hidden'
+        });
+      }
+      div.innerHTML = title ? TEMPLATE_WITH_CLOSE_TITLE : TEMPLATE_WITH_CLOSE;
+      const innerdiv = div.querySelector('.popup-content');
+      const {
+        width,
+        height
+      } = scene.root.model;
+      Object.assign(innerdiv.style, {
+        width: `${width}px`,
+        height: `${height}px`
+      });
+      const styleElement = document.createElement('style');
+      styleElement.type = 'text/css';
+      styleElement.appendChild(document.createTextNode(POPUP_STYLE));
+      div.appendChild(styleElement);
+      SCENE_EVENT.forEach(action => {
+        scene.on(action, (...args) => {
+          component.trigger(action, ...args);
+        });
+      });
+      const popup = div.querySelector('.popup-content');
+      const dragHandle = div.querySelector('.draggable-1945');
+      [..._const.GESTURES, ..._const.KEYEVENTS].forEach(event => {
+        popup.addEventListener(event, e => {
+          e.stopPropagation();
+        });
+      });
+      [..._const.GESTURES, ..._const.KEYEVENTS].forEach(event => {
+        div.addEventListener(event, e => {
+          e.stopPropagation();
+        });
+      });
+      if (modal && closable) {
+        div.addEventListener('click', e => {
+          if (e.target === div) ScenePopup.hide(component);
+        });
+      }
+      const targetElement = component.root.model_layer.overlay;
+      targetElement.appendChild(div);
+      addPopup(component, div, scene);
+      if (title) {
+        const titleDiv = div.querySelector('.popup-title-bar .popup-title');
+        titleDiv.textContent = title;
+      }
+      if (draggable) {
+        makeDraggable(modal ? div.querySelector('.popup-wrap') : div, div.querySelector('.popup-title-bar'), component);
+        if (!title) {
+          popup.addEventListener('mouseenter', () => {
+            if (dragHandle) dragHandle.style.display = 'block';
+          });
+          popup.addEventListener('mouseleave', () => {
+            if (dragHandle) dragHandle.style.display = 'none';
+          });
+        } else {
+          if (dragHandle) dragHandle.style.display = 'block';
+        }
+      }
+      if (minimizable) {
+        const minimizeButton = div.querySelector('.minimizable-1945');
+        let isMinimized = false;
+        minimizeButton.addEventListener('click', e => {
+          e.preventDefault();
+          isMinimized = !isMinimized;
+          const popupWrap = div.querySelector('.popup-wrap');
+          toggleMinimize(modal ? popupWrap : div, isMinimized);
+        });
+        if (!title) {
+          popup.addEventListener('mouseenter', () => {
+            if (minimizeButton) minimizeButton.style.display = 'block';
+          });
+          popup.addEventListener('mouseleave', () => {
+            if (minimizeButton) minimizeButton.style.display = 'none';
+          });
+        } else {
+          if (minimizeButton) minimizeButton.style.display = 'block';
+        }
+      }
+      if (closable) {
+        const closeButton = div.querySelector('.closable-1945');
+        if (!title) {
+          popup.addEventListener('mouseenter', () => {
+            if (closeButton) closeButton.style.display = 'block';
+          });
+          popup.addEventListener('mouseleave', () => {
+            if (closeButton) closeButton.style.display = 'none';
+          });
+        } else {
+          if (closeButton) closeButton.style.display = 'block';
+        }
+      }
+      div.querySelector('.closable-1945')?.addEventListener('click', e => {
+        e.preventDefault();
+        ScenePopup.hide(component);
+      });
+      div.addEventListener('close-scene', e => {
+        e.preventDefault();
+        e.stopPropagation();
+        ScenePopup.hide(component);
+        if (output) {
+          component.data = e.detail;
+        }
+      });
+      scene.target = innerdiv;
+      scene.data = data || component.data;
+      scene.fit('both');
+      const {
+        x,
+        y
+      } = component.center;
+      const point = component.transcoordS2T(x, y, component.rootModel);
+      const loc = position(component.rootModel, scene.root, point, options);
+      if (modal) {
+        if (title) {
+          const wrapdiv = div.querySelector('.popup-wrap');
+          Object.assign(wrapdiv.style, {
+            position: 'absolute',
+            left: `${loc.x}px`,
+            top: `${loc.y}px`,
+            width: `${width}px`,
+            height: `${height}px`
+          });
+        } else {
+          Object.assign(innerdiv.style, {
+            left: `${loc.x}px`,
+            top: `${loc.y}px`,
+            width: `${width}px`,
+            height: `${height}px`
+          });
+        }
+      } else {
+        Object.assign(div.style, {
+          left: `${loc.x}px`,
+          top: `${loc.y}px`,
+          width: `${width}px`,
+          height: `${title ? height + 30 : height}px`
+        });
+      }
+      fadeIn(div, () => {
+        if (modal) {
+          div.style.backgroundColor = 'rgba(0,0,0,0.3)';
+        }
+      });
+    }, e => {
+      console.error('cannot fetch board: ' + ref, e);
+    });
+  }
+}
+exports.default = ScenePopup;
+//# sourceMappingURL=popup.js.map

package/dist/layer/action/popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.js","names":["_const","require","SCENE_EVENT","CENTER","LEFTTOP","RIGHTTOP","LEFTBOTTOM","RIGHTBOTTOM","AUTO","TEMPLATE_WITH_CLOSE_TITLE","TEMPLATE_WITH_CLOSE","POPUP_STYLE","POPUP_GAP","FADE_DURATION","fadeIn","element","callback","style","opacity","transform","display","last","Date","tick","progress","Math","min","requestAnimationFrame","fadeOut","makeDraggable","handle","component","startX","startY","initialX","initialY","addEventListener","e","preventDefault","stopPropagation","clientX","clientY","parseInt","left","top","onMouseMove","dx","dy","rootModel","overlay","scaleMatch","match","sx","parseFloat","sy","onMouseUp","document","removeEventListener","popups","WeakMap","addPopup","div","scene","root","removePopup","components","get","set","forEach","item","delete","idx","findIndex","popup","parentNode","removeChild","target","release","splice","position","scene_root","popup_scene_root","point","options","location","title","scene_bounds","bounds","popup_scene_bounds","height","left_side","max","width","right_side","top_side","bottom_side","x","y","toggleMinimize","isMinimized","minimizeButton","querySelector","innerHTML","overflow","ScenePopup","hideAll","popups4root","hide","backgroundColor","show","ref","data","modal","closable","minimizable","draggable","output","provider","app","refProvider","then","createElement","divStyle","setAttribute","Object","assign","zIndex","innerdiv","model","styleElement","type","appendChild","createTextNode","action","on","args","trigger","dragHandle","GESTURES","KEYEVENTS","event","targetElement","model_layer","titleDiv","textContent","popupWrap","closeButton","detail","fit","center","transcoordS2T","loc","wrapdiv","console","error","exports","default"],"sources":["../../../src/layer/action/popup.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { GESTURES, KEYEVENTS } from '../../const.js'\n\nconst SCENE_EVENT = [\n  'run',\n  'goto',\n  'goto-playlist',\n  'link-open',\n  'link-move',\n  'route-page',\n  'start-scenario',\n  'run-scenario',\n  'export-data',\n  'import-data'\n]\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 TEMPLATE_WITH_CLOSE_TITLE = `\n<div class=\"popup-wrap\">\n  <div class=\"popup-title-bar\">\n    <div class=\"popup-title\"></div>\n    <button class=\"draggable-1945\">drag_pan</button>\n    <button class=\"minimizable-1945\">minimize</button>\n    <button class=\"closable-1945\">close</button>\n  </div>\n  <div class=\"popup-content\"></div>\n</div>\n`\n\nconst TEMPLATE_WITH_CLOSE = `\n<div class=\"popup-content\">\n  <button class=\"draggable-1945\">drag_pan</button>\n  <button class=\"minimizable-1945\">minimize</button>\n  <button class=\"closable-1945\">close</button>\n</div>\n`\n\nconst POPUP_STYLE = `\n.popup-title-bar {\n  display: flex;\n  align-items: center;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 30px;\n  background-color: var(--md-sys-color-primary, #f1f1f1);\n  color: var(--md-sys-color-on-primary, black);\n  padding: 5px;\n  box-sizing: border-box;\n  border-bottom: 1px solid #ccc;\n}\n\n.popup-title {\n  flex: 1;\n  text-align: center;\n}\n\nbutton.closable-1945, button.minimizable-1945, button.draggable-1945 {\n  position: absolute;\n  display: none;\n  color: white; \n  background-color: black; \n  opacity: .3;\n  width: 20px;\n  height: 20px;\n  top: 5px; \n  z-index: 1;\n  padding: 0;\n  margin: 0;\n  border: 0px;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 4px;\n  font-family: Material Symbols Outlined;\n  font-size: 12px;\n}\n\nbutton.draggable-1945 {\n  right: 55px;\n  cursor: move;\n}\n\nbutton.minimizable-1945 {\n  right: 30px;\n}\n\nbutton.closable-1945 {\n  right: 5px;\n}\n\nbutton.closable-1945:hover, button.minimizable-1945:hover, button.draggable-1945:hover {\n  opacity: .6;  \n}\n`\n\nconst POPUP_GAP = 20\nconst FADE_DURATION = 200\n\nfunction fadeIn(element, callback) {\n  element.style.opacity = 0\n  element.style.transform = 'scale(0)'\n  element.style.display = 'block'\n\n  let last = +new Date()\n  const tick = () => {\n    const progress = Math.min((new Date() - last) / FADE_DURATION, 1)\n    element.style.opacity = progress\n    element.style.transform = `scale(${progress})`\n\n    if (progress < 1) {\n      requestAnimationFrame(tick)\n    } else if (callback) {\n      callback()\n    }\n  }\n\n  tick()\n}\n\nfunction fadeOut(element, callback) {\n  element.style.opacity = 1\n  element.style.transform = 'scale(1)'\n\n  let last = +new Date()\n  const tick = () => {\n    const progress = Math.min((new Date() - last) / FADE_DURATION, 1)\n    element.style.opacity = 1 - progress\n    element.style.transform = `scale(${1 - progress})`\n\n    if (progress < 1) {\n      requestAnimationFrame(tick)\n    } else {\n      element.style.display = 'none'\n      if (callback) callback()\n    }\n  }\n\n  tick()\n}\n\nfunction makeDraggable(element, handle, component) {\n  let startX, startY, initialX, initialY\n\n  handle.addEventListener('mousedown', e => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    startX = e.clientX\n    startY = e.clientY\n    initialX = parseInt(element.style.left, 10) || 0\n    initialY = parseInt(element.style.top, 10) || 0\n\n    function onMouseMove(e) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      const dx = e.clientX - startX\n      const dy = e.clientY - startY\n\n      const transform = component.rootModel.overlay.style.transform\n      const scaleMatch = transform.match(/scale\\(([^,]+),\\s*([^)]+)\\)/)\n\n      const sx = scaleMatch ? parseFloat(scaleMatch[1]) : 1\n      const sy = scaleMatch ? parseFloat(scaleMatch[2]) : sx\n\n      element.style.left = `${initialX + dx / sx}px`\n      element.style.top = `${initialY + dy / sy}px`\n    }\n\n    function onMouseUp(e) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      document.removeEventListener('mousemove', onMouseMove, true)\n      document.removeEventListener('mouseup', onMouseUp, true)\n    }\n\n    document.addEventListener('mousemove', onMouseMove, true)\n    document.addEventListener('mouseup', onMouseUp, true)\n  })\n}\n\nconst popups = new WeakMap()\n\nfunction addPopup(component, div, scene) {\n  const root = component.root\n\n  if (root === component) {\n    return\n  }\n\n  removePopup(component)\n\n  let components = popups.get(root) || []\n  components = [...components, [component, { div, scene }]]\n  popups.set(root, components)\n}\n\nfunction removePopup(component) {\n  const root = component.root\n  const components = popups.get(root)\n\n  if (!components) {\n    return\n  }\n\n  if (root === component) {\n    components.forEach(item => removePopup(item[0]))\n    popups.delete(root)\n    return\n  }\n\n  const idx = components.findIndex(item => item[0] === component)\n  if (idx === -1) {\n    return\n  }\n\n  const popup = components[idx][1]\n  popup.div.parentNode?.removeChild(popup.div)\n  popup.scene.target = null\n  popup.scene.release?.()\n\n  components.splice(idx, 1)\n}\n\nfunction position(scene_root, popup_scene_root, point, options) {\n  const { location = AUTO, title = '' } = options || {}\n  const scene_bounds = scene_root.bounds\n  let popup_scene_bounds = popup_scene_root.bounds\n\n  if (title) {\n    popup_scene_bounds.height += 30 // assuming title bar height is 30px\n  }\n\n  const left_side = Math.max(scene_bounds.width / 4 - popup_scene_bounds.width / 2, POPUP_GAP)\n  const right_side =\n    Math.min((scene_bounds.width * 3) / 4 + popup_scene_bounds.width / 2, scene_bounds.width - POPUP_GAP) -\n    popup_scene_bounds.width\n  const top_side = Math.max(scene_bounds.height / 4 - popup_scene_bounds.height / 2, POPUP_GAP) + (title ? 30 : 0)\n  const bottom_side =\n    Math.min((scene_bounds.height * 3) / 4 + popup_scene_bounds.height / 2, scene_bounds.height - POPUP_GAP) -\n    popup_scene_bounds.height +\n    (title ? 30 : 0)\n\n  switch (location) {\n    case AUTO:\n      return {\n        x:\n          point.x < scene_bounds.width / 2\n            ? Math.min(right_side, point.x + 20)\n            : Math.max(left_side, point.x - (popup_scene_bounds.width + 20)),\n        y:\n          point.y < scene_bounds.height / 2\n            ? Math.min(bottom_side, point.y + 20 + (title ? 30 : 0))\n            : Math.max(top_side, point.y - (popup_scene_bounds.height + 20 + (title ? 30 : 0)))\n      }\n    case LEFTTOP:\n      return { x: left_side, y: top_side }\n    case RIGHTTOP:\n      return { x: right_side, y: top_side }\n    case LEFTBOTTOM:\n      return { x: left_side, y: bottom_side }\n    case RIGHTBOTTOM:\n      return { x: right_side, y: bottom_side }\n    case CENTER:\n    default:\n      return {\n        x: (scene_bounds.width - popup_scene_bounds.width) / 2,\n        y: (scene_bounds.height - popup_scene_bounds.height + (title ? 30 : 0)) / 2\n      }\n  }\n}\n\nfunction toggleMinimize(popup, isMinimized) {\n  const minimizeButton = popup.querySelector('.minimizable-1945')\n\n  if (isMinimized) {\n    minimizeButton.innerHTML = 'crop_square' // maximize icon\n    popup.style.height = '30px'\n    popup.style.overflow = 'hidden'\n  } else {\n    minimizeButton.innerHTML = 'minimize' // minimize icon\n    popup.style.height = ''\n    popup.style.overflow = 'visible'\n  }\n}\n\nexport default class ScenePopup {\n  static hideAll(root) {\n    const popups4root = popups.get(root) || []\n    popups4root.forEach(([component]) => removePopup(component))\n  }\n\n  static hide(component) {\n    const root = component.root\n    const components = popups.get(root)\n\n    if (!components) {\n      return\n    }\n\n    const idx = components.findIndex(item => item[0] === component)\n    if (idx === -1) {\n      return\n    }\n\n    const popup = components[idx][1]\n    popup.div.style.backgroundColor = 'transparent'\n    fadeOut(popup.div, () => {\n      removePopup(component)\n    })\n  }\n\n  static show(component, ref, options = {}) {\n    const {\n      data,\n      modal = false,\n      closable = true,\n      minimizable = false,\n      draggable = false,\n      output = true,\n      title = ''\n    } = options\n    const provider = component.app.refProvider\n\n    provider?.get(ref, true).then(\n      scene => {\n        const div = document.createElement('div')\n        const divStyle = div.style\n        div.setAttribute('popup', '')\n\n        if (modal) {\n          const { width, height } = component.rootModel.bounds\n\n          Object.assign(divStyle, {\n            position: 'fixed',\n            zIndex: 1,\n            left: 0,\n            top: 0,\n            width: `${width}px`,\n            height: `${height}px`,\n            overflow: 'hidden',\n            backgroundColor: 'transparent'\n          })\n        } else {\n          Object.assign(divStyle, {\n            position: 'absolute',\n            display: 'inline-block',\n            overflow: 'hidden'\n          })\n        }\n\n        div.innerHTML = title ? TEMPLATE_WITH_CLOSE_TITLE : TEMPLATE_WITH_CLOSE\n\n        const innerdiv = div.querySelector('.popup-content')\n        const { width, height } = scene.root.model\n        Object.assign(innerdiv.style, {\n          width: `${width}px`,\n          height: `${height}px`\n        })\n\n        const styleElement = document.createElement('style')\n        styleElement.type = 'text/css'\n        styleElement.appendChild(document.createTextNode(POPUP_STYLE))\n        div.appendChild(styleElement)\n\n        SCENE_EVENT.forEach(action => {\n          scene.on(action, (...args) => {\n            component.trigger(action, ...args)\n          })\n        })\n\n        const popup = div.querySelector('.popup-content')\n        const dragHandle = div.querySelector('.draggable-1945')\n\n        ;[...GESTURES, ...KEYEVENTS].forEach(event => {\n          popup.addEventListener(event, e => {\n            e.stopPropagation()\n          })\n        })\n        ;[...GESTURES, ...KEYEVENTS].forEach(event => {\n          div.addEventListener(event, e => {\n            e.stopPropagation()\n          })\n        })\n\n        if (modal && closable) {\n          div.addEventListener('click', e => {\n            if (e.target === div) ScenePopup.hide(component)\n          })\n        }\n\n        const targetElement = component.root.model_layer.overlay\n        targetElement.appendChild(div)\n\n        addPopup(component, div, scene)\n\n        if (title) {\n          const titleDiv = div.querySelector('.popup-title-bar .popup-title')\n          titleDiv.textContent = title\n        }\n\n        if (draggable) {\n          makeDraggable(\n            modal ? div.querySelector('.popup-wrap') : div,\n            div.querySelector('.popup-title-bar'),\n            component\n          )\n\n          if (!title) {\n            popup.addEventListener('mouseenter', () => {\n              if (dragHandle) dragHandle.style.display = 'block'\n            })\n\n            popup.addEventListener('mouseleave', () => {\n              if (dragHandle) dragHandle.style.display = 'none'\n            })\n          } else {\n            if (dragHandle) dragHandle.style.display = 'block'\n          }\n        }\n\n        if (minimizable) {\n          const minimizeButton = div.querySelector('.minimizable-1945')\n          let isMinimized = false\n\n          minimizeButton.addEventListener('click', e => {\n            e.preventDefault()\n            isMinimized = !isMinimized\n            const popupWrap = div.querySelector('.popup-wrap')\n\n            toggleMinimize(modal ? popupWrap : div, isMinimized)\n          })\n\n          if (!title) {\n            popup.addEventListener('mouseenter', () => {\n              if (minimizeButton) minimizeButton.style.display = 'block'\n            })\n\n            popup.addEventListener('mouseleave', () => {\n              if (minimizeButton) minimizeButton.style.display = 'none'\n            })\n          } else {\n            if (minimizeButton) minimizeButton.style.display = 'block'\n          }\n        }\n\n        if (closable) {\n          const closeButton = div.querySelector('.closable-1945')\n\n          if (!title) {\n            popup.addEventListener('mouseenter', () => {\n              if (closeButton) closeButton.style.display = 'block'\n            })\n\n            popup.addEventListener('mouseleave', () => {\n              if (closeButton) closeButton.style.display = 'none'\n            })\n          } else {\n            if (closeButton) closeButton.style.display = 'block'\n          }\n        }\n\n        div.querySelector('.closable-1945')?.addEventListener('click', e => {\n          e.preventDefault()\n          ScenePopup.hide(component)\n        })\n\n        div.addEventListener('close-scene', e => {\n          e.preventDefault()\n          e.stopPropagation()\n          ScenePopup.hide(component)\n          if (output) {\n            component.data = e.detail\n          }\n        })\n\n        scene.target = innerdiv\n        scene.data = data || component.data\n        scene.fit('both')\n\n        const { x, y } = component.center\n        const point = component.transcoordS2T(x, y, component.rootModel)\n\n        const loc = position(component.rootModel, scene.root, point, options)\n\n        if (modal) {\n          if (title) {\n            const wrapdiv = div.querySelector('.popup-wrap')\n\n            Object.assign(wrapdiv.style, {\n              position: 'absolute',\n              left: `${loc.x}px`,\n              top: `${loc.y}px`,\n              width: `${width}px`,\n              height: `${height}px`\n            })\n          } else {\n            Object.assign(innerdiv.style, {\n              left: `${loc.x}px`,\n              top: `${loc.y}px`,\n              width: `${width}px`,\n              height: `${height}px`\n            })\n          }\n        } else {\n          Object.assign(div.style, {\n            left: `${loc.x}px`,\n            top: `${loc.y}px`,\n            width: `${width}px`,\n            height: `${title ? height + 30 : height}px`\n          })\n        }\n\n        fadeIn(div, () => {\n          if (modal) {\n            div.style.backgroundColor = 'rgba(0,0,0,0.3)'\n          }\n        })\n      },\n      e => {\n        console.error('cannot fetch board: ' + ref, e)\n      }\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/layer/action/pressed.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalize = normalize;
+exports.pressed = pressed;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function pressed(component) {
+  if (component.hasOwnProperty('_backupShadow')) return;
+  var shadow = component.get('shadow');
+  component._backupShadow = shadow;
+  var {
+    left = 0,
+    top = 0
+  } = shadow || {};
+  component.delta('tx', left);
+  component.delta('ty', top);
+  component.set('shadow', {});
+}
+function normalize(component) {
+  if (!component.hasOwnProperty('_backupShadow')) return;
+  component.delta('tx', 0);
+  component.delta('ty', 0);
+  component.set('shadow', component._backupShadow);
+  delete component._backupShadow;
+}
+//# sourceMappingURL=pressed.js.map

package/dist/layer/action/pressed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressed.js","names":["pressed","component","hasOwnProperty","shadow","get","_backupShadow","left","top","delta","set","normalize"],"sources":["../../../src/layer/action/pressed.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport function pressed(component) {\n  if (component.hasOwnProperty('_backupShadow')) return\n  var shadow = component.get('shadow')\n  component._backupShadow = shadow\n  var { left = 0, top = 0 } = shadow || {}\n\n  component.delta('tx', left)\n  component.delta('ty', top)\n  component.set('shadow', {})\n}\n\nexport function normalize(component) {\n  if (!component.hasOwnProperty('_backupShadow')) return\n  component.delta('tx', 0)\n  component.delta('ty', 0)\n  component.set('shadow', component._backupShadow)\n  delete component._backupShadow\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAEO,SAASA,OAAOA,CAACC,SAAS,EAAE;EACjC,IAAIA,SAAS,CAACC,cAAc,CAAC,eAAe,CAAC,EAAE;EAC/C,IAAIC,MAAM,GAAGF,SAAS,CAACG,GAAG,CAAC,QAAQ,CAAC;EACpCH,SAAS,CAACI,aAAa,GAAGF,MAAM;EAChC,IAAI;IAAEG,IAAI,GAAG,CAAC;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,MAAM,IAAI,CAAC,CAAC;EAExCF,SAAS,CAACO,KAAK,CAAC,IAAI,EAAEF,IAAI,CAAC;EAC3BL,SAAS,CAACO,KAAK,CAAC,IAAI,EAAED,GAAG,CAAC;EAC1BN,SAAS,CAACQ,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;AAC7B;AAEO,SAASC,SAASA,CAACT,SAAS,EAAE;EACnC,IAAI,CAACA,SAAS,CAACC,cAAc,CAAC,eAAe,CAAC,EAAE;EAChDD,SAAS,CAACO,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;EACxBP,SAAS,CAACO,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;EACxBP,SAAS,CAACQ,GAAG,CAAC,QAAQ,EAAER,SAAS,CAACI,aAAa,CAAC;EAChD,OAAOJ,SAAS,CAACI,aAAa;AAChC","ignoreList":[]}