@operato/process 2.0.0-beta.2 → 2.0.0-beta.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "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-beta.2",
-    "@operato/board": "^2.0.0-beta.2",
-    "@operato/data-grist": "^2.0.0-beta.2",
-    "@operato/font": "^2.0.0-beta.2",
-    "@operato/graphql": "^2.0.0-beta.0",
-    "@operato/i18n": "^2.0.0-beta.0",
-    "@operato/input": "^2.0.0-beta.2",
-    "@operato/markdown": "^2.0.0-beta.0",
-    "@operato/popup": "^2.0.0-beta.0",
-    "@operato/property-editor": "^2.0.0-beta.2",
-    "@operato/styles": "^2.0.0-beta.0",
-    "@operato/utils": "^2.0.0-beta.0",
+    "@operato/app": "^2.0.0-beta.20",
+    "@operato/board": "^2.0.0-beta.20",
+    "@operato/data-grist": "^2.0.0-beta.20",
+    "@operato/font": "^2.0.0-beta.20",
+    "@operato/graphql": "^2.0.0-beta.13",
+    "@operato/i18n": "^2.0.0-beta.16",
+    "@operato/input": "^2.0.0-beta.20",
+    "@operato/markdown": "^2.0.0-beta.13",
+    "@operato/popup": "^2.0.0-beta.14",
+    "@operato/property-editor": "^2.0.0-beta.20",
+    "@operato/styles": "^2.0.0-beta.13",
+    "@operato/utils": "^2.0.0-beta.13",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@types/file-saver": "^2.0.4",
     "@types/sortablejs": "^1.10.7",
@@ -128,5 +128,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "df3ca9940501549fe8b59f294425d50962895965"
+  "gitHead": "b17cf676ccdd3d005ae2cba046bb8fb51379a2ba"
 }

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

@@ -69,6 +69,10 @@ export class PropertySidebar extends ScopedElementsMixin(LitElement) {
       [content] > :not([active]) {
         display: none;
       }
+
+      [hidden] {
+        display: none !important;
+      }
     `
   ]
 
@@ -82,6 +86,13 @@ export class PropertySidebar extends ScopedElementsMixin(LitElement) {
   @property({ type: Array }) fonts: any[] = []
   @property({ type: Array }) propertyEditor: any[] = []
 
+  @property({ type: Boolean, attribute: 'hide-data-binding' }) hideDataBinding: boolean = false
+  @property({ type: Boolean, attribute: 'hide-effect' }) hideEffect: boolean = false
+  @property({ type: Boolean, attribute: 'hide-inspector' }) hideInspector: boolean = false
+  @property({ type: Boolean, attribute: 'hide-shape' }) hideShape: boolean = false
+  @property({ type: Boolean, attribute: 'hide-style' }) hideStyle: boolean = false
+  @property({ type: Boolean, attribute: 'hide-specific' }) hideSpecific: boolean = false
+
   propertyTarget: Component | null = null
 
   firstUpdated() {
@@ -116,12 +127,14 @@ export class PropertySidebar extends ScopedElementsMixin(LitElement) {
           this.tabName = (e.target as HTMLElement).getAttribute('name')
         }}
       >
-        <md-icon name="specific" ?selected=${tabName == 'specific'}>tune</md-icon>
-        <md-icon name="shape" ?selected=${tabName == 'shape'}>format_shapes</md-icon>
-        <md-icon name="style" ?selected=${tabName == 'style'}>palette</md-icon>
-        <md-icon name="effect" ?selected=${tabName == 'effect'}>movie_filter</md-icon>
-        <md-icon name="data-binding" ?selected=${tabName == 'data-binding'}>share</md-icon>
-        <md-icon name="inspector" ?selected=${tabName == 'inspector'}>visibility</md-icon>
+        <md-icon name="specific" ?selected=${tabName == 'specific'} ?hidden=${this.hideSpecific}>tune</md-icon>
+        <md-icon name="shape" ?selected=${tabName == 'shape'} ?hidden=${this.hideShape}>format_shapes</md-icon>
+        <md-icon name="style" ?selected=${tabName == 'style'} ?hidden=${this.hideStyle}>palette</md-icon>
+        <md-icon name="effect" ?selected=${tabName == 'effect'} ?hidden=${this.hideEffect}>movie_filter</md-icon>
+        <md-icon name="data-binding" ?selected=${tabName == 'data-binding'} ?hidden=${this.hideDataBinding}
+          >share</md-icon
+        >
+        <md-icon name="inspector" ?selected=${tabName == 'inspector'} ?hidden=${this.hideInspector}>visibility</md-icon>
       </div>
 
       <div content>

package/src/ox-process-list.ts

@@ -105,7 +105,7 @@ class ProcessList extends LitElement {
     #filters [type='text'] {
       background-color: transparent;
       border: 0;
-      border-bottom: var(--border-dark-color);
+      border-bottom: var(--border-dim-color);
       padding: var(--padding-narrow) var(--padding-narrow) 7px 25px;
       font-size: var(--fontsize-large);
     }

package/src/ox-process-modeller.ts

@@ -161,6 +161,13 @@ export class OxProcessModeller extends ScopedElementsMixin(LitElement) {
   @property({ type: Array }) fonts: any[] = []
   @property({ type: Array }) propertyEditor: any[] = []
 
+  @property({ type: Boolean, attribute: 'hide-data-binding' }) hideDataBinding: boolean = false
+  @property({ type: Boolean, attribute: 'hide-effect' }) hideEffect: boolean = false
+  @property({ type: Boolean, attribute: 'hide-inspector' }) hideInspector: boolean = false
+  @property({ type: Boolean, attribute: 'hide-shape' }) hideShape: boolean = false
+  @property({ type: Boolean, attribute: 'hide-style' }) hideStyle: boolean = false
+  @property({ type: Boolean, attribute: 'hide-specific' }) hideSpecific: boolean = false
+
   @query('process-edit-toolbar') private editToolbar!: EditToolbar
 
   private group: string = ''
@@ -288,6 +295,12 @@ export class OxProcessModeller extends ScopedElementsMixin(LitElement) {
           .collapsed=${this.hideProperty}
           .fonts=${this.fonts}
           .propertyEditor=${this.propertyEditor}
+          ?hide-data-binding=${this.hideDataBinding}
+          ?hide-effect=${this.hideEffect}
+          ?hide-inspector=${this.hideInspector}
+          ?hide-shape=${this.hideShape}
+          ?hide-style=${this.hideStyle}
+          ?hide-specific=${this.hideSpecific}
         >
         </process-property-sidebar>
       </div>