npm - @operato/board - Versions diffs - 7.1.31 → 7.1.33 - Mend

@operato/board 7.1.31 → 7.1.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

package/CHANGELOG.md +18 -0
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +14 -14
package/.storybook/main.js +0 -3
package/.storybook/server.mjs +0 -8
package/demo/index-modeller.html +0 -112
package/demo/index-player.html +0 -112
package/demo/index-viewer.html +0 -112
package/demo/index.html +0 -112
package/src/component/3d.ts +0 -29
package/src/component/chart-and-gauge.ts +0 -28
package/src/component/container.ts +0 -63
package/src/component/data-source.ts +0 -30
package/src/component/etc.ts +0 -88
package/src/component/form.ts +0 -42
package/src/component/index.ts +0 -12
package/src/component/iot.ts +0 -52
package/src/component/line.ts +0 -156
package/src/component/register-default-groups.ts +0 -28
package/src/component/shape.ts +0 -156
package/src/component/table.ts +0 -28
package/src/component/text-and-media.ts +0 -125
package/src/component/warehouse.ts +0 -26
package/src/data-storage/data-storage.ts +0 -76
package/src/graphql/board.ts +0 -144
package/src/graphql/data-subscription.ts +0 -30
package/src/graphql/favorite-board.ts +0 -25
package/src/graphql/group.ts +0 -138
package/src/graphql/index.ts +0 -4
package/src/graphql/play-group.ts +0 -225
package/src/graphql/scenario.ts +0 -79
package/src/index.ts +0 -10
package/src/modeller/component-toolbar/component-detail.ts +0 -52
package/src/modeller/component-toolbar/component-menu.ts +0 -196
package/src/modeller/component-toolbar/component-toolbar.ts +0 -196
package/src/modeller/component-toolbar/mode-icons.ts +0 -88
package/src/modeller/edit-toolbar-style.ts +0 -232
package/src/modeller/edit-toolbar.ts +0 -587
package/src/modeller/property-sidebar/abstract-property.ts +0 -69
package/src/modeller/property-sidebar/data-binding/data-binding-mapper.ts +0 -475
package/src/modeller/property-sidebar/data-binding/data-binding-value-map.ts +0 -19
package/src/modeller/property-sidebar/data-binding/data-binding-value-range.ts +0 -19
package/src/modeller/property-sidebar/data-binding/data-binding.ts +0 -480
package/src/modeller/property-sidebar/effects/effects-shared-style.ts +0 -62
package/src/modeller/property-sidebar/effects/effects.ts +0 -69
package/src/modeller/property-sidebar/effects/property-animation.ts +0 -146
package/src/modeller/property-sidebar/effects/property-animations.ts +0 -93
package/src/modeller/property-sidebar/effects/property-event-hover.ts +0 -200
package/src/modeller/property-sidebar/effects/property-event-tap.ts +0 -251
package/src/modeller/property-sidebar/effects/property-event.ts +0 -73
package/src/modeller/property-sidebar/effects/property-shadow.ts +0 -114
package/src/modeller/property-sidebar/effects/value-converter.ts +0 -23
package/src/modeller/property-sidebar/inspector/inspector.ts +0 -404
package/src/modeller/property-sidebar/property-shared-style.ts +0 -136
package/src/modeller/property-sidebar/property-sidebar.ts +0 -326
package/src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts +0 -94
package/src/modeller/property-sidebar/shapes/shapes.ts +0 -432
package/src/modeller/property-sidebar/specifics/specific-properties-builder.ts +0 -152
package/src/modeller/property-sidebar/specifics/specifics.ts +0 -81
package/src/modeller/property-sidebar/styles/styles.ts +0 -577
package/src/modeller/scene-viewer/confidential-overlay.ts +0 -18
package/src/modeller/scene-viewer/ox-scene-handler.ts +0 -40
package/src/modeller/scene-viewer/ox-scene-layer.ts +0 -42
package/src/modeller/scene-viewer/ox-scene-property.ts +0 -10
package/src/modeller/scene-viewer/ox-scene-viewer.ts +0 -263
package/src/ox-board-component-info.ts +0 -236
package/src/ox-board-list.ts +0 -401
package/src/ox-board-modeller.ts +0 -408
package/src/ox-board-player-style.ts +0 -200
package/src/ox-board-player.ts +0 -333
package/src/ox-board-template-list.ts +0 -267
package/src/ox-board-template-viewer.ts +0 -198
package/src/ox-board-viewer.ts +0 -727
package/src/ox-editor-board-selector.ts +0 -91
package/src/ox-property-editor-board-selector.ts +0 -23
package/src/player/ox-board-player-carousel.ts +0 -197
package/src/player/ox-board-player-grid.ts +0 -78
package/src/player/ox-board-wrapper.ts +0 -152
package/src/selector/board-creation-popup.ts +0 -151
package/src/selector/board-thumbnail-card.ts +0 -175
package/src/selector/ox-board-creation-card.ts +0 -98
package/src/selector/ox-board-selector.ts +0 -382
package/src/types.ts +0 -63
package/stories/property-data-binding.stories.ts +0 -34
package/tsconfig.json +0 -24
package/web-dev-server.config.mjs +0 -30
package/web-test-runner.config.mjs +0 -29

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "7.1.31",
+  "version": "7.1.33",
   "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": "^7.1.31",
-    "@operato/data-grist": "^7.1.31",
-    "@operato/font": "^7.1.31",
-    "@operato/graphql": "^7.1.1",
-    "@operato/i18n": "^7.1.1",
-    "@operato/input": "^7.1.30",
-    "@operato/layout": "^7.1.30",
-    "@operato/markdown": "^7.1.27",
-    "@operato/popup": "^7.1.30",
-    "@operato/property-editor": "^7.1.31",
-    "@operato/styles": "^7.1.27",
-    "@operato/utils": "^7.1.1",
+    "@operato/app": "^7.1.33",
+    "@operato/data-grist": "^7.1.33",
+    "@operato/font": "^7.1.33",
+    "@operato/graphql": "^7.1.32",
+    "@operato/i18n": "^7.1.32",
+    "@operato/input": "^7.1.32",
+    "@operato/layout": "^7.1.32",
+    "@operato/markdown": "^7.1.32",
+    "@operato/popup": "^7.1.32",
+    "@operato/property-editor": "^7.1.33",
+    "@operato/styles": "^7.1.32",
+    "@operato/utils": "^7.1.32",
     "@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": "c22b92c8fc82a72d6503aa7107df33aab985155a"
+  "gitHead": "be435a2464e7777dfd201fb86af731ee92e45a65"
 }

package/.storybook/main.js DELETED Viewed

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

package/.storybook/server.mjs DELETED Viewed

@@ -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/demo/index-modeller.html DELETED Viewed

@@ -1,112 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-      ox-board-modeller {
-        width: 100vw;
-        height: 100dvh;
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '../dist/src/ox-board-modeller.js'
-      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
-      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
-      const boards = colors.map((color, idx) => {
-        var to = colors[(idx + 1) % colors.length]
-        return {
-          id: color,
-          model: {
-            width: 400,
-            height: 300,
-            fillStyle: color,
-            components: [
-              {
-                type: 'text',
-                left: 100,
-                top: 100,
-                width: 200,
-                height: 30,
-                text: `Click to move to ${to}`,
-                event: {
-                  tap: {
-                    action: 'goto',
-                    target: to
-                  }
-                }
-              }
-            ]
-          }
-        }
-      })
-      var provider = new ReferenceMap(
-        async (boardId, resolve, reject) => {
-          try {
-            const board = boards.find(board => {
-              return board.id === boardId
-            })
-            if (!board) {
-              throw `no board named as ${boardId}`
-            }
-            var scene
-            try {
-              scene = await provider.get(boardId)
-              console.warn('Board fetched more than twice.', boardId)
-            } catch (e) {
-              scene = create({
-                model: JSON.parse(JSON.stringify(board.model)),
-                mode: 0,
-                refProvider: provider
-              })
-            }
-            resolve(scene, board)
-          } catch (e) {
-            error(e)
-            reject(e)
-          }
-        },
-        async (id, ref) => {
-          ref.dispose()
-        }
-      )
-      render(
-        html` <ox-board-modeller .board=${boards[0]} .provider=${provider}> </ox-board-modeller> `,
-        document.querySelector('#demo')
-      )
-    </script>
-  </body>
-</html>

package/demo/index-player.html DELETED Viewed

@@ -1,112 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-      ox-board-player {
-        width: 100vw;
-        height: 100dvh;
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '../dist/src/index.js'
-      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
-      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
-      const boards = colors.map((color, idx) => {
-        var to = colors[(idx + 1) % colors.length]
-        return {
-          id: color,
-          model: {
-            width: 400,
-            height: 300,
-            fillStyle: color,
-            components: [
-              {
-                type: 'text',
-                left: 100,
-                top: 100,
-                width: 200,
-                height: 30,
-                text: `Click to move to ${to}`,
-                event: {
-                  tap: {
-                    action: 'goto',
-                    target: to
-                  }
-                }
-              }
-            ]
-          }
-        }
-      })
-      var provider = new ReferenceMap(
-        async (boardId, resolve, reject) => {
-          try {
-            const board = boards.find(board => {
-              return board.id === boardId
-            })
-            if (!board) {
-              throw `no board named as ${boardId}`
-            }
-            var scene
-            try {
-              scene = await provider.get(boardId)
-              console.warn('Board fetched more than twice.', boardId)
-            } catch (e) {
-              scene = create({
-                model: JSON.parse(JSON.stringify(board.model)),
-                mode: 0,
-                refProvider: provider
-              })
-            }
-            resolve(scene, board)
-          } catch (e) {
-            error(e)
-            reject(e)
-          }
-        },
-        async (id, ref) => {
-          ref.dispose()
-        }
-      )
-      render(
-        html` <ox-board-player .boards=${boards} .provider=${provider}></ox-board-player> `,
-        document.querySelector('#demo')
-      )
-    </script>
-  </body>
-</html>

package/demo/index-viewer.html DELETED Viewed

@@ -1,112 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-      ox-board-viewer {
-        width: 100vw;
-        height: 100dvh;
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '../dist/src/ox-board-viewer.js'
-      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
-      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
-      const boards = colors.map((color, idx) => {
-        var to = colors[(idx + 1) % colors.length]
-        return {
-          id: color,
-          model: {
-            width: 400,
-            height: 300,
-            fillStyle: color,
-            components: [
-              {
-                type: 'text',
-                left: 100,
-                top: 100,
-                width: 200,
-                height: 30,
-                text: `Click to move to ${to}`,
-                event: {
-                  tap: {
-                    action: 'goto',
-                    target: to
-                  }
-                }
-              }
-            ]
-          }
-        }
-      })
-      var provider = new ReferenceMap(
-        async (boardId, resolve, reject) => {
-          try {
-            const board = boards.find(board => {
-              return board.id === boardId
-            })
-            if (!board) {
-              throw `no board named as ${boardId}`
-            }
-            var scene
-            try {
-              scene = await provider.get(boardId)
-              console.warn('Board fetched more than twice.', boardId)
-            } catch (e) {
-              scene = create({
-                model: JSON.parse(JSON.stringify(board.model)),
-                mode: 0,
-                refProvider: provider
-              })
-            }
-            resolve(scene, board)
-          } catch (e) {
-            error(e)
-            reject(e)
-          }
-        },
-        async (id, ref) => {
-          ref.dispose()
-        }
-      )
-      render(
-        html` <ox-board-viewer .board=${boards[0]} .provider=${provider}></ox-board-viewer> `,
-        document.querySelector('#demo')
-      )
-    </script>
-  </body>
-</html>

package/demo/index.html DELETED Viewed

@@ -1,112 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-      ox-board-viewer {
-        width: 100vw;
-        height: 100dvh;
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '../dist/src/ox-board-viewer.js'
-      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
-      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
-      const boards = colors.map((color, idx) => {
-        var to = colors[(idx + 1) % colors.length]
-        return {
-          id: color,
-          model: {
-            width: 400,
-            height: 300,
-            fillStyle: color,
-            components: [
-              {
-                type: 'text',
-                left: 100,
-                top: 100,
-                width: 200,
-                height: 30,
-                text: `Click to move to ${to}`,
-                event: {
-                  tap: {
-                    action: 'goto',
-                    target: to
-                  }
-                }
-              }
-            ]
-          }
-        }
-      })
-      var provider = new ReferenceMap(
-        async (boardId, resolve, reject) => {
-          try {
-            const board = boards.find(board => {
-              return board.id === boardId
-            })
-            if (!board) {
-              throw `no board named as ${boardId}`
-            }
-            var scene
-            try {
-              scene = await provider.get(boardId)
-              console.warn('Board fetched more than twice.', boardId)
-            } catch (e) {
-              scene = create({
-                model: JSON.parse(JSON.stringify(board.model)),
-                mode: 0,
-                refProvider: provider
-              })
-            }
-            resolve(scene, board)
-          } catch (e) {
-            error(e)
-            reject(e)
-          }
-        },
-        async (id, ref) => {
-          ref.dispose()
-        }
-      )
-      render(
-        html` <ox-board-viewer .board=${boards[0]} .provider=${provider}></ox-board-viewer> `,
-        document.querySelector('#demo')
-      )
-    </script>
-  </body>
-</html>

package/src/component/3d.ts DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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: []
-}