@operato/board 1.1.5 → 1.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.1.5",
+  "version": "1.1.8",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "license": "MIT",
@@ -56,15 +56,15 @@
   },
   "dependencies": {
     "@open-wc/scoped-elements": "^2.0.0-next.6",
-    "@operato/app": "^1.1.5",
-    "@operato/data-grist": "^1.1.5",
-    "@operato/font": "^1.1.5",
+    "@operato/app": "^1.1.7",
+    "@operato/data-grist": "^1.1.7",
+    "@operato/font": "^1.1.7",
     "@operato/graphql": "^1.1.1",
     "@operato/i18n": "^1.1.4",
-    "@operato/input": "^1.1.5",
+    "@operato/input": "^1.1.7",
     "@operato/markdown": "^1.1.1",
     "@operato/popup": "^1.1.1",
-    "@operato/property-editor": "^1.1.5",
+    "@operato/property-editor": "^1.1.7",
     "@operato/styles": "^1.1.1",
     "@operato/utils": "^1.1.1",
     "@polymer/paper-dropdown-menu": "^3.2.0",
@@ -115,5 +115,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "86483763adb4972ed03daad933ef9562140e1480"
+  "gitHead": "76943c6b4d6bd8a18d6a2505a5115e4ce11e1b24"
 }

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

@@ -118,11 +118,7 @@ export class ComponentMenu extends ScopedElementsMixin(LitElement) {
       ? html`
           <h2 onclick=${(e: MouseEvent) => e.stopPropagation()}>${this.group} list</h2>
 
-          <div
-            templates
-            @mouseover=${(e: MouseEvent) => this.onHoverComponent(e)}
-            @mouseout=${(e: MouseEvent) => (this.template = null)}
-          >
+          <div templates @mouseover=${(e: MouseEvent) => this.onHoverComponent(e)}>
             ${(this.templates || []).map(
               template => html`
                 <div @click=${this.onClickTemplate} data-type=${template.type} template>

package/src/modeller/property-sidebar/data-binding/data-binding.ts

@@ -248,7 +248,9 @@ export class PropertyDataBinding extends ScopedElementsMixin(AbstractProperty) {
 
       <fieldset collapsable ?collapsed=${!this._dataExpanded}>
         <legend>
-          <ox-i18n msgid="label.initial-data">initial value</ox-i18n>
+          <ox-title-with-help topic="board-modeller/initial-data" msgid="label.initial-data"
+            >initial value</ox-title-with-help
+          >
           <mwc-icon
             @click=${() => {
               this._dataExpanded = !this._dataExpanded
@@ -260,7 +262,12 @@ export class PropertyDataBinding extends ScopedElementsMixin(AbstractProperty) {
       </fieldset>
 
       <fieldset>
-        <legend><ox-i18n msgid="label.data-spread">Data Spread</ox-i18n></legend>
+        <legend>
+          <ox-title-with-help topic="board-modeller/data-spread" msgid="label.data-spread"
+            >Data Spread</ox-title-with-help
+          >
+        </legend>
+
         <div id="tab-header">
           <mwc-icon
             id="tab-nav-left-button"
@@ -294,11 +301,11 @@ export class PropertyDataBinding extends ScopedElementsMixin(AbstractProperty) {
         </div>
 
         <div binding>
-          <mwc-icon style="font-size:19px" @click=${() => this._clearDataBindingMapper()} title="delete"
+          <mwc-icon style="font-size:19px" @click=${() => this._clearDataBindingMapper()} title="delete current tab"
             >delete_forever</mwc-icon
           >
-          <mwc-icon @click=${() => this._pasteDataBindingMapper()} title="past">content_paste</mwc-icon>
-          <mwc-icon style="font-size:17px" @click=${() => this._copyDataBindingMapper()} title="copy"
+          <mwc-icon @click=${() => this._pasteDataBindingMapper()} title="replace all tabs">content_paste</mwc-icon>
+          <mwc-icon style="font-size:17px" @click=${() => this._copyDataBindingMapper()} title="copy all tabs"
             >content_copy</mwc-icon
           >
         </div>

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

@@ -3,6 +3,7 @@ import '@operato/input/ox-input-search.js'
 import { css, html, LitElement, PropertyValues, TemplateResult } from 'lit'
 import { property, state } from 'lit/decorators.js'
 import Sortable from 'sortablejs'
+import { i18next } from '@operato/i18n'
 
 import { Component, Container, Scene } from '@hatiolab/things-scene'
 
@@ -129,6 +130,7 @@ export class SceneInspector extends LitElement {
     return html`
       <ox-input-search
         @change=${(e: Event) => (this.searchText = (e.target as HTMLInputElement).value)}
+        .placeholder=${i18next.t('text.search with type, id or tag')}
       ></ox-input-search>
 
       <div result>${!this.scene ? html`` : this.renderComponent(this.scene.root, 0)}</div>