@operato/board 8.0.0-beta.0 → 8.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* missing .npmignore ([be05985](https://github.com/hatiolab/operato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
+
+
+
 ## [8.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -99,18 +99,18 @@
   "dependencies": {
     "@material/web": "^2.0.0",
     "@open-wc/scoped-elements": "^2.1.3",
-    "@operato/app": "^8.0.0-beta.0",
-    "@operato/data-grist": "^8.0.0-beta.0",
-    "@operato/font": "^8.0.0-beta.0",
-    "@operato/graphql": "^8.0.0-beta.0",
-    "@operato/i18n": "^8.0.0-beta.0",
-    "@operato/input": "^8.0.0-beta.0",
-    "@operato/layout": "^8.0.0-beta.0",
-    "@operato/markdown": "^8.0.0-beta.0",
-    "@operato/popup": "^8.0.0-beta.0",
-    "@operato/property-editor": "^8.0.0-beta.0",
-    "@operato/styles": "^8.0.0-beta.0",
-    "@operato/utils": "^8.0.0-beta.0",
+    "@operato/app": "^8.0.0-beta.1",
+    "@operato/data-grist": "^8.0.0-beta.1",
+    "@operato/font": "^8.0.0-beta.1",
+    "@operato/graphql": "^8.0.0-beta.1",
+    "@operato/i18n": "^8.0.0-beta.1",
+    "@operato/input": "^8.0.0-beta.1",
+    "@operato/layout": "^8.0.0-beta.1",
+    "@operato/markdown": "^8.0.0-beta.1",
+    "@operato/popup": "^8.0.0-beta.1",
+    "@operato/property-editor": "^8.0.0-beta.1",
+    "@operato/styles": "^8.0.0-beta.1",
+    "@operato/utils": "^8.0.0-beta.1",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@types/file-saver": "^2.0.4",
     "@types/sortablejs": "^1.10.7",
@@ -159,5 +159,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c4e9cc245659d050a9ffd66542083a6daad4bcb9"
+  "gitHead": "d5b28a2e9deb632c0dc80132f6a7196dd6fe4220"
 }

package/.storybook/main.js

@@ -1,3 +0,0 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}']
-}

package/.storybook/server.mjs

@@ -1,8 +0,0 @@
-import { storybookPlugin } from '@web/dev-server-storybook'
-import baseConfig from '../web-dev-server.config.mjs'
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  ...baseConfig,
-  open: '/',
-  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins]
-})

package/src/component/3d.ts

@@ -1,29 +0,0 @@
-import { ComponentGroup } from '../types'
-
-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">
-    .st0{fill:{{strokeColor}};}
-    .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
-    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
-  </style>
-  <g>
-    <polygon class="st7" points="15.3,10.5 7.3,13.6 7.3,22.8 15,26.1 22.9,22.8 22.9,14.1"/>
-    <polygon class="st0" points="22.2,22.5 14.8,26.1 14.5,16.6 22.2,14.1"/>
-    <line class="st9" x1="15.1" y1="4.2" x2="15.1" y2="10.4"/>
-    <polyline class="st9" points="13.3,5.6 15.1,3.8 17,5.6"/>
-    <line class="st9" x1="27.9" y1="25.2" x2="22.4" y2="22.4"/>
-    <polyline class="st9" points="27.5,22.9 28.3,25.4 25.8,26.2"/>
-    <line class="st9" x1="2.1" y1="25.2" x2="7.6" y2="22.4"/>
-    <polyline class="st9" points="2.5,22.9 1.7,25.4 4.2,26.2"/>
-    <line class="st9" x1="7.9" y1="14.1" x2="15.5" y2="17.4"/>
-  </g>
-</svg>
-`
-
-export const threed: ComponentGroup = {
-  name: '3D',
-  description: 'a group of various 3D base components',
-  icon,
-  templates: []
-}

package/src/component/chart-and-gauge.ts

@@ -1,28 +0,0 @@
-import { ComponentGroup } from '../types'
-
-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">
-    .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
-    .st8{fill:none;stroke:{{strokeColor}};stroke-width:3;stroke-miterlimit:10;}
-    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
-  </style>
-  <g>
-    <line class="st7" x1="1.9" y1="25" x2="28.1" y2="25"/>
-    <line class="st8" x1="5.3" y1="22.8" x2="5.3" y2="18.1"/>
-    <line class="st8" x1="10.2" y1="22.8" x2="10.2" y2="15.1"/>
-    <line class="st8" x1="15.1" y1="22.8" x2="15.1" y2="18.1"/>
-    <line class="st8" x1="20" y1="22.8" x2="20" y2="13.1"/>
-    <line class="st8" x1="25" y1="22.8" x2="25" y2="10.1"/>
-    <polyline class="st9" points="4.7,15.7 9.6,9.7 14.9,15.1 25.2,5"/>
-  </g>
-</svg>
-
-`
-
-export const chartAndGauge: ComponentGroup = {
-  name: 'chartAndGauge',
-  description: 'a group of various charts and gauges',
-  icon,
-  templates: []
-}

package/src/component/container.ts

@@ -1,63 +0,0 @@
-import { ComponentGroup } from '../types'
-
-const iconContainer = new URL('../../../icons/components/container.png', import.meta.url).href
-const popup = new URL('../../../icons/components/popup.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">
-    .st0{fill:{{strokeColor}};}
-    .st3{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
-    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
-  </style>
-  <g>
-    <rect x="2.8" y="10.3" class="st9" width="24.4" height="13.8"/>
-    <polygon class="st0" points="27.7,9.8 2.3,9.8 7.8,5.9 22.2,5.9"/>
-    <line class="st3" x1="10.9" y1="15.5" x2="19.1" y2="15.5"/>
-  </g>
-</svg>
-`
-
-export const container: ComponentGroup = {
-  name: 'container',
-  description: 'a group of various containers',
-  icon,
-  templates: [
-    {
-      type: 'container',
-      description: 'general container',
-      icon: iconContainer,
-      group: 'container',
-      model: {
-        type: 'container',
-        left: 100,
-        top: 100,
-        width: 100,
-        height: 100,
-        fillStyle: '#fff',
-        strokeStyle: '#999',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 1,
-        lineDash: 'solid',
-        lineCap: 'butt'
-      }
-    },
-    {
-      type: 'popup',
-      description: 'popup window',
-      icon: popup,
-      group: 'container',
-      model: {
-        type: 'popup',
-        left: 100,
-        top: 100,
-        width: 100,
-        height: 100,
-        fillStyle: '#fff',
-        strokeStyle: 'DarkGoldenRod',
-        hidden: true
-      }
-    }
-  ]
-}

package/src/component/data-source.ts

@@ -1,30 +0,0 @@
-import { ComponentGroup } from '../types'
-
-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">
-    .st0{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
-    .st1{fill:{{strokeColor}};stroke:{{strokeColor}};stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-    .st2{fill:{{strokeColor}};stroke:{{strokeColor}};stroke-width:0.5;stroke-miterlimit:10;}
-    .st3{fill:{{strokeColor}};}
-  </style>
-  <g>
-    <path class="st0" d="M11.9,22.4H4.6c-4.9,0-4.2-8.5,0.2-9.3c0,0,1.3-6.5,6.2-3c0,0,2.3-5.7,7.5-4.7c0,0,6.3,0.3,6,7.3
-    c0-0.1,2.1,0.9,2.3,1c3.1,1.9,2.9,7.3-0.6,8.7h-7"/>
-    <path class="st1" d="M12.6,20c-0.1-0.1-0.1-0.2,0-0.3c0.8-0.7,1.8-1.2,2.9-1.2s2.1,0.4,2.9,1.2c0.1,0.1,0.1,0.2,0,0.3
-    c-0.1,0.1-0.2,0.1-0.3,0c-0.7-0.7-1.6-1-2.6-1s-1.9,0.4-2.6,1.1C12.7,20.2,12.6,20.1,12.6,20z"/>
-    <path class="st1" d="M10.8,17.9c-0.1-0.1-0.1-0.2,0-0.3c1.3-1.2,3-1.9,4.8-1.9s3.5,0.7,4.8,1.9c0.1,0.1,0.1,0.2,0,0.3
-    C20.2,18,20.1,18,20,18c-1.2-1.1-2.8-1.8-4.5-1.8S12.2,16.8,11,18C11,18,10.8,18,10.8,17.9z"/>
-    <path class="st2" d="M9.5,15.8c-0.1-0.1-0.1-0.2,0-0.3c1.6-1.6,3.8-2.4,6.1-2.4s4.4,0.9,6,2.4c0.1,0.1,0.1,0.2,0,0.3
-    s-0.2,0.1-0.3,0c-1.6-1.5-3.6-2.3-5.8-2.3s-4.2,0.8-5.8,2.3C9.7,15.9,9.5,15.9,9.5,15.8z"/>
-    <circle class="st3" cx="15.5" cy="23.2" r="1.5"/>
-  </g>
-</svg>
-`
-
-export const dataSource: ComponentGroup = {
-  name: 'dataSource',
-  description: 'a group of various data sources',
-  icon,
-  templates: []
-}

package/src/component/etc.ts

@@ -1,88 +0,0 @@
-import { ComponentGroup } from '../types'
-
-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 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">
-    .st0{fill:{{strokeColor}};}
-  </style>
-  <g>
-    <circle class="st0" cx="7.1" cy="15" r="2"/>
-    <circle class="st0" cx="15" cy="15" r="2"/>
-    <circle class="st0" cx="22.9" cy="15" r="2"/>
-  </g>
-</svg>
-`
-
-export const etc: ComponentGroup = {
-  name: 'etc',
-  description: 'a group of components that have not yet been defined.',
-  icon,
-  templates: [
-    {
-      type: 'info-window',
-      description: 'information window',
-      icon: infoWindow,
-      group: 'etc',
-      model: {
-        type: 'info-window',
-        left: 10,
-        top: 10,
-        width: 50,
-        height: 50,
-        fillStyle: '#fff',
-        strokeStyle: 'DarkGoldenRod',
-        hidden: true,
-        frontSideTemplate:
-          "<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' />",
-        backSideTemplate:
-          "<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' />",
-        style:
-          '#yyy {\n\tbackground-color:navy;\n\tcolor:white\n}\n#xxx, #yyy {\n\twhite-space:nowrap;\n\tmin-width:200px;\n}'
-      }
-    },
-    {
-      type: 'local-ref',
-      description: 'local reference',
-      icon: localReference,
-      group: 'etc',
-      model: {
-        type: 'local-ref',
-        left: 100,
-        top: 100,
-        width: 100,
-        height: 100,
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 1,
-        lineDash: 'solid',
-        lineCap: 'butt'
-      }
-    },
-    {
-      type: 'global-ref',
-      description: 'global reference',
-      icon: globalReference,
-      group: 'etc',
-      model: {
-        type: 'global-ref',
-        left: 100,
-        top: 100,
-        width: 100,
-        height: 100,
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 1,
-        lineDash: 'solid',
-        lineCap: 'butt'
-      }
-    }
-  ]
-}

package/src/component/form.ts

@@ -1,42 +0,0 @@
-import { ComponentGroup } from '../types'
-
-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">
-    .st0{fill:{{strokeColor}};}
-    .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
-    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
-  </style>
-  <g>
-    <rect x="3.1" y="5.5" class="st7" width="23.9" height="19"/>
-    <rect x="11.3" y="8.3" class="st9" width="12.5" height="3.3"/>
-    <rect x="5.5" y="8.8" class="st0" width="4.1" height="2.2"/>
-    <rect x="5.5" y="14.5" class="st0" width="4.1" height="2.2"/>
-    <rect x="10.7" y="19.4" class="st0" width="6.5" height="2.2"/>
-    <rect x="17.8" y="19.4" class="st0" width="6.3" height="2.2"/>
-    <rect x="11.3" y="13.8" class="st9" width="12.5" height="3.3"/>
-    <path class="st0" d="M15,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3
-    c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2
-    c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3
-    c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3
-    C14.9,14.4,15,14.5,15,14.7z"/>
-    <path class="st0" d="M17.5,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3
-    c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2
-    c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3
-    c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3
-    C17.4,14.4,17.5,14.5,17.5,14.7z"/>
-    <path class="st0" d="M19.9,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3
-    c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2
-    c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3
-    c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3
-    C19.8,14.4,19.9,14.5,19.9,14.7z"/>
-  </g>
-</svg>
-`
-
-export const form: ComponentGroup = {
-  name: 'form',
-  description: 'a group of various input components that make up a data entry form',
-  icon,
-  templates: []
-}

package/src/component/index.ts

@@ -1,12 +0,0 @@
-export * from './shape'
-export * from './line'
-export * from './text-and-media'
-export * from './chart-and-gauge'
-export * from './table'
-export * from './data-source'
-export * from './3d'
-export * from './iot'
-export * from './form'
-export * from './warehouse'
-export * from './container'
-export * from './etc'

package/src/component/iot.ts

@@ -1,52 +0,0 @@
-import { ComponentGroup } from '../types'
-
-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">
-    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
-    .st12{fill:#232020;stroke:{{strokeColor}};stroke-width:0.5;stroke-miterlimit:10;}
-    .st13{fill:#232020;stroke:{{strokeColor}};stroke-width:0.25;stroke-miterlimit:10;}
-  </style>
-  <g>
-    <path class="st12" d="M11.2,14.6c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.2-0.1-0.2-0.2c0-0.9,0.3-1.8,1-2.5c0.6-0.7,1.5-1.1,2.4-1.2
-    c0.1,0,0.2,0.1,0.2,0.2c0,0.1-0.1,0.2-0.2,0.2c-0.8,0.1-1.6,0.5-2.2,1.1c-0.6,0.6-0.9,1.5-0.9,2.3C11.2,14.5,11.2,14.6,11.2,14.6z"
-    />
-    <path class="st12" d="M8.8,14.7c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.2-0.1-0.2-0.2c0-1.5,0.6-3,1.6-4.2c1-1.1,2.5-1.9,4-2
-    c0.1,0,0.2,0.1,0.2,0.2c0,0.1-0.1,0.2-0.2,0.2c-1.4,0.1-2.8,0.8-3.8,1.9c-1,1.1-1.5,2.5-1.5,3.9C8.9,14.6,8.9,14.6,8.8,14.7z"/>
-    <path class="st12" d="M18.6,15.2c0,0,0.1-0.1,0.1-0.1c0.1,0,0.2,0.1,0.2,0.2c-0.1,0.9-0.5,1.8-1.1,2.5c-0.7,0.7-1.6,1-2.5,1.1
-    c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0.1-0.2,0.2-0.2c0.8,0,1.6-0.4,2.3-1c0.6-0.6,1-1.4,1-2.2C18.5,15.2,18.5,15.2,18.6,15.2z"/>
-    <path class="st12" d="M20.9,15.3c0,0,0.1-0.1,0.1-0.1c0.1,0,0.2,0.1,0.2,0.2c-0.1,1.5-0.8,3-1.9,4.1c-1.1,1.1-2.6,1.7-4.1,1.7
-    c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0.1-0.2,0.2-0.2c1.4,0,2.8-0.6,3.9-1.6c1.1-1,1.7-2.4,1.8-3.8C20.9,15.3,20.9,15.3,20.9,15.3z"/>
-    <path class="st13" d="M8.8,6.7C7.9,6.7,7.2,6,7.2,5c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C10.5,6,9.8,6.7,8.8,6.7z M8.8,3.9
-    C8.2,3.9,7.7,4.4,7.7,5c0,0.6,0.5,1.2,1.2,1.2C9.5,6.2,10,5.7,10,5C10,4.4,9.5,3.9,8.8,3.9z"/>
-    <path class="st13" d="M20.9,6.7C20,6.7,19.3,6,19.3,5c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C22.6,6,21.8,6.7,20.9,6.7z
-    M20.9,3.9c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C22.1,4.4,21.6,3.9,20.9,3.9z"/>
-    <path class="st13" d="M14.9,16.5c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7
-    C16.6,15.7,15.9,16.5,14.9,16.5z M14.9,13.6c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2
-    C16.1,14.2,15.6,13.6,14.9,13.6z"/>
-    <path class="st13" d="M8.8,26.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C10.5,25.9,9.8,26.6,8.8,26.6z
-    M8.8,23.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C10,24.3,9.5,23.8,8.8,23.8z"/>
-    <path class="st13" d="M20.9,26.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7
-    C22.6,25.9,21.8,26.6,20.9,26.6z M20.9,23.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2
-    C22.1,24.3,21.6,23.8,20.9,23.8z"/>
-    <path class="st13" d="M3.1,16.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C4.7,15.9,4,16.6,3.1,16.6z
-    M3.1,13.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C4.2,14.3,3.7,13.8,3.1,13.8z"/>
-    <path class="st13" d="M26.9,16.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7
-    C28.6,15.9,27.8,16.6,26.9,16.6z M26.9,13.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2
-    C28.1,14.3,27.6,13.8,26.9,13.8z"/>
-    <line class="st9" x1="10.2" y1="4.9" x2="18.2" y2="4.9"/>
-    <line class="st9" x1="22" y1="6.2" x2="26.1" y2="12.3"/>
-    <line class="st9" x1="4" y1="17.7" x2="7.7" y2="24"/>
-    <line class="st9" x1="23" y1="22.7" x2="26.8" y2="16.4"/>
-    <line class="st9" x1="3.7" y1="13.5" x2="7.5" y2="7.2"/>
-    <line class="st9" x1="11.7" y1="25.1" x2="19.7" y2="25.1"/>
-  </g>
-</svg>
-`
-
-export const iot: ComponentGroup = {
-  name: 'IoT',
-  description: 'a group of various IoT protocols',
-  icon,
-  templates: []
-}

package/src/component/line.ts

@@ -1,156 +0,0 @@
-import { ComponentGroup } from '../types'
-
-const bothArrow = new URL('../../../icons/components/both-arrow.png', import.meta.url).href
-const dash = new URL('../../../icons/components/dash.png', import.meta.url).href
-const lineIcon = new URL('../../../icons/components/line.png', import.meta.url).href
-const polyline = new URL('../../../icons/components/polyline.png', import.meta.url).href
-const singleArrow = new URL('../../../icons/components/single-arrow.png', import.meta.url).href
-const ortholine = new URL('../../../icons/components/ortholine.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">
-	  .st3{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
-	  .st4{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;stroke-dasharray:3,1.5;}
-  </style>
-  <g>
-	  <line class="st3" x1="1.7" y1="18.9" x2="26.3" y2="6.2"/>
-	  <line class="st4" x1="1.7" y1="23.8" x2="28.3" y2="10.1"/>
-  </g>
-</svg>
-`
-
-export const line: ComponentGroup = {
-  name: 'line',
-  description: 'a group of various lines',
-  icon,
-  templates: [
-    {
-      type: 'line',
-      description: 'simple line',
-      icon: lineIcon,
-      group: 'line',
-      model: {
-        type: 'line',
-        x1: 100,
-        y1: 100,
-        x2: 200,
-        y2: 200,
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 3,
-        lineDash: 'solid',
-        lineCap: 'butt'
-      }
-    },
-    {
-      type: 'dash',
-      description: 'dash line',
-      icon: dash,
-      group: 'line',
-      model: {
-        type: 'line',
-        x1: 100,
-        y1: 100,
-        x2: 200,
-        y2: 200,
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 3,
-        lineDash: 'round-dot',
-        lineCap: 'butt'
-      }
-    },
-    {
-      type: 'single arrow',
-      description: 'single arrow tip line',
-      icon: singleArrow,
-      group: 'line',
-      model: {
-        type: 'line',
-        x1: 100,
-        y1: 100,
-        x2: 200,
-        y2: 200,
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 3,
-        hidden: false,
-        lineWidth: 3,
-        lineDash: 'solid',
-        begin: 'arrow',
-        lineCap: 'butt'
-      }
-    },
-    {
-      type: 'both arrow',
-      description: 'both arrow tip line',
-      icon: bothArrow,
-      group: 'line',
-      model: {
-        type: 'line',
-        x1: 100,
-        y1: 100,
-        x2: 200,
-        y2: 200,
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 3,
-        lineDash: 'solid',
-        begin: 'arrow',
-        end: 'arrow',
-        lineCap: 'butt'
-      }
-    },
-    {
-      type: 'polyline',
-      description: 'polyline',
-      icon: polyline,
-      group: 'line',
-      model: {
-        type: 'polyline',
-        path: [
-          { x: 100, y: 100 },
-          { x: 200, y: 100 },
-          { x: 200, y: 200 },
-          { x: 100, y: 200 }
-        ],
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 1,
-        lineDash: 'solid',
-        lineCap: 'butt',
-        round: 10
-      }
-    },
-    {
-      type: 'ortholine',
-      description: 'ortholine',
-      icon: ortholine,
-      group: 'line',
-      model: {
-        type: 'ortholine',
-        x1: 100,
-        y1: 100,
-        x2: 200,
-        y2: 200,
-        fillStyle: '#fff',
-        strokeStyle: '#000',
-        alpha: 1,
-        hidden: false,
-        lineWidth: 1,
-        lineDash: 'solid',
-        lineCap: 'butt',
-        round: 10
-      }
-    }
-  ]
-}

package/src/component/register-default-groups.ts

@@ -1,28 +0,0 @@
-import { BoardModeller } from '../ox-board-modeller'
-import { chartAndGauge } from './chart-and-gauge'
-import { container } from './container'
-import { dataSource } from './data-source'
-import { etc } from './etc'
-import { form } from './form'
-import { iot } from './iot'
-import { line } from './line'
-import { shape } from './shape'
-import { table } from './table'
-import { textAndMedia } from './text-and-media'
-import { threed } from './3d'
-import { warehouse } from './warehouse'
-
-export function registerDefaultGroups() {
-  BoardModeller.registerGroup(line)
-  BoardModeller.registerGroup(shape)
-  BoardModeller.registerGroup(textAndMedia)
-  BoardModeller.registerGroup(chartAndGauge)
-  BoardModeller.registerGroup(table)
-  BoardModeller.registerGroup(container)
-  BoardModeller.registerGroup(dataSource)
-  BoardModeller.registerGroup(iot)
-  BoardModeller.registerGroup(threed)
-  BoardModeller.registerGroup(warehouse)
-  BoardModeller.registerGroup(form)
-  BoardModeller.registerGroup(etc)
-}