@operato/process 2.0.0-alpha.4 → 2.0.0-alpha.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.41",
   "description": "Webcomponent for business process modeling following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -68,18 +68,18 @@
   },
   "dependencies": {
     "@open-wc/scoped-elements": "^2.1.3",
-    "@operato/app": "^2.0.0-alpha.4",
-    "@operato/board": "^2.0.0-alpha.4",
-    "@operato/data-grist": "^2.0.0-alpha.4",
-    "@operato/font": "^2.0.0-alpha.4",
-    "@operato/graphql": "^2.0.0-alpha.0",
-    "@operato/i18n": "^2.0.0-alpha.0",
-    "@operato/input": "^2.0.0-alpha.4",
-    "@operato/markdown": "^2.0.0-alpha.0",
-    "@operato/popup": "^2.0.0-alpha.4",
-    "@operato/property-editor": "^2.0.0-alpha.4",
-    "@operato/styles": "^2.0.0-alpha.0",
-    "@operato/utils": "^2.0.0-alpha.0",
+    "@operato/app": "^2.0.0-alpha.37",
+    "@operato/board": "^2.0.0-alpha.41",
+    "@operato/data-grist": "^2.0.0-alpha.35",
+    "@operato/font": "^2.0.0-alpha.37",
+    "@operato/graphql": "^2.0.0-alpha.28",
+    "@operato/i18n": "^2.0.0-alpha.28",
+    "@operato/input": "^2.0.0-alpha.35",
+    "@operato/markdown": "^2.0.0-alpha.28",
+    "@operato/popup": "^2.0.0-alpha.35",
+    "@operato/property-editor": "^2.0.0-alpha.37",
+    "@operato/styles": "^2.0.0-alpha.28",
+    "@operato/utils": "^2.0.0-alpha.35",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@types/file-saver": "^2.0.4",
     "@types/sortablejs": "^1.10.7",
@@ -90,28 +90,28 @@
     "sortablejs": "^1.14.0"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.8.1",
+    "@custom-elements-manifest/analyzer": "^0.9.2",
     "@hatiolab/prettier-config": "^1.0.0",
     "@hatiolab/things-scene": "^3.2.0",
     "@material/mwc-fab": "^0.27.0",
     "@material/mwc-icon": "^0.27.0",
-    "@open-wc/eslint-config": "^10.0.0",
+    "@open-wc/eslint-config": "^12.0.3",
     "@open-wc/testing": "^3.1.6",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-json": "^4.1.0",
     "@types/lodash-es": "^4.17.6",
     "@types/w3c-web-usb": "^1.0.5",
-    "@typescript-eslint/eslint-plugin": "^5.59.1",
-    "@typescript-eslint/parser": "^5.59.1",
+    "@typescript-eslint/eslint-plugin": "^7.0.1",
+    "@typescript-eslint/parser": "^7.0.1",
     "@web/dev-server": "^0.3.0",
-    "@web/dev-server-storybook": "^0.7.4",
-    "@web/test-runner": "^0.17.0",
+    "@web/dev-server-storybook": "^2.0.1",
+    "@web/test-runner": "^0.18.0",
     "concurrently": "^8.0.1",
     "eslint": "^8.39.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^9.1.0",
     "husky": "^7.0.2",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.4.1",
+    "lint-staged": "^15.2.2",
+    "prettier": "^3.2.5",
     "tslib": "^2.3.1",
     "typescript": "^5.0.4"
   },
@@ -128,5 +128,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "351befceadea37e8095af5b5a43dbd8be87e5cc5"
+  "gitHead": "8c4f80ccce451e015d7c17cbc19393eebbae1300"
 }

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

@@ -4,6 +4,7 @@ import { property, query, state } from 'lit/decorators.js'
 import { Scene } from '@hatiolab/things-scene'
 import { ScopedElementsMixin } from '@open-wc/scoped-elements'
 import { ScrollbarStyles } from '@operato/styles'
+import { i18next } from '@operato/i18n'
 
 import { Pallet, PalletItem } from '../../types'
 import { ComponentDetail } from './component-detail'
@@ -116,13 +117,15 @@ export class ComponentMenu extends ScopedElementsMixin(LitElement) {
           <h2 @click=${(e: MouseEvent) => e.stopPropagation()}>${this.group} list</h2>
 
           <div templates @mouseover=${(e: MouseEvent) => this.onHoverComponent(e)}>
-            ${(this.templates || []).map(
-              template => html`
-                <div @click=${this.onClickTemplate} data-type=${template.type} template>
-                  <img src=${String(this.templateIcon(template))} />${template.type}
+            ${(this.templates || []).map(template => {
+              const { type } = template
+
+              return html`
+                <div @click=${this.onClickTemplate} data-type=${type} template>
+                  <img src=${String(this.templateIcon(template))} />${i18next.t(`component.${type}`)}
                 </div>
               `
-            )}
+            })}
           </div>
 
           <process-component-detail

package/src/modeller/property-sidebar/shapes/shapes.ts

@@ -279,6 +279,17 @@ export class PropertyShapes extends AbstractProperty {
                   <label for="checkbox-textwrap"> <ox-i18n msgid="label.text-wrap">Text Wrap</ox-i18n> </label>
                 </div>
 
+                ${!value.textWrap
+                  ? html` <label for="checkbox-textOverflow">
+                        <ox-i18n msgid="label.text-overflow">Text Overflow</ox-i18n>
+                      </label>
+                      <select value-key="textOverflow" .value=${value.textOverflow || ''}>
+                        <option value="" selected>none</option>
+                        <option value="ellipsis">ellipsis</option>
+                        <option value="clip">clip</option>
+                      </select>`
+                  : ''}
+
                 <label> <ox-i18n msgid="label.padding">padding</ox-i18n> </label>
                 <table class="box-padding">
                   <tr>

package/src/modeller/property-sidebar/specifics/specifics.ts

@@ -10,6 +10,8 @@ import { property } from 'lit/decorators.js'
 import { Component, Scene } from '@hatiolab/things-scene'
 import { ScopedElementsMixin } from '@open-wc/scoped-elements'
 
+import { i18next } from '@operato/i18n'
+
 import { PropertySharedStyle } from '../property-shared-style'
 import { SpecificPropertiesBuilder } from './specific-properties-builder.js'
 
@@ -58,7 +60,9 @@ export class PropertySpecific extends ScopedElementsMixin(LitElement) {
     const value = this.value || {}
 
     return html`
-      <label>${value.type}<ox-help-icon .topic=${selected?.nature?.help}></ox-help-icon></label>
+      <label
+        >${i18next.t(`component.${value.type}`)}<ox-help-icon .topic=${selected?.nature?.help}></ox-help-icon
+      ></label>
 
       <property-specific-properties-builder .value=${value} .props=${this.props} .propertyEditor=${this.propertyEditor}>
       </property-specific-properties-builder>

package/src/ox-process-list.ts

@@ -416,17 +416,13 @@ class ProcessList extends LitElement {
               description,
               groupId,
               model: model || {
-                width: 1200,
-                height: 800
+                width: 1600,
+                height: 1200
               },
               thumbnail
             }
 
-            const { createProcess: created } = await createProcess(process)
-
-            // this.popup && this.popup.close()
-
-            // await sleep(100)
+            await createProcess(process)
 
             this.notify('info', 'new process created')
           } catch (ex: Error | any) {