@operato/board 9.0.0-beta.5 → 9.0.0-beta.51

package/CHANGELOG.md

@@ -3,6 +3,331 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.0.0-beta.51](https://github.com/hatiolab/operato/compare/v9.0.0-beta.50...v9.0.0-beta.51) (2025-02-19)
+
+
+### :bug: Bug Fix
+
+* history control for ox-board-viewer ([df4e841](https://github.com/hatiolab/operato/commit/df4e8419862b539e86897d8e505081f3fbd55303))
+
+
+
+## [9.0.0-beta.49](https://github.com/hatiolab/operato/compare/v9.0.0-beta.48...v9.0.0-beta.49) (2025-02-14)
+
+
+### :bug: Bug Fix
+
+* missing dependencies ([6d466f2](https://github.com/hatiolab/operato/commit/6d466f22a2ad1413d32451252981961bc345cbd9))
+
+
+
+## [9.0.0-beta.48](https://github.com/hatiolab/operato/compare/v9.0.0-beta.47...v9.0.0-beta.48) (2025-02-14)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.47](https://github.com/hatiolab/operato/compare/v9.0.0-beta.46...v9.0.0-beta.47) (2025-02-14)
+
+
+### :rocket: New Features
+
+* pdf-page component for things-scene ([7ad9400](https://github.com/hatiolab/operato/commit/7ad940035ef3725d2554f72ad043e297ecf6c19f))
+
+
+
+## [9.0.0-beta.46](https://github.com/hatiolab/operato/compare/v9.0.0-beta.45...v9.0.0-beta.46) (2025-02-12)
+
+
+### :rocket: New Features
+
+* pdf-page component for things-scene ([9032eee](https://github.com/hatiolab/operato/commit/9032eee8049f318f028f37b0293bf81060210a03))
+
+
+
+## [9.0.0-beta.45](https://github.com/hatiolab/operato/compare/v9.0.0-beta.44...v9.0.0-beta.45) (2025-02-12)
+
+
+### :rocket: New Features
+
+* pdf-page component for things-scene ([233349b](https://github.com/hatiolab/operato/commit/233349b1e01db80b488900dab367ca639b9f99a9))
+
+
+
+## [9.0.0-beta.44](https://github.com/hatiolab/operato/compare/v9.0.0-beta.43...v9.0.0-beta.44) (2025-02-10)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.43](https://github.com/hatiolab/operato/compare/v9.0.0-beta.42...v9.0.0-beta.43) (2025-02-10)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.42](https://github.com/hatiolab/operato/compare/v9.0.0-beta.41...v9.0.0-beta.42) (2025-02-10)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.41](https://github.com/hatiolab/operato/compare/v9.0.0-beta.40...v9.0.0-beta.41) (2025-02-09)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.40](https://github.com/hatiolab/operato/compare/v9.0.0-beta.39...v9.0.0-beta.40) (2025-02-06)
+
+
+### :bug: Bug Fix
+
+* animated-icon-handler => animator-handler ([8a9bf93](https://github.com/hatiolab/operato/commit/8a9bf939f4bf7e42084ab56a4ce5c4968f2939b3))
+
+
+
+## [9.0.0-beta.39](https://github.com/hatiolab/operato/compare/v9.0.0-beta.38...v9.0.0-beta.39) (2025-02-05)
+
+
+### :rocket: New Features
+
+* support animated-icon feature for ox-board-view ([1e94592](https://github.com/hatiolab/operato/commit/1e94592c9c85999afbe23de8b1b8291cf63481fc))
+
+
+
+## [9.0.0-beta.38](https://github.com/hatiolab/operato/compare/v9.0.0-beta.37...v9.0.0-beta.38) (2025-02-02)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.37](https://github.com/hatiolab/operato/compare/v9.0.0-beta.36...v9.0.0-beta.37) (2025-02-01)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.36](https://github.com/hatiolab/operato/compare/v9.0.0-beta.35...v9.0.0-beta.36) (2025-02-01)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.35](https://github.com/hatiolab/operato/compare/v9.0.0-beta.34...v9.0.0-beta.35) (2025-02-01)
+
+
+### :bug: Bug Fix
+
+* change tap => click event (due to polymer library being removed) ([2f1add0](https://github.com/hatiolab/operato/commit/2f1add0ed89214b63acb127de34f65caf3bec9b5))
+
+
+
+## [9.0.0-beta.34](https://github.com/hatiolab/operato/compare/v9.0.0-beta.33...v9.0.0-beta.34) (2025-01-31)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.33](https://github.com/hatiolab/operato/compare/v9.0.0-beta.32...v9.0.0-beta.33) (2025-01-31)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.32](https://github.com/hatiolab/operato/compare/v9.0.0-beta.31...v9.0.0-beta.32) (2025-01-31)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.31](https://github.com/hatiolab/operato/compare/v9.0.0-beta.30...v9.0.0-beta.31) (2025-01-31)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.29](https://github.com/hatiolab/operato/compare/v9.0.0-beta.28...v9.0.0-beta.29) (2025-01-30)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.28](https://github.com/hatiolab/operato/compare/v9.0.0-beta.27...v9.0.0-beta.28) (2025-01-28)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.23](https://github.com/hatiolab/operato/compare/v9.0.0-beta.22...v9.0.0-beta.23) (2025-01-28)
+
+
+### :rocket: New Features
+
+* module property-panel ([f0f6b98](https://github.com/hatiolab/operato/commit/f0f6b98331b3b7350afbd03136e2864e3d7c300a))
+
+
+
+## [9.0.0-beta.22](https://github.com/hatiolab/operato/compare/v9.0.0-beta.21...v9.0.0-beta.22) (2025-01-28)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.21](https://github.com/hatiolab/operato/compare/v9.0.0-beta.20...v9.0.0-beta.21) (2025-01-28)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.20](https://github.com/hatiolab/operato/compare/v9.0.0-beta.19...v9.0.0-beta.20) (2025-01-27)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.19](https://github.com/hatiolab/operato/compare/v9.0.0-beta.18...v9.0.0-beta.19) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([6aa698d](https://github.com/hatiolab/operato/commit/6aa698dfe681606a640a909ddfd80a8dbc9f0f18))
+
+
+
+## [9.0.0-beta.18](https://github.com/hatiolab/operato/compare/v9.0.0-beta.17...v9.0.0-beta.18) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([8276cce](https://github.com/hatiolab/operato/commit/8276cce10d5c84058632d49ed24361db5c80aa6d))
+
+
+
+## [9.0.0-beta.16](https://github.com/hatiolab/operato/compare/v9.0.0-beta.15...v9.0.0-beta.16) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([eaa45f9](https://github.com/hatiolab/operato/commit/eaa45f98e3f4349732f2d0d9d346eef8093be3e8))
+
+
+
+## [9.0.0-beta.15](https://github.com/hatiolab/operato/compare/v9.0.0-beta.14...v9.0.0-beta.15) (2025-01-27)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.14](https://github.com/hatiolab/operato/compare/v9.0.0-beta.13...v9.0.0-beta.14) (2025-01-27)
+
+
+### :rocket: New Features
+
+* module property-panel ([d78e4cf](https://github.com/hatiolab/operato/commit/d78e4cf7080b95fa74e61b42094b9f3f59f1409b))
+
+
+
+## [9.0.0-beta.13](https://github.com/hatiolab/operato/compare/v9.0.0-beta.12...v9.0.0-beta.13) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* resource for letter-spacing ([8be23be](https://github.com/hatiolab/operato/commit/8be23bec5b7099a971147c979cefadb0b75aefed))
+
+
+
+## [9.0.0-beta.12](https://github.com/hatiolab/operato/compare/v9.0.0-beta.11...v9.0.0-beta.12) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* revert @open-wc/scoped-elements@3.0.5 => 2.1.3 ([393cf28](https://github.com/hatiolab/operato/commit/393cf2893381f0e720c53687e48b6552f3f78ed8))
+
+
+
+## [9.0.0-beta.11](https://github.com/hatiolab/operato/compare/v9.0.0-beta.10...v9.0.0-beta.11) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* tsconfig option useDefineForClassFields=false ([0d77c0a](https://github.com/hatiolab/operato/commit/0d77c0aa620282c65b3c05f8e0b559e82836b6ab))
+
+
+
+## [9.0.0-beta.10](https://github.com/hatiolab/operato/compare/v9.0.0-beta.9...v9.0.0-beta.10) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* @open-wc/scoped-elements@3.0.5 ([45f8a55](https://github.com/hatiolab/operato/commit/45f8a557e3f7b95771bf8886d7590fb459fb2746))
+* @undecaf/zbar-wasm@0.11.0 ([722c68e](https://github.com/hatiolab/operato/commit/722c68e24275b28c84cf057d3038fb9c6a0e6e78))
+* tweak tsconfig.json ([3c424b1](https://github.com/hatiolab/operato/commit/3c424b18d046f95d5619076d113d49a4b4dc9bbb))
+
+
+
+## [9.0.0-beta.9](https://github.com/hatiolab/operato/compare/v9.0.0-beta.8...v9.0.0-beta.9) (2025-01-25)
+
+
+### :bug: Bug Fix
+
+* support letter-spacing property for text ([60e58f8](https://github.com/hatiolab/operato/commit/60e58f81ca9cd46b4f6dadcceadc9bc3d456b9d1))
+
+
+
+## [9.0.0-beta.7](https://github.com/hatiolab/operato/compare/v9.0.0-beta.6...v9.0.0-beta.7) (2025-01-20)
+
+**Note:** Version bump only for package @operato/board
+
+
+
+
+
+## [9.0.0-beta.6](https://github.com/hatiolab/operato/compare/v9.0.0-beta.5...v9.0.0-beta.6) (2025-01-20)
+
+
+### :bug: Bug Fix
+
+* esm module ([9642b97](https://github.com/hatiolab/operato/commit/9642b97650623d9ce71f6db0fd1995a2379205b5))
+
+
+
 ## [9.0.0-beta.5](https://github.com/hatiolab/operato/compare/v9.0.0-beta.4...v9.0.0-beta.5) (2025-01-20)
 
 

package/dist/src/component/etc.js

@@ -1,6 +1,7 @@
 const globalReference = new URL('../../../icons/components/global-reference.png', import.meta.url).href;
 const infoWindow = new URL('../../../icons/components/info-window.png', import.meta.url).href;
 const localReference = new URL('../../../icons/components/local-reference.png', import.meta.url).href;
+const pdfPage = new URL('../../../icons/components/pdf-page.png', import.meta.url).href;
 const icon = `
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
   <style type="text/css">
@@ -76,6 +77,22 @@ export const etc = {
                 lineDash: 'solid',
                 lineCap: 'butt'
             }
+        },
+        {
+            type: 'pdf-page',
+            description: 'pdf page viewer',
+            icon: pdfPage,
+            group: 'etc',
+            model: {
+                type: 'pdf-page',
+                left: 100,
+                top: 100,
+                width: 800,
+                height: 600,
+                strokeStyle: '#000',
+                lineDash: 'solid',
+                lineWidth: 1
+            }
         }
     ]
 };

package/dist/src/component/etc.js.map

@@ -1 +1 @@
-{"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,gDAAgD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AACvG,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAC7F,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,+CAA+C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAErG,MAAM,IAAI,GAAG;;;;;;;;;;;CAWZ,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAmB;IACjC,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,uDAAuD;IACpE,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,oBAAoB;YACjC,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,EAAE;gBACR,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,eAAe;gBAC5B,MAAM,EAAE,IAAI;gBACZ,iBAAiB,EACf,gJAAgJ;gBAClJ,gBAAgB,EACd,gJAAgJ;gBAClJ,KAAK,EACH,gHAAgH;aACnH;SACF;QACD;YACE,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,kBAAkB;YAC/B,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;KACF;CACF,CAAA","sourcesContent":["import { ComponentGroup } from '../types.js'\n\nconst globalReference = new URL('../../../icons/components/global-reference.png', import.meta.url).href\nconst infoWindow = new URL('../../../icons/components/info-window.png', import.meta.url).href\nconst localReference = new URL('../../../icons/components/local-reference.png', import.meta.url).href\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n  <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n  <g>\n    <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n    <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n    <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n  </g>\n</svg>\n`\n\nexport const etc: ComponentGroup = {\n  name: 'etc',\n  description: 'a group of components that have not yet been defined.',\n  icon,\n  templates: [\n    {\n      type: 'info-window',\n      description: 'information window',\n      icon: infoWindow,\n      group: 'etc',\n      model: {\n        type: 'info-window',\n        left: 10,\n        top: 10,\n        width: 50,\n        height: 50,\n        fillStyle: '#fff',\n        strokeStyle: 'DarkGoldenRod',\n        hidden: true,\n        frontSideTemplate:\n          \"<h2 id='xxx'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n        backSideTemplate:\n          \"<h2 id='yyy'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n        style:\n          '#yyy {\\n\\tbackground-color:navy;\\n\\tcolor:white\\n}\\n#xxx, #yyy {\\n\\twhite-space:nowrap;\\n\\tmin-width:200px;\\n}'\n      }\n    },\n    {\n      type: 'local-ref',\n      description: 'local reference',\n      icon: localReference,\n      group: 'etc',\n      model: {\n        type: 'local-ref',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'global-ref',\n      description: 'global reference',\n      icon: globalReference,\n      group: 'etc',\n      model: {\n        type: 'global-ref',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    }\n  ]\n}\n"]}
+{"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,gDAAgD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AACvG,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAC7F,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,+CAA+C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AACrG,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,wCAAwC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvF,MAAM,IAAI,GAAG;;;;;;;;;;;CAWZ,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAmB;IACjC,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,uDAAuD;IACpE,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,oBAAoB;YACjC,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,EAAE;gBACR,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,eAAe;gBAC5B,MAAM,EAAE,IAAI;gBACZ,iBAAiB,EACf,gJAAgJ;gBAClJ,gBAAgB,EACd,gJAAgJ;gBAClJ,KAAK,EACH,gHAAgH;aACnH;SACF;QACD;YACE,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,kBAAkB;YAC/B,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;CACF,CAAA","sourcesContent":["import { ComponentGroup } from '../types.js'\n\nconst globalReference = new URL('../../../icons/components/global-reference.png', import.meta.url).href\nconst infoWindow = new URL('../../../icons/components/info-window.png', import.meta.url).href\nconst localReference = new URL('../../../icons/components/local-reference.png', import.meta.url).href\nconst pdfPage = new URL('../../../icons/components/pdf-page.png', import.meta.url).href\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n  <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n  <g>\n    <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n    <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n    <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n  </g>\n</svg>\n`\n\nexport const etc: ComponentGroup = {\n  name: 'etc',\n  description: 'a group of components that have not yet been defined.',\n  icon,\n  templates: [\n    {\n      type: 'info-window',\n      description: 'information window',\n      icon: infoWindow,\n      group: 'etc',\n      model: {\n        type: 'info-window',\n        left: 10,\n        top: 10,\n        width: 50,\n        height: 50,\n        fillStyle: '#fff',\n        strokeStyle: 'DarkGoldenRod',\n        hidden: true,\n        frontSideTemplate:\n          \"<h2 id='xxx'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n        backSideTemplate:\n          \"<h2 id='yyy'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n        style:\n          '#yyy {\\n\\tbackground-color:navy;\\n\\tcolor:white\\n}\\n#xxx, #yyy {\\n\\twhite-space:nowrap;\\n\\tmin-width:200px;\\n}'\n      }\n    },\n    {\n      type: 'local-ref',\n      description: 'local reference',\n      icon: localReference,\n      group: 'etc',\n      model: {\n        type: 'local-ref',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'global-ref',\n      description: 'global reference',\n      icon: globalReference,\n      group: 'etc',\n      model: {\n        type: 'global-ref',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'pdf-page',\n      description: 'pdf page viewer',\n      icon: pdfPage,\n      group: 'etc',\n      model: {\n        type: 'pdf-page',\n        left: 100,\n        top: 100,\n        width: 800,\n        height: 600,\n        strokeStyle: '#000',\n        lineDash: 'solid',\n        lineWidth: 1\n      }\n    }\n  ]\n}\n"]}

package/dist/src/modeller/component-toolbar/component-menu.d.ts

@@ -5,7 +5,7 @@ import { LitElement, PropertyValues } from 'lit';
 import { Scene } from '@hatiolab/things-scene';
 import { Pallet, PalletItem } from '../../types.js';
 import { ComponentDetail } from './component-detail.js';
-declare const ComponentMenu_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types.js").ScopedElementsHost>;
+declare const ComponentMenu_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
 export declare class ComponentMenu extends ComponentMenu_base {
     static styles: import("lit").CSSResult[];
     groups: Pallet[];

package/dist/src/modeller/component-toolbar/component-toolbar.d.ts

@@ -5,7 +5,7 @@ import { LitElement, PropertyValues } from 'lit';
 import { Scene, SCENE_MODE } from '@hatiolab/things-scene';
 import { ComponentGroup } from '../../types.js';
 import { ComponentMenu } from './component-menu.js';
-declare const ComponentToolbar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types.js").ScopedElementsHost>;
+declare const ComponentToolbar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
 export declare class ComponentToolbar extends ComponentToolbar_base {
     static styles: import("lit").CSSResult[];
     componentGroupList: ComponentGroup[];

package/dist/src/modeller/edit-toolbar.js

@@ -24,31 +24,33 @@ export class EditToolbar extends LitElement {
                 console.error('model paste failed', e);
             }
         });
-        this.aligners.forEach(aligner => aligner.addEventListener('tap', this.onTapAlign.bind(this)));
-        this.zorders.forEach(zorder => zorder.addEventListener('tap', this.onTapZorder.bind(this)));
-        this.distributes.forEach(distribute => distribute.addEventListener('tap', this.onTapDistribute.bind(this)));
-        this.undo.addEventListener('tap', this.onTapUndo.bind(this));
-        this.redo.addEventListener('tap', this.onTapRedo.bind(this));
-        this.fullscreen.addEventListener('tap', this.onTapFullscreen.bind(this));
-        this.styleCopy.addEventListener('tap', this.onStartStylePasteMode.bind(this));
-        this.databindCopy.addEventListener('tap', this.onStartDatabindPasteMode.bind(this));
-        this.cut.addEventListener('tap', this.onTapCut.bind(this));
-        this.copy.addEventListener('tap', this.onTapCopy.bind(this));
-        this.paste.addEventListener('tap', this.onTapPaste.bind(this));
-        this.delete.addEventListener('tap', this.onTapDelete.bind(this));
+        this.aligners.forEach(aligner => aligner.addEventListener('click', this.onTapAlign.bind(this)));
+        this.zorders.forEach(zorder => zorder.addEventListener('click', this.onTapZorder.bind(this)));
+        this.distributes.forEach(distribute => distribute.addEventListener('click', this.onTapDistribute.bind(this)));
+        this.undo.addEventListener('click', this.onTapUndo.bind(this));
+        this.redo.addEventListener('click', this.onTapRedo.bind(this));
+        this.fullscreen.addEventListener('click', this.onTapFullscreen.bind(this));
+        this.styleCopy.addEventListener('click', this.onStartStylePasteMode.bind(this));
+        this.databindCopy.addEventListener('click', this.onStartDatabindPasteMode.bind(this));
+        this.cut.addEventListener('click', this.onTapCut.bind(this));
+        this.copy.addEventListener('click', this.onTapCopy.bind(this));
+        this.paste.addEventListener('click', this.onTapPaste.bind(this));
+        this.delete.addEventListener('click', this.onTapDelete.bind(this));
         this.renderRoot
             .querySelector('#font-increase')
-            .addEventListener('tap', this.onTapFontIncrease.bind(this));
+            .addEventListener('click', this.onTapFontIncrease.bind(this));
         this.renderRoot
             .querySelector('#font-decrease')
-            .addEventListener('tap', this.onTapFontDecrease.bind(this));
-        this.renderRoot.querySelector('#group').addEventListener('tap', this.onTapGroup.bind(this));
-        this.renderRoot.querySelector('#ungroup').addEventListener('tap', this.onTapUngroup.bind(this));
+            .addEventListener('click', this.onTapFontDecrease.bind(this));
+        this.renderRoot.querySelector('#group').addEventListener('click', this.onTapGroup.bind(this));
+        this.renderRoot.querySelector('#ungroup').addEventListener('click', this.onTapUngroup.bind(this));
         this.renderRoot
             .querySelector('#toggle-property')
-            .addEventListener('tap', this.onTapToggle.bind(this));
-        this.renderRoot.querySelector('#fit-scene').addEventListener('tap', this.onTapFitScene.bind(this));
-        this.renderRoot.querySelector('#preview').addEventListener('tap', this.onTapPreview.bind(this));
+            .addEventListener('click', this.onTapToggle.bind(this));
+        this.renderRoot
+            .querySelector('#fit-scene')
+            .addEventListener('click', this.onTapFitScene.bind(this));
+        this.renderRoot.querySelector('#preview').addEventListener('click', this.onTapPreview.bind(this));
     }
     updated(changes) {
         changes.has('scene') && this.onSceneChanged(this.scene, changes.get('scene'));