@things-factory/worklist 6.1.52 → 6.1.54

package/client/bootstrap.ts

@@ -5,7 +5,7 @@ import './templates/activity-instance-context-template.js'
 
 import { html } from 'lit-html'
 import { store } from '@operato/shell'
-import { openOverlay, TOOL_POSITION } from '@operato/layout'
+import { appendViewpart, openOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'
 import { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui'
 
 import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'
@@ -17,6 +17,16 @@ import { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activ
 import { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'
 
 export default function bootstrap() {
+  appendViewpart({
+    name: 'activity-info-overlay',
+    viewpart: {
+      show: false,
+      hovering: 'edge',
+      backdrop: true,
+      template: html``
+    },
+    position: VIEWPART_POSITION.ASIDEBAR
+  })
   ;[
     {
       template: html` <activity-approval-context-template></activity-approval-context-template> `,

package/client/components/activity-instance-ribon.ts

@@ -0,0 +1,233 @@
+import '@material/mwc-button'
+import '@operato/property-editor/ox-properties-dynamic-view.js'
+import '../templates/activity-instance-context-template.js'
+
+import { css, html, LitElement } from 'lit'
+import { customElement, property, state } from 'lit/decorators.js'
+
+import { i18next, localize } from '@operato/i18n'
+import { toggleOverlay } from '@operato/layout'
+
+@customElement('activity-instance-ribon')
+export class ActivityInstanceRibon extends localize(i18next)(LitElement) {
+  static styles = [
+    css`
+      :host {
+        display: flex;
+        background-color: var(--worklist-status-color);
+        color: var(--theme-white-color);
+        --fontsize-small: 12px;
+      }
+
+      div {
+        border-left: var(--border-dark-color);
+        padding: var(--padding-narrow) var(--padding-default);
+        align-self: center;
+      }
+
+      :host([state='draft']) {
+        --worklist-status-color: #5f7184;
+      }
+
+      :host([state='issued']) {
+        --worklist-status-color: #56af45;
+      }
+
+      :host([state='pending-assignment']) {
+        --worklist-status-color: #8654b0;
+      }
+
+      :host([state='assigned']) {
+        --worklist-status-color: #428df3;
+      }
+
+      :host([state='started']) {
+        --worklist-status-color: #595de5;
+      }
+
+      :host([state='pending']) {
+        --worklist-status-color: #f27429;
+      }
+
+      :host([state='ended']) {
+        --worklist-status-color: #02acae;
+      }
+
+      :host([state='aborted']) {
+        --worklist-status-color: #cb3a33;
+      }
+
+      mwc-icon {
+        font-size: 24px;
+      }
+
+      [desc],
+      [flow] {
+        flex: 2;
+        font-size: var(--fontsize-small);
+      }
+      [desc] * {
+        vertical-align: middle;
+      }
+
+      [assignee] {
+        text-align: center;
+        font-size: var(--fontsize-small);
+        line-height: 1.3;
+      }
+
+      [assignee] span {
+        display: block;
+        font-size: var(--fontsize-large);
+        font-weight: bold;
+      }
+
+      [flow] ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+      }
+
+      [flow] li {
+        width: 85px;
+        text-align: center;
+        color: rgba(255, 255, 255, 0.7);
+      }
+
+      [flow] span:before {
+        content: '';
+        height: 2px;
+        width: 70px;
+        display: block;
+        position: absolute;
+        margin-left: -70px;
+        margin-top: 6px;
+        background-color: rgba(0, 0, 0, 0.4);
+      }
+
+      [flow] span {
+        display: block;
+        width: 15px;
+        height: 15px;
+        margin: auto;
+        background-color: rgba(0, 0, 0, 0.4);
+        border-radius: 50%;
+        color: var(--theme-white-color);
+        line-height: 1.2;
+      }
+
+      [flow] [past] span {
+        background-color: rgba(255, 255, 255, 0.9);
+        color: var(--primary-text-color);
+      }
+
+      [flow] [now] span {
+        background-color: #84d600;
+        color: var(--theme-white-color);
+      }
+
+      [flow] [now] {
+        font-weight: bold;
+        color: var(--theme-white-color);
+      }
+
+      [flow] [past] span:before,
+      [flow] [now] span:before {
+        background-color: rgba(255, 255, 255, 0.9);
+      }
+
+      [flow] li:first-child span:before {
+        display: none;
+      }
+
+      @media only screen and (max-width: 460px) {
+        :host {
+          flex-direction: column;
+        }
+        div {
+          border-left: none;
+          border-bottom: var(--border-dark-color);
+        }
+        [assignee] {
+          display: none;
+        }
+        mwc-icon {
+          padding: 0;
+        }
+      }
+    `
+  ]
+
+  @property({ type: Object }) activityInstance: any = {}
+  // @property({ type: Array }) activityThreads: any
+
+  // @state() picked: boolean = false
+
+  render() {
+    const {
+      id,
+      name,
+      description,
+      input,
+      state,
+      assignee,
+      threadsMin = 0,
+      threadsMax = 0,
+      activity
+    } = this.activityInstance || {}
+    const { startingType, model, thumbnail } = activity || {}
+
+    // const inputSpec = (model || [])
+    //   .filter(item => item.inout === 'in' || item.inout === 'inout')
+    //   .map(item => {
+    //     return {
+    //       ...item,
+    //       label: item.name
+    //     }
+    //   })
+
+    // const pickable = !this.picked && this.activityThreads?.length < threadsMax
+
+    return html`
+      <div desc>
+        <mwc-icon
+          @click=${() => {
+            toggleOverlay('activity-info-overlay', {
+              template: html`<activity-instance-context-template
+                .activityInstance=${this.activityInstance}
+                state=${state}
+              ></activity-instance-context-template>`
+            })
+          }}
+          >description</mwc-icon
+        >
+        ${description}
+      </div>
+      ${startingType == 'issue'
+        ? html`
+            <div assignee>
+              ${i18next.t('label.assignee')}
+              <span>${assignee?.name}</span>
+            </div>
+          `
+        : html``}
+
+      <div flow>
+        <ul>
+          <li past><span>1</span>myself</li>
+          <li now><span>2</span>경리실장</li>
+          <li><span>3</span>사장님</li>
+        </ul>
+      </div>
+    `
+  }
+
+  updated(changes) {
+    if (changes.has('activityInstance')) {
+      const { state } = this.activityInstance
+
+      this.setAttribute('state', state)
+    }
+  }
+}

package/client/pages/activity-instance/activity-instance-start-page.ts

@@ -1,6 +1,7 @@
 import '@operato/property-editor/ox-properties-dynamic-view.js'
 import '@operato/board/ox-board-viewer.js'
 import '@things-factory/organization'
+import '../../components/activity-instance-ribon.js'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -35,88 +36,6 @@ export class ActivityInstanceStartPage extends connect(store)(localize(i18next)(
       #custom-content {
         flex: 1;
       }
-      [worklist-summary]{
-        display:flex;
-        padding:0 var(--padding-default);
-        color:var(--theme-white-color)
-      }
-      [worklist-summary] div{
-        border-left:var(--border-dark-color);
-        padding:var(--padding-narrow) var(--padding-default)
-      }
-      [assigned]{
-        background-color:#599B4D;
-      }
-      [submitted]{
-        background-color:#4B8BE1;
-      }
-      [rejected]{
-        background-color:#CB3A33;
-      }
-      [worklist-summary] mwc-icon{
-        padding:var(--padding-default) var(--padding-default) 0 0;
-        font-size: 24px;
-      }
-      [worklist-summary] [desc]{
-        font-size:var(--fontsize-small)
-      }
-      [worklist-summary] [assignee]{
-        text-align:center;
-        font-size:var(--fontsize-small);
-        line-height:1.3;
-      }
-      [assignee] span{
-        display:block;
-        font-size:var(--fontsize-large);
-        font-weight:bold
-      }
-      [flow] ul{
-        list-style:none;
-        margin:0;padding:0;
-        display:flex;
-      }
-      [flow] li{
-        width:85px;
-        text-align:center;
-        font-size:var(--fontsize-small);
-      }
-      [flow] span:before{
-        content: "";
-        height: 2px;
-        width: 70px;
-        display: block;
-        position: absolute;
-        margin-left: -70px;
-        margin-top: 6px;
-        background-color: rgba(0, 0, 0,.4);
-      }
-      [flow] span{
-        display:block;
-        width: 15px;
-        height: 15px;
-        margin:auto;
-        background-color: rgba(0, 0, 0,.4);
-        border-radius: 50%;
-        color:var(--theme-white-color);
-        line-height:1.2
-      }
-      [flow] [past] span{
-        background-color: rgba(255, 255, 255,.9);
-        color:var(--primary-text-color)
-      }
-      [flow] [now] span{
-        background-color: #84D600;
-        color:var(--theme-white-color);
-      }
-      [flow] [now]{
-        font-weight:bold
-      }
-      [flow] [past] span:before,[flow] [now] span:before{
-        background-color: rgba(255, 255, 255,.9);
-      }
-      [flow] li:first-child span:before{
-        display:none
-      }
     `
   ]
 
@@ -153,28 +72,11 @@ export class ActivityInstanceStartPage extends connect(store)(localize(i18next)(
   }
 
   render() {
-    return html` 
-    <div worklist-summary submitted> 
-      <mwc-icon>description</mwc-icon>
-
-      <div desc>
-      assigned, submitted, rejected 스타일 작성해놨음
-      </div>
-
-      <div assignee>
-        assignee
-        <span>홍길동</span>
-      </div>
-
-      <div flow>
-        <ul>
-          <li past><span>1</span>myself</li>
-          <li now><span>2</span>경리실장</li>
-          <li><span>3</span>사장님</li>
-        </ul>
-      </div>
-    </div>
-    ${this.activityContent()}`
+    return html`
+      <activity-instance-ribon .activityInstance=${this.activityInstance}></activity-instance-ribon>
+
+      ${this.activityContent()}
+    `
   }
 
   activityContent() {
@@ -300,7 +202,7 @@ export class ActivityInstanceStartPage extends connect(store)(localize(i18next)(
   customElementContent() {
     const { uiSource: tagName, input, output } = this.activityInstance
 
-    if(!this.customHtmlElement){
+    if (!this.customHtmlElement) {
       const element = document.createElement(tagName)
       element.id = 'custom-content'
       element.activityId = this.activityInstance.activity.id
@@ -313,7 +215,7 @@ export class ActivityInstanceStartPage extends connect(store)(localize(i18next)(
       element.addEventListener('change-output', (e: CustomEvent) => {
         this.activityInstance.output = e.detail
       })
-  
+
       /* DEPRECATED 일반적으로 output만 수정될 가능성이 높기때문에, change 이벤트는 output을 수정하는 것으로 한다. */
       element.addEventListener('change', (e: CustomEvent) => {
         this.activityInstance.output = e.detail
@@ -322,7 +224,6 @@ export class ActivityInstanceStartPage extends connect(store)(localize(i18next)(
       this.customHtmlElement = element
     }
 
-
     return this.customHtmlElement
   }
 
@@ -354,7 +255,7 @@ export class ActivityInstanceStartPage extends connect(store)(localize(i18next)(
     if (this.active) {
       this.fetchActivityInstance(lifecycle.resourceId)
     } else {
-      this.customHtmlElement = undefined;
+      this.customHtmlElement = undefined
     }
   }
 

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

@@ -20,15 +20,120 @@ class ActivityInstanceContextTemplate extends connect(store)(LitElement) {
     ContextToolbarOverlayStyle,
     css`
       :host {
-        background-color: white;
-
+        background-color: var(--theme-white-color);
         width: 100%;
-        padding: 5px;
+        min-width:450px;
         overflow: auto;
+        --context-ui-padding:0;
+      }
+      
+      :host([state='draft']) {
+        --worklist-status-color: #5f7184;
+      }
+
+      :host([state='issued']) {
+        --worklist-status-color: #56af45;
+      }
+
+      :host([state='pending-assignment']) {
+        --worklist-status-color: #8654b0;
+      }
+
+      :host([state='assigned']) {
+        --worklist-status-color: #428df3;
+      }
+
+      :host([state='started']) {
+        --worklist-status-color: #595de5;
+      }
+
+      :host([state='pending']) {
+        --worklist-status-color: #f27429;
+      }
+
+      :host([state='ended']) {
+        --worklist-status-color: #02acae;
+      }
+
+      :host([state='aborted']) {
+        --worklist-status-color: #cb3a33;
+      }
+      [info], [assignees]{
+        padding:var(--padding-default);
+        border-bottom:var(--border-dark-color);
+        color:var(--secondary-color)
+      }
+      [info] div{
+        padding:var(--padding-narrow);
+        border-radius:var(--border-radius);
+        text-align:right;
+        clear:both;
+        overflow: hidden;
+      }
+      [info] div *{
+        vertical-align:middle;
+      }
+      [info] div:nth-child(odd){
+        background-color:var(--main-section-background-color);
+      }
+      [info] label{
+        display:inline-block;
+        width:25%;
+        float:left;
+        text-align:left;
+      }
+      [info] span{
+        width:15px;
+        height:15px;
+        background-color:var(--worklist-status-color, tomato);
+        display:inline-block;
+        border-radius:50%;
+      }
+
+      :host:before {
+        content: '';
+        position: absolute;
+        width: 0;
+        height: 0;
+        border: 22px solid transparent;
+        border-left-color: var(--worklist-status-color);
+        border-right: 0;
+      }
+      section{
+        padding:var(--padding-default);
+        color:var(--secondary-color)
+      }
+      section label{
+        display:inline-block;
+        width:25%;
+        margin-top:var(--margin-default);
+      }
+      [assignees]{
+        text-align:right;
+        clear:both;
+        overflow: hidden;
+      }
+      [assignees] label{
+        display:inline-block;
+        padding-left: var(--padding-narrow);
+        width:25%;
+        float:left;
+        text-align:left;
+      }
+      [assignees] mwc-icon-button{
+        float:right
+      }
+      section input{
+        display:inline-block;
+        width:70%;
+        border:var(--border-dark-color);
+        border-width:0 0 1px 0;
+        margin-top:var(--margin-default);
+        font-size:var(--fontsize-large);
       }
 
       img {
-        max-width: 200px;
+        max-width: 85%;
       }
     `
   ]
@@ -54,13 +159,28 @@ class ActivityInstanceContextTemplate extends connect(store)(LitElement) {
     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 flow>
+        ${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>
+    
+      <div info>
+        <div><label>name</label> <strong>${name}</strong></div>
+        <div><label>description</label> ${description}</div>
+        <div><label>state</label> <span></span> <strong>${state}</strong></div>
+        <div><label>assigned at</label> ${assignedAt && formatter.format(new Date(assignedAt))}</div>
+        <div><label>due at</label> ${dueAt && formatter.format(new Date(dueAt))}</div>
+        <div><label>started at</label> ${startedAt && formatter.format(new Date(startedAt))}</div>
       </div>
 
       <div>
@@ -80,21 +200,7 @@ class ActivityInstanceContextTemplate extends connect(store)(LitElement) {
               ></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>

package/dist-client/bootstrap.js

@@ -4,7 +4,7 @@ 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';
+import { appendViewpart, openOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout';
 import { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui';
 import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist';
 import { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js';
@@ -14,7 +14,16 @@ import { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-render
 import { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js';
 import { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js';
 export default function bootstrap() {
-    ;
+    appendViewpart({
+        name: 'activity-info-overlay',
+        viewpart: {
+            show: false,
+            hovering: 'edge',
+            backdrop: true,
+            template: html ``
+        },
+        position: VIEWPART_POSITION.ASIDEBAR
+    });
     [
         {
             template: html ` <activity-approval-context-template></activity-approval-context-template> `,

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;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"]}
+{"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,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAC/F,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,CAAC;QACb,IAAI,EAAE,uBAAuB;QAC7B,QAAQ,EAAE;YACR,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI,CAAA,EAAE;SACjB;QACD,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;KACrC,CAAC,CACD;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 { appendViewpart, openOverlay, TOOL_POSITION, VIEWPART_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  appendViewpart({\n    name: 'activity-info-overlay',\n    viewpart: {\n      show: false,\n      hovering: 'edge',\n      backdrop: true,\n      template: html``\n    },\n    position: VIEWPART_POSITION.ASIDEBAR\n  })\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-instance-ribon.d.ts

@@ -0,0 +1,12 @@
+import '@material/mwc-button';
+import '@operato/property-editor/ox-properties-dynamic-view.js';
+import '../templates/activity-instance-context-template.js';
+import { LitElement } from 'lit';
+declare const ActivityInstanceRibon_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class ActivityInstanceRibon extends ActivityInstanceRibon_base {
+    static styles: import("lit").CSSResult[];
+    activityInstance: any;
+    render(): import("lit-html").TemplateResult<1>;
+    updated(changes: any): void;
+}
+export {};