@things-factory/worklist 6.0.43 → 6.0.46

package/client/pages/todo/todo-list-page.ts

@@ -243,7 +243,7 @@ export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
         {
           type: 'datetime',
           name: 'createdAt',
-          header: i18next.t('field.posted-at'),
+          header: i18next.t('field.issued-at'),
           record: {
             editable: false
           },

package/client/route.ts

@@ -8,6 +8,10 @@ export default function route(page: string) {
       import('./pages/dashboard/dashboard-home.js')
       return page
 
+    case 'done-list-calendar':
+      import('./pages/todo/done-list-calendar-page.js')
+      return page
+
     case 'todo-list':
       import('./pages/todo/todo-list-page.js')
       return page
@@ -20,6 +24,10 @@ export default function route(page: string) {
       import('./pages/todo/approval-pending-list-page.js')
       return page
 
+    case 'approval-done-list':
+      import('./pages/todo/approval-done-list-page.js')
+      return page
+
     case 'draft-list':
       import('./pages/todo/draft-list-page.js')
       return page
@@ -44,8 +52,8 @@ export default function route(page: string) {
       import('./pages/activity/activity-page.js')
       return page
 
-    case 'activity-instance':
-      import('./pages/activity-instance/activity-instance-page.js')
+    case 'activity-instance-start':
+      import('./pages/activity-instance/activity-instance-start-page.js')
       return page
 
     case 'activity-thread':
@@ -87,5 +95,9 @@ export default function route(page: string) {
     case 'installable-activity-list':
       import('./pages/installable-activity/installable-activity-list-page')
       return page
+
+    case 'activity-stats-list':
+      import('./pages/activity-stats/activity-stats-list-page')
+      return page
   }
 }

package/client/templates/activity-approval-context-template.ts

@@ -25,6 +25,10 @@ class ActivityApprovalContextTemplate extends connect(store)(LitElement) {
         padding: 5px;
         overflow: auto;
       }
+
+      img {
+        max-width: 200px;
+      }
     `
   ]
 

package/client/templates/activity-instance-context-template.ts

@@ -0,0 +1,171 @@
+import '@material/mwc-icon'
+
+import { html, css, LitElement } from 'lit'
+import { customElement, state } from 'lit/decorators.js'
+
+import { connect } from 'pwa-helpers/connect-mixin'
+
+import { ContextToolbarOverlayStyle } from '@operato/context/ox-context-toolbar-overlay-style.js'
+import { store } from '@operato/shell'
+import { i18next } from '@operato/i18n'
+import { openPopup } from '@operato/layout'
+
+import '@things-factory/organization/dist-client/component/approval-line-view.js'
+
+const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })
+
+@customElement('activity-instance-context-template')
+class ActivityInstanceContextTemplate extends connect(store)(LitElement) {
+  static styles = [
+    ContextToolbarOverlayStyle,
+    css`
+      :host {
+        background-color: white;
+
+        width: 100%;
+        padding: 5px;
+        overflow: auto;
+      }
+
+      img {
+        max-width: 200px;
+      }
+    `
+  ]
+
+  @state() private context
+
+  render() {
+    const activityInstance = this.context.activityInstance || {}
+    const {
+      name,
+      description,
+      state,
+      thumbnail,
+      assignees,
+      approvalLine,
+      assignedAt,
+      startedAt,
+      dueAt,
+      threadsMin,
+      threadsMax
+    } = activityInstance || {}
+
+    const editable = state == 'draft'
+
+    return html`
+      <div>
+        <div>name: ${name}</div>
+        <div>description: ${description}</div>
+        <div>state: ${state}</div>
+        <div>assigned at: ${assignedAt && formatter.format(new Date(assignedAt))}</div>
+        <div>due at: ${dueAt && formatter.format(new Date(dueAt))}</div>
+        <div>started at: ${startedAt && formatter.format(new Date(startedAt))}</div>
+      </div>
+
+      <div>
+        <div assignees>
+          <label>Assignees</label>
+          ${assignees
+            ? html`
+                <assignees-view
+                  .value=${assignees}
+                  @click=${() => this.onClickAssignees(activityInstance)}
+                  @change=${e => (activityInstance.assignees = e.currentTarget.value)}
+                ></assignees-view>
+              `
+            : html`<mwc-icon-button
+                icon="group_add"
+                @click=${() => this.onClickAssignees(activityInstance)}
+              ></mwc-icon-button>`}
+        </div>
+
+        <div>
+          <label>Approval Line</label>
+          ${approvalLine
+            ? html`
+                <approval-line-view
+                  .model=${approvalLine}
+                  @click=${() => this.onClickApprovalLine(activityInstance)}
+                  @change=${e => (activityInstance.approvalLine = e.currentTarget.value)}
+                ></approval-line-view>
+              `
+            : html`<mwc-icon-button
+                icon="group_add"
+                @click=${() => this.onClickApprovalLine(activityInstance)}
+              ></mwc-icon-button>`}
+        </div>
+
+        <section>
+          <label for="threads-min">Threads Min</label>
+          <input
+            id="threadsMin"
+            type="number"
+            .value=${threadsMin || 0}
+            @change=${e => (activityInstance.threadsMin = e.currentTarget.valueAsNumber)}
+          />
+
+          <label for="threads-max">Threads Max</label>
+          <input
+            id="threads-max"
+            type="number"
+            .value=${threadsMax || 0}
+            @change=${e => (activityInstance.threadsMax = e.currentTarget.valueAsNumber)}
+          />
+        </section>
+
+        <img src=${thumbnail} />
+      </div>
+    `
+  }
+
+  stateChanged(state) {
+    this.context = state.route.context
+  }
+
+  onClickAssignees(activityInstance) {
+    const { assignees } = activityInstance || {}
+
+    const popup = openPopup(
+      html`
+        <assignees-editor-popup
+          .value=${assignees}
+          .confirmCallback=${value => {
+            activityInstance.assignees = value
+            this.requestUpdate()
+          }}
+        ></assignees-editor-popup>
+      `,
+      {
+        backdrop: true,
+        help: 'organization/assignees-editor',
+        size: 'large',
+        title: i18next.t('title.assignee list')
+      }
+    )
+    popup.onclosed = () => {}
+  }
+
+  onClickApprovalLine(activityInstance) {
+    const { approvalLine } = activityInstance || {}
+
+    const popup = openPopup(
+      html`
+        <approval-line-items-editor-popup
+          .value=${approvalLine}
+          .confirmCallback=${value => {
+            activityInstance.approvalLine = value
+            this.requestUpdate()
+          }}
+        ></approval-line-items-editor-popup>
+      `,
+      {
+        backdrop: true,
+        help: 'organization/approval-line-items-editor',
+        size: 'large',
+        title: i18next.t('title.approval-line item list')
+      }
+    )
+    popup.onclosed = () => {}
+  }
+}

package/client/templates/activity-thread-context-template.ts

@@ -25,6 +25,10 @@ class ActivityThreadContextTemplate extends connect(store)(LitElement) {
         padding: 5px;
         overflow: auto;
       }
+
+      img {
+        max-width: 200px;
+      }
     `
   ]
 

package/client/themes/calendar-theme.css

@@ -0,0 +1,54 @@
+body {
+  --ox-calendar-padding: var(--padding-default);
+
+  /* monthly common color */
+  --calendar-monthly-text-color: var(--secondary-color);
+  --calendar-monthly-border: 1px solid rgba(0, 0, 0, 0.1);
+  --calendar-monthly-border-width: 0 1px 1px 0px;
+
+  /* monthly layout */
+  --calendar-monthly-ol-margin: var(--margin-default) 0;
+  --calendar-monthly-ol-top-border: 2px solid rgba(var(--secondary-color-rgb), 0.7);
+  --calendar-current-monty-background-color: var(--theme-white-color);
+  --calendar-monthly-label-align: left;
+  --calendar-monthly-label-padding: var(--padding-narrow) 0;
+  --calendar-monthly-label-color: rgba(var(--secondary-color-rgb), 0.8);
+  --calendar-monthly-opacity: 0.5;
+  --calendar-monthly-date-label-background-color: var(--status-danger-color);
+  --calendar-monthly-date-label-margin: var(--margin-narrow);
+  --calendar-monthly-date-label-padding: 0px 6px;
+  --calendar-monthly-date-label-color: var(--theme-white-color);
+
+  --calendar-monthly-background-color: #f4f4f4;
+  --calendar-monthly-event-border-radius: var(--border-radius);
+  --calendar-monthly-event-margin: var(--padding-narrow) 0 0 0;
+  --calendar-monthly-event-padding: 2px var(--padding-default);
+  --calendar-monthly-event-border: 3px solid #ccc;
+  --calendar-monthly-event-border-width: 0 0 0 3px;
+
+  /* weekly layout */
+  --calendar-weekly-ol-margin: var(--margin-default) 0;
+  --calendar-weekly-ol-top-border: 2px solid rgba(var(--secondary-color-rgb), 0.7);
+  --calendar-current-week-background-color: var(--theme-white-color);
+  --calendar-weekly-label-align: center;
+  --calendar-weekly-label-padding: var(--padding-narrow) 0;
+  --calendar-weekly-label-color: rgba(var(--secondary-color-rgb), 0.8);
+  --calendar-weekly-opacity: 0.5;
+  --calendar-weekly-date-label-background-color: var(--status-danger-color);
+  --calendar-weekly-date-label-margin: var(--margin-narrow);
+  --calendar-weekly-date-label-padding: 0px 6px;
+  --calendar-weekly-date-label-color: var(--theme-white-color);
+
+  --calendar-weekly-background-color: #f4f4f4;
+  --calendar-weekly-event-border-radius: var(--border-radius);
+  --calendar-weekly-event-margin: var(--padding-narrow) 0 0 0;
+  --calendar-weekly-event-padding: 2px var(--padding-default);
+  --calendar-weekly-event-border: 3px solid #ccc;
+  --calendar-weekly-event-border-width: 0 0 0 3px;
+}
+
+@media only screen and (max-width: 460px) {
+  body {
+    --calendar-monthly-text-color: tomato;
+  }
+}

package/client/types/activity-instance-type.ts

@@ -4,7 +4,9 @@ import { ApprovalLineItem } from '@things-factory/organization'
 import { ActivityType, ActivityUIType } from './activity'
 import { AssigneeItem, ActivityInstance, ActivityInstanceStatus } from './activity-instance'
 
-export class NewActivityInstance {
+export class ActivityInstanceDraft {
+  id?: string
+
   name?: string
 
   activityId?: string
@@ -42,7 +44,7 @@ export class NewActivityInstance {
   approvalLine?: ApprovalLineItem[]
 }
 
-export class ActivityInstancePost {
+export class ActivityInstanceIssue {
   id?: string
 
   name?: string

package/client/types/activity-instance.ts

@@ -6,7 +6,7 @@ import { Activity, ActivityType, ActivityUIType } from './activity'
 
 export enum ActivityInstanceStatus {
   Draft = 'draft',
-  Posted = 'posted',
+  Issued = 'issued',
   PendingAssignment = 'pending-assignment',
   Assigned = 'assigned',
   Started = 'started',
@@ -114,7 +114,7 @@ export class ActivityInstance {
 
   isDelegatable(): boolean {
     switch (this.state) {
-      case ActivityInstanceStatus.Posted:
+      case ActivityInstanceStatus.Issued:
       case ActivityInstanceStatus.Assigned:
         return true
       default:

package/client/types/activity.ts

@@ -32,6 +32,11 @@ export enum ActivityUIType {
   External = 'external'
 }
 
+export enum ActivityStartingType {
+  post = 'post',
+  issue = 'issue'
+}
+
 export class Activity {
   id?: string
 
@@ -55,6 +60,8 @@ export class Activity {
 
   startable?: boolean
 
+  startingType?: ActivityStartingType
+
   schedule?: string
 
   timzeone?: string

package/client/types/types.ts

@@ -1,3 +1,5 @@
+import { i18next } from '@operato/i18n'
+
 export const Priorities = [
   { display: '', value: '' },
   { display: 'Emergency', value: 3 },
@@ -29,3 +31,9 @@ export const ActivityTypes = [
   { display: 'Subprocess', value: 'sub-process' },
   { display: 'Call', value: 'call' }
 ]
+
+export const ActivityStartingTypes = [
+  { display: '', value: '' },
+  { display: i18next.t('label.activity-starting-type-post'), value: 'post' },
+  { display: i18next.t('label.activity-starting-type-issue'), value: 'issue' }
+]

package/dist-client/bootstrap.d.ts

@@ -1,4 +1,5 @@
 import '@material/mwc-icon';
 import './templates/activity-approval-context-template.js';
 import './templates/activity-thread-context-template.js';
+import './templates/activity-instance-context-template.js';
 export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,6 +1,7 @@
 import '@material/mwc-icon';
 import './templates/activity-approval-context-template.js';
 import './templates/activity-thread-context-template.js';
+import './templates/activity-instance-context-template.js';
 import { html } from 'lit-html';
 import { store } from '@operato/shell';
 import { openOverlay, TOOL_POSITION } from '@operato/layout';
@@ -22,6 +23,10 @@ export default function bootstrap() {
         {
             template: html ` <activity-thread-context-template></activity-thread-context-template> `,
             context: 'activityThread'
+        },
+        {
+            template: html ` <activity-instance-context-template></activity-instance-context-template> `,
+            context: 'activityInstance'
         }
     ].forEach(({ template, context }) => {
         store.dispatch({

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,CAAC;IAAA;QACC;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui'\n\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\nimport { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'\n\nexport default function bootstrap() {\n  ;[\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <mwc-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</mwc-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys)\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AACxD,OAAO,mDAAmD,CAAA;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,CAAC;IAAA;QACC;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\nimport './templates/activity-instance-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui'\n\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\nimport { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'\n\nexport default function bootstrap() {\n  ;[\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    },\n    {\n      template: html` <activity-instance-context-template></activity-instance-context-template> `,\n      context: 'activityInstance'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <mwc-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</mwc-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys)\n}\n"]}

package/dist-client/components/activity-starter-form.d.ts

@@ -1,6 +1,6 @@
-import '@material/mwc-button';
 import '@material/mwc-icon-button';
 import '@operato/property-editor/ox-properties-dynamic-view.js';
+import '@material/mwc-button';
 import '@things-factory/organization';
 import { LitElement } from 'lit';
 declare const ActivityStarterForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
@@ -13,9 +13,6 @@ export declare class ActivityStarterForm extends ActivityStarterForm_base {
     firstUpdated(): void;
     fetchActivity(id: any): Promise<void>;
     draftActivityInstance(): Promise<void>;
-    updateActivityInstance(): Promise<void>;
-    postActivityInstance(): Promise<void>;
-    onClickAssignees(): void;
-    onClickApprovalLine(): void;
+    openActivityInstanceStart(activityInstance: any): void;
 }
 export {};