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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.41",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -92,18 +92,18 @@
   },
   "dependencies": {
     "@open-wc/scoped-elements": "^2.0.0-next.6",
-    "@operato/app": "^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/layout": "^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/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/layout": "^2.0.0-alpha.37",
+    "@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",
@@ -114,28 +114,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",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.4.1",
+    "eslint-config-prettier": "^9.1.0",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.2",
+    "prettier": "^3.2.5",
     "tslib": "^2.3.1",
     "typescript": "^5.0.4"
   },
@@ -152,5 +152,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "351befceadea37e8095af5b5a43dbd8be87e5cc5"
+  "gitHead": "8c4f80ccce451e015d7c17cbc19393eebbae1300"
 }

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

@@ -8,6 +8,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'
@@ -119,13 +120,15 @@ export class ComponentMenu extends ScopedElementsMixin(LitElement) {
           <h2 onclick=${(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=${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>
 
           <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>
 
       <specific-properties-builder .value=${value} .props=${this.props} .propertyEditor=${this.propertyEditor}>
       </specific-properties-builder>

package/src/ox-board-list.ts

@@ -422,11 +422,7 @@ class BoardList extends LitElement {
               thumbnail
             }
 
-            const { createBoard: created } = await createBoard(board)
-
-            // this.popup && this.popup.close()
-
-            // await sleep(100)
+            await createBoard(board)
 
             this.notify('info', 'new board created')
           } catch (ex: Error | any) {