@openremote/or-rules 1.2.0-snapshot.20240512160221

package/lib/flow-viewer/components/flow-node.js

@@ -0,0 +1,7 @@
+var __decorate=this&&this.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},__awaiter=this&&this.__awaiter||function(e,t,o,i){return new(o||(o=Promise))((function(n,s){function r(e){try{d(i.next(e))}catch(e){s(e)}}function a(e){try{d(i.throw(e))}catch(e){s(e)}}function d(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(r,a)}d((i=i.apply(e,t||[])).next())}))};import{html}from"lit";import{customElement,property}from"lit/decorators.js";import{IdentityDomLink}from"../node-structure";import{FlowNodeStyle}from"../styles/flow-node-style";import{i18next}from"@openremote/or-translate";import{nodeConverter}from"../converters/node-converter";import{SelectableElement}from"./selectable-element";import{project,newIds}from"./flow-editor";let FlowNode=class extends SelectableElement{constructor(){super(),this.frozen=!1,this.minimal=!1,this.isBeingDragged=!1,this.forceUpdate=()=>{this.requestUpdate()},this.setTranslate=()=>{const e=this.workspace.worldToOffset(this.node.position);this.style.transform=`translate(${e.x}px, ${e.y}px) scale(${this.workspace.camera.zoom})`,this.dispatchEvent(new CustomEvent("updated"))},this.startDrag=e=>{this.frozen||1===e.buttons&&(project.createUndoSnapshot(),this.bringToFront(),window.addEventListener("mouseup",this.stopDrag),window.addEventListener("mousemove",this.onDrag),this.isBeingDragged=!0)},this.onDrag=e=>{this.node.position={x:this.node.position.x+e.movementX/this.workspace.camera.zoom,y:this.node.position.y+e.movementY/this.workspace.camera.zoom},this.setTranslate()},this.stopDrag=()=>{window.removeEventListener("mouseup",this.stopDrag),window.removeEventListener("mousemove",this.onDrag),this.isBeingDragged=!1,project.notifyChange()},this.linkIdentity=()=>{IdentityDomLink.map[this.node.id]=this}}static get styles(){return FlowNodeStyle}disconnectedCallback(){this.workspace.removeEventListener("pan",this.setTranslate),this.workspace.removeEventListener("zoom",this.setTranslate),project.removeListener("cleared",this.forceUpdate),project.removeListener("connectionremoved",this.linkIdentity),super.disconnectedCallback()}bringToFront(){this.frozen||(this.style.zIndex=""+this.workspace.topNodeZindex++)}firstUpdated(){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return __awaiter(this,void 0,void 0,(function*(){if(e.firstUpdated.call(this),this.linkIdentity(),this.workspace.addEventListener("pan",this.setTranslate),this.workspace.addEventListener("zoom",this.setTranslate),project.addListener("cleared",this.forceUpdate),project.addListener("connectionremoved",this.linkIdentity),this.minimal=0!==(this.node.displayCharacter||"").length,this.bringToFront(),newIds.has(this.node.id)){yield this.updateComplete,yield this.updateComplete;const e=this.getBoundingClientRect();this.node.position.x-=e.width/2/this.workspace.camera.zoom,this.node.position.y-=e.height/2/this.workspace.camera.zoom,this.setTranslate(),newIds.delete(this.node.id)}this.minimal&&this.addEventListener("mousedown",this.startDrag)}))}updated(){return __awaiter(this,void 0,void 0,(function*(){this.linkIdentity(),this.dispatchEvent(new CustomEvent("updated"))}))}render(){this.minimal?this.style.background=`var(--${this.node.type.toLowerCase()}-color)`:this.style.background="",this.setTranslate(),this.style.boxShadow=this.selected?"var(--highlight) 0 0 0 3px":"";const e=this.minimal?html`<div class="title minimal" ?singlechar="${1===this.node.displayCharacter.length}">${i18next.t(this.node.displayCharacter)}</div>`:html`<div class="title ${this.node.type.toLowerCase()}" @mousedown="${this.startDrag}">${i18next.t(this.node.name)||"invalid"}</div>`,t=html`<div class="socket-side inputs">${this.node.inputs.map((e=>html`<flow-node-socket ?renderlabel="${!this.minimal}" .socket="${e}" side="input"></flow-node-socket>`))}</div>`,o=html`<div class="socket-side outputs">${this.node.outputs.map((e=>html`<flow-node-socket ?renderlabel="${!this.minimal}" .socket="${e}" side="output"></flow-node-socket>`))}</div>`,i=html`<div style="width: 10px"></div>`;return html`
+        ${e}
+        ${this.node.inputs.length>0?t:i}
+        ${this.minimal?null:html`<div class="internal-container">${this.node.internals.map((e=>html`<internal-picker style="pointer-events: ${this.frozen?"none":"normal"}" @picked="${()=>__awaiter(this,void 0,void 0,(function*(){this.forceUpdate(),yield this.updateComplete,project.removeInvalidConnections()}))}" .node="${this.node}" .internalIndex="${this.node.internals.indexOf(e)}"></internal-picker>`))}</div>`}
+        ${this.node.outputs.length>0?o:i}
+        ${this.frozen?html`<or-icon class="lock-icon ${this.node.type.toLowerCase()}" icon="lock"></or-icon>`:""}
+        `}};__decorate([property({converter:nodeConverter})],FlowNode.prototype,"node",void 0),__decorate([property({attribute:!1})],FlowNode.prototype,"workspace",void 0),__decorate([property({type:Boolean,reflect:!0})],FlowNode.prototype,"frozen",void 0),__decorate([property({type:Boolean,reflect:!0})],FlowNode.prototype,"minimal",void 0),__decorate([property({attribute:!1})],FlowNode.prototype,"isBeingDragged",void 0),FlowNode=__decorate([customElement("flow-node")],FlowNode);export{FlowNode};

package/lib/flow-viewer/components/flow-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-node.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/flow-node.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAO,MAAM,KAAK,CAAC;AAChC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGzC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,iBAAiB;IAQ3C;QACI,KAAK,EAAE,CAAC;QANuC,WAAM,GAAG,KAAK,CAAC;QAEd,YAAO,GAAG,KAAK,CAAC;QAC5B,mBAAc,GAAG,KAAK,CAAC;QAmFvD,gBAAW,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;QAE9C,iBAAY,GAAG,GAAG,EAAE;YACxB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,QAAS,CAAC,CAAC;YAC9D,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC;YAChG,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;QACnD,CAAC,CAAA;QAEO,cAAS,GAAG,CAAC,CAAa,EAAE,EAAE;YAClC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAAC,OAAO;YAAC,CAAC;YAC5B,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;gBAAC,OAAO;YAAC,CAAC;YAChC,OAAO,CAAC,kBAAkB,EAAE,CAAC;YAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAClD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAA;QAEO,WAAM,GAAG,CAAC,CAAa,EAAE,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG;gBACjB,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,QAAS,CAAC,CAAE,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;gBACpE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,QAAS,CAAC,CAAE,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;aACvE,CAAC;YACF,IAAI,CAAC,YAAY,EAAE,CAAC;QACxB,CAAC,CAAA;QAEO,aAAQ,GAAG,GAAG,EAAE;YACpB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,OAAO,CAAC,YAAY,EAAE,CAAC;QAC3B,CAAC,CAAA;QAEO,iBAAY,GAAG,GAAG,EAAE;YACxB,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAG,CAAC,GAAG,IAAI,CAAC;QAC9C,CAAC,CAAA;IAlHD,CAAC;IAEM,MAAM,KAAK,MAAM;QACpB,OAAO,aAAa,CAAC;IACzB,CAAC;IAEM,oBAAoB;QACvB,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9D,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACpD,OAAO,CAAC,cAAc,CAAC,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC/D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAEM,YAAY;QACf,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC;IAC5D,CAAC;IAEe,YAAY;;;;;YACxB,OAAM,YAAY,YAAG;YACrB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC1D,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC3D,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YACjD,OAAO,CAAC,WAAW,CAAC,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC5D,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;YAC/D,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAG,CAAC,EAAE,CAAC,CAAC,2EAA2E;gBACxG,MAAM,IAAI,CAAC,cAAc,CAAC;gBAC1B,MAAM,IAAI,CAAC,cAAc,CAAC;gBAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC1C,IAAI,CAAC,IAAI,CAAC,QAAS,CAAC,CAAE,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;gBACtE,IAAI,CAAC,IAAI,CAAC,QAAS,CAAC,CAAE,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;gBACvE,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC;YACjC,CAAC;YACD,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACvD,CAAC;QACL,CAAC;KAAA;IAGe,OAAO;;YACnB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;QACnD,CAAC;KAAA;IAES,MAAM;QACZ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,IAAI,CAAC,IAAI,CAAC,IAAK,CAAC,WAAW,EAAE,SAAS,CAAC;QAC5E,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;QAC/B,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;QAEzE,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;YACxB,IAAI,CAAA,2CAA2C,IAAI,CAAC,IAAI,CAAC,gBAAiB,CAAC,MAAM,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAiB,CAAC,QAAQ,CAAC,CAAC;YAC5I,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,CAAC,IAAK,CAAC,WAAW,EAAE,iBAAiB,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAK,CAAC,IAAI,SAAS,QAAQ,CAAC;QAE9I,MAAM,SAAS,GAAG,IAAI,CAAA,mCAAmC,IAAI,CAAC,IAAI,CAAC,MAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,mCAAmC,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,oCAAoC,CAAC,QAAQ,CAAC;QACvM,MAAM,UAAU,GAAG,IAAI,CAAA,oCAAoC,IAAI,CAAC,IAAI,CAAC,OAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,mCAAmC,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,qCAAqC,CAAC,QAAQ,CAAC;QAC3M,MAAM,MAAM,GAAG,IAAI,CAAA,iCAAiC,CAAC;QACrD,OAAO,IAAI,CAAA;UACT,KAAK;UACL,IAAI,CAAC,IAAI,CAAC,MAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;UACjD,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,IAAI,CAAC,SAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC5F,IAAI,CAAA,2CAA2C,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,GAAS,EAAE;YACrG,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,OAAO,CAAC,wBAAwB,EAAE,CAAC;QACvC,CAAC,CAAA,YAAY,IAAI,CAAC,IAAI,qBAAqB,IAAI,CAAC,IAAI,CAAC,SAAU,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,QAAQ;UAC3G,IAAI,CAAC,IAAI,CAAC,OAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;UACnD,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,IAAI,CAAC,IAAK,CAAC,WAAW,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;SAC9G,CAAC;IACN,CAAC;CAsCJ,CAAA;AA5HkD;IAA9C,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;sCAAoB;AACpB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2CAAoC;AAChB;IAAlD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAuB;AAEd;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAyB;AAC5B;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gDAAgC;AANtD,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA6HpB"}

package/lib/flow-viewer/components/internal-picker.d.ts

@@ -0,0 +1,36 @@
+import { LitElement, TemplateResult } from "lit";
+import { Node } from "@openremote/model";
+import "@openremote/or-asset-tree";
+declare const InternalPicker_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class InternalPicker extends InternalPicker_base {
+    node: Node;
+    internalIndex: number;
+    private selectedAsset;
+    private resizeObserver;
+    constructor();
+    get internal(): import("@openremote/model").NodeInternal;
+    static get styles(): import("lit").CSSResult[];
+    protected firstUpdated(): void;
+    protected render(): TemplateResult;
+    private setSocketTypeDynamically;
+    private setSelectedAssetFromInternalValue;
+    private get assetAttributeInput();
+    private get colorInput();
+    private get doubleDropdownInput();
+    private get dropdownInput();
+    private get checkBoxInput();
+    private get multilineInput();
+    private get numberInput();
+    private get textInput();
+    private setValue;
+    private onPicked;
+}
+export {};

package/lib/flow-viewer/components/internal-picker.js

@@ -0,0 +1,48 @@
+var __decorate=this&&this.__decorate||function(e,t,r,s){var i,n=arguments.length,o=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,s);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(o=(n<3?i(o):n>3?i(t,r,o):i(t,r))||o);return n>3&&o&&Object.defineProperty(t,r,o),o},__awaiter=this&&this.__awaiter||function(e,t,r,s){return new(r||(r=Promise))((function(i,n){function o(e){try{a(s.next(e))}catch(e){n(e)}}function l(e){try{a(s.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,l)}a((s=s.apply(e,t||[])).next())}))};import{LitElement,html,css}from"lit";import{customElement,property}from"lit/decorators.js";import{AssetModelUtil}from"@openremote/model";import{nodeConverter}from"../converters/node-converter";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import rest from"@openremote/rest";import"@openremote/or-asset-tree";import{ResizeObserver}from"resize-observer";import{project}from"./flow-editor";import{NodeUtilities}from"../node-structure";import{translate,i18next}from"@openremote/or-translate";import{PickerStyle}from"../styles/picker-styles";import{Util}from"@openremote/core";import{OrAttributePicker,OrAttributePickerPickedEvent}from"@openremote/or-attribute-picker";import{showDialog}from"@openremote/or-mwc-components/or-mwc-dialog";import{getAssetDescriptorIconTemplate}from"@openremote/or-icon";let InternalPicker=class extends(translate(i18next)(LitElement)){constructor(){super()}get internal(){return this.node.internals[this.internalIndex]}static get styles(){return[css`
+            :host{
+                padding: 0;
+                margin: 0;
+                display: flex;
+                flex-direction: column;
+                --or-app-color4: var(--or-mwc-input-color);
+            }`,PickerStyle,css`.attribute-label-white {
+                background: #ffffff;
+            }
+            .selected-asset-container {
+                display: flex;
+                align-items: center;
+            }
+            .selected-asset-container:hover {
+                cursor: pointer;
+                background-color: #F9F9F9;
+            }
+            .selected-asset-label {
+                padding: 5px;
+                display: flex;
+                flex-direction: column;
+                line-height: 16px;
+                justify-content: flex-start;
+                font-size: 14px;
+                text-align: left;
+            }
+            .selected-asset-label .asset {
+                color: rgb(76, 76, 76);
+            }
+            .selected-asset-label .asset-attribute {
+                color: grey;
+            }
+            .selected-asset-icon {
+                display: flex;
+                justify-content: center;
+                padding: 0px 5px 0px 5px;
+                --or-icon-width: 20px;
+            }`]}firstUpdated(){this.addEventListener("contextmenu",(e=>e.stopPropagation())),this.addEventListener("mousedown",(e=>(project.createUndoSnapshot(),project.notifyChange()))),this.resizeObserver=new ResizeObserver(((e,t)=>{const r=e[0].contentRect;this.node.size={x:r.width-20,y:r.height-20}})),this.resizeObserver.observe(this)}render(){switch(this.internal.picker.type){case"ASSET_ATTRIBUTE":return this.internal.value&&!this.selectedAsset&&this.setSelectedAssetFromInternalValue(),this.assetAttributeInput;case"COLOR":return this.colorInput;case"DOUBLE_DROPDOWN":return this.doubleDropdownInput;case"CHECKBOX":return this.checkBoxInput;case"DROPDOWN":return this.dropdownInput;case"MULTILINE":return this.multilineInput;case"NUMBER":return this.numberInput;case"TEXT":return this.textInput;default:return html`unimplemented picker`}}setSocketTypeDynamically(e){return __awaiter(this,void 0,void 0,(function*(){const t=(yield rest.api.AssetResource.queryAssets({ids:[e.assetId],select:{attributes:[e.attributeName]}})).data,r=this.node.outputs[0]||this.node.inputs[0];if(r.type="ANY",null!=t&&null!=t[0]&&null!=t[0].attributes)try{const s=t[0].attributes[e.attributeName],i=AssetModelUtil.getValueDescriptors().find((e=>e.name===s.type));r.type=NodeUtilities.convertValueTypeToSocketType(i)}catch(e){console.error(e)}}))}setSelectedAssetFromInternalValue(){return __awaiter(this,void 0,void 0,(function*(){const e=yield rest.api.AssetResource.queryAssets({ids:[this.internal.value.assetId]});0!==e.data.length?this.selectedAsset=e.data[0]:console.warn(`Asset with id ${this.internal.value.assetId} is missing`)}))}get assetAttributeInput(){var e,t,r,s;const i=()=>{let e=[],t=[],r=this.node.internals[this.internalIndex].value;r&&(e=[{id:r.assetId,name:r.attributeName}]),this.selectedAsset&&this.selectedAsset.id&&(t=[this.selectedAsset.id]),showDialog((new OrAttributePicker).setShowOnlyRuleStateAttrs(!0).setShowOnlyDatapointAttrs(!1).setMultiSelect(!1).setSelectedAttributes(e)).setSelectedAssets(t).addEventListener(OrAttributePickerPickedEvent.NAME,(e=>__awaiter(this,void 0,void 0,(function*(){const t={assetId:e.detail[0].id,attributeName:e.detail[0].name};yield this.setSocketTypeDynamically(t),this.setValue(t),yield this.setSelectedAssetFromInternalValue()}))))};let n="?";if(this.selectedAsset&&this.selectedAsset.attributes&&(null===(t=null===(e=this.internal)||void 0===e?void 0:e.value)||void 0===t?void 0:t.attributeName)){const e=null===(s=null===(r=this.internal)||void 0===r?void 0:r.value)||void 0===s?void 0:s.attributeName,t=AssetModelUtil.getAttributeDescriptor(e,this.selectedAsset.type);let i=this.selectedAsset.attributes[e];i&&(n=Util.getAttributeLabel(i,t,this.selectedAsset.type,!0))}const o=this.selectedAsset?AssetModelUtil.getAssetDescriptor(this.selectedAsset.type):void 0,l=getAssetDescriptorIconTemplate(o);return html`<div>
+            ${this.selectedAsset?html`<div class="attribute-label attribute-label-white selected-asset-container" @click="${()=>i()}">
+                        <div class="selected-asset-icon">${l}</div>
+                        <div class="selected-asset-label">
+                            <div class="asset">${this.selectedAsset.name}</div>
+                            <div class="asset-attribute">${n}</div>
+                        </div>
+                    </div>`:html`<or-mwc-input class="attribute-label-white" .type="${InputType.BUTTON}" label="attribute" icon="plus" @or-mwc-input-changed="${()=>i()}"></or-mwc-input>`}
+        </div>`}get colorInput(){return html`<or-mwc-input type="color"></or-mwc-input>`}get doubleDropdownInput(){return html`unimplemented`}get dropdownInput(){return html`<writable-dropdown @input="${e=>this.setValue(e.target.value)}" .value="${this.internal.value}" .options="${this.internal.picker.options}">
+        </writable-dropdown>`}get checkBoxInput(){return html`<input type="checkbox" ?checked="${this.internal.value||!1}" @input="${e=>this.setValue(e.target.checked)}"/>`}get multilineInput(){const e=this.node.size?`width:${this.node.size.x}px; height:${this.node.size.y}px`:"";return html`<textarea @wheel="${e=>{if(e.target.clientHeight<e.target.scrollHeight)return e.stopPropagation()}}" style="${e}" @input="${e=>this.setValue(e.target.value)}" placeholder="${this.internal.name}">${this.internal.value||""}</textarea>`}get numberInput(){return html`<input @wheel="${e=>{if(e.target===this.shadowRoot.activeElement)return e.stopPropagation()}}" @input="${e=>this.setValue(parseFloat(e.target.value))}" value="${this.internal.value||0}" type="number" placeholder="${this.internal.name}"/>`}get textInput(){return html`<input @input="${e=>this.setValue(e.target.value)}" value="${this.internal.value||""}" type="text" placeholder="${this.internal.name}"/>`}setValue(e){this.node.internals[this.internalIndex].value=e,this.onPicked()}onPicked(){return __awaiter(this,void 0,void 0,(function*(){yield this.updateComplete,this.dispatchEvent(new CustomEvent("picked"))}))}};__decorate([property({converter:nodeConverter,reflect:!0})],InternalPicker.prototype,"node",void 0),__decorate([property({type:Number,reflect:!0})],InternalPicker.prototype,"internalIndex",void 0),__decorate([property({type:Object})],InternalPicker.prototype,"selectedAsset",void 0),InternalPicker=__decorate([customElement("internal-picker")],InternalPicker);export{InternalPicker};

package/lib/flow-viewer/components/internal-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-picker.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/internal-picker.ts"],"names":[],"mappings":"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"}

package/lib/flow-viewer/components/node-menu-item.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from "lit";
+import { Node } from "@openremote/model";
+declare const NodeMenuItem_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class NodeMenuItem extends NodeMenuItem_base {
+    node: Node;
+    private isDragging;
+    private x;
+    private y;
+    private workspace;
+    private xOffset;
+    private yOffset;
+    constructor();
+    static get styles(): import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private get dragNodeTemplate();
+    private get flowNodeName();
+    private startDrag;
+    private onMove;
+    private stopDrag;
+}
+export {};

package/lib/flow-viewer/components/node-menu-item.js

@@ -0,0 +1,34 @@
+var __decorate=this&&this.__decorate||function(e,t,i,o){var s,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(r<3?s(n):r>3?s(t,i,n):s(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};import{LitElement,html,css}from"lit";import{customElement,property}from"lit/decorators.js";import{Utilities}from"../utils";import{i18next,translate}from"@openremote/or-translate";import{newIds,project}from"./flow-editor";import{CopyMachine}from"../node-structure";let NodeMenuItem=class extends(translate(i18next)(LitElement)){constructor(){super(),this.isDragging=!1,this.x=0,this.y=0,this.xOffset=0,this.yOffset=0,this.startDrag=e=>{this.xOffset=e.offsetX,this.yOffset=e.offsetY,this.x=e.clientX,this.y=e.clientY,this.isDragging=!0,window.addEventListener("mouseup",this.stopDrag),window.addEventListener("mousemove",this.onMove)},this.onMove=e=>{this.x=e.clientX,this.y=e.clientY},this.stopDrag=e=>{if(window.removeEventListener("mouseup",this.stopDrag),window.removeEventListener("mousemove",this.onMove),this.isDragging=!1,Utilities.isPointInsideBox(e.offsetX,e.offsetY,{x:this.workspace.clientRect.left,y:this.workspace.clientRect.top,width:this.workspace.clientRect.width,height:this.workspace.clientRect.height})){const t=CopyMachine.copy(this.node);newIds.add(t.id),t.position=this.workspace.offsetToWorld({x:e.offsetX-this.workspace.clientRect.left,y:e.offsetY-this.workspace.clientRect.top}),project.createUndoSnapshot(),project.addNode(t),project.notifyChange()}},this.addEventListener("mousedown",this.startDrag)}static get styles(){return css`
+        :host, .node-drag-item{
+            padding: 4px;
+            margin: 0 0 15px 0;
+            display: inline-block;
+            text-align: center;
+            color: white;
+            border-radius: var(--roundness);
+            box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -5px;
+
+            width: calc(var(--nodepanel-width) - 4px * 2);
+            height: 22px;
+            line-height: 22px;
+            cursor:grab;
+            transition: box-shadow 150ms;
+        }
+        :host(.small), .small{
+            width: 26px;
+            height: 26px;
+            line-height: 26px;
+            margin: 0;
+        }
+        .node-drag-item{
+            z-index: 5000;
+            position: fixed;
+            background: inherit;
+            box-shadow: rgba(0, 0, 0, 0.2) 0 2px 15px;
+            filter: opacity(90%);
+            pointer-events: none;
+        }
+        `}render(){switch(this.node.type){case"INPUT":this.classList.add("input-node");break;case"PROCESSOR":this.classList.add("processor-node");break;case"OUTPUT":this.classList.add("output-node")}return this.node.displayCharacter&&this.classList.add("small"),this.title=i18next.t(this.node.name,Utilities.humanLike(this.node.name)),html`
+        <div class="label">${this.flowNodeName}</div>
+        ${this.isDragging?this.dragNodeTemplate:null}
+        `}get dragNodeTemplate(){return html`<div class="node-drag-item ${this.node.displayCharacter?"small":null}" style="top: ${this.y-this.yOffset}px; left: ${this.x-this.xOffset}px"><div class="label">${this.flowNodeName}</div></div>`}get flowNodeName(){return i18next.t(this.node.displayCharacter||this.node.name,this.node.displayCharacter||Utilities.humanLike(this.node.name||"invalid node name"))}};__decorate([property({attribute:!1})],NodeMenuItem.prototype,"node",void 0),__decorate([property({attribute:!1})],NodeMenuItem.prototype,"isDragging",void 0),__decorate([property({attribute:!1})],NodeMenuItem.prototype,"x",void 0),__decorate([property({attribute:!1})],NodeMenuItem.prototype,"y",void 0),__decorate([property({attribute:!1})],NodeMenuItem.prototype,"workspace",void 0),NodeMenuItem=__decorate([customElement("node-menu-item")],NodeMenuItem);export{NodeMenuItem};

package/lib/flow-viewer/components/node-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-menu-item.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/node-menu-item.ts"],"names":[],"mappings":"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"}

package/lib/flow-viewer/components/node-panel.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from "lit";
+import { Node } from "@openremote/model";
+import { OrMwcDrawer } from "@openremote/or-mwc-components/or-mwc-drawer";
+import { FlowEditor } from "./flow-editor";
+declare const NodePanel_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class NodePanel extends NodePanel_base {
+    nodes: Node[];
+    static get styles(): import("lit").CSSResult;
+    drawer: OrMwcDrawer;
+    application: FlowEditor;
+    protected firstUpdated(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private nodeTemplate;
+    private get listTemplate();
+}
+export {};

package/lib/flow-viewer/components/node-panel.js

@@ -0,0 +1,60 @@
+var __decorate=this&&this.__decorate||function(e,t,r,o){var a,n=arguments.length,i=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(i=(n<3?a(i):n>3?a(t,r,i):a(t,r))||i);return n>3&&i&&Object.defineProperty(t,r,i),i};import{LitElement,html,css}from"lit";import{customElement,property,query}from"lit/decorators.js";import{i18next,translate}from"@openremote/or-translate";let NodePanel=class extends(translate(i18next)(LitElement)){constructor(){super(...arguments),this.nodes=[]}static get styles(){return css`
+        .list{
+            overflow-x: hidden;
+            overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            height: 100%;
+            background: #F9F9F9;
+        }
+        .category{
+            display: flex;
+            width: 80%;
+            flex-direction: column;
+            align-items: center;
+            text-align: center;
+            padding: 15px 15px 0 15px;
+        }
+        .category span{
+            margin:0;
+            color: rgb(125,125,125);
+            padding: 0 0 15px 0 ;
+        }
+        .small-node-grid{
+            display: grid;
+            grid-template-columns: repeat(5, 1fr);
+            grid-template-rows: repeat(2, 1fr);
+            grid-gap: 6px;
+            justify-items: stretch;
+            align-items: stretch;
+            margin-bottom: 15px;
+            width: var(--nodepanel-width);
+        }
+        .input-node{ background-color: var(--input-color); }
+        .processor-node{ background-color: var(--processor-color); }
+        .output-node{ background-color: var(--output-color); }
+        .input-node:hover{ background-color: var(--input-color-h); }
+        .processor-node:hover{ background-color: var(--processor-color-h); }
+        .output-node:hover{ background-color: var(--output-color-h); }`}firstUpdated(){this.drawer&&(this.drawer.open=!0)}render(){return html`
+        <!-- <or-mwc-drawer rightsided dismissible transparent> -->
+            ${this.listTemplate}
+        <!-- </or-mwc-drawer> -->
+        `}nodeTemplate(e){return html`<node-menu-item class="node-item" .node="${e}" .workspace="${this.application.editorWorkspace}"></node-menu-item>`}get listTemplate(){return html`
+        <div class="list">
+            <div class="category"> <span>${i18next.t("input","Input")}</span> 
+                ${this.nodes.filter((e=>"INPUT"===e.type)).map((e=>this.nodeTemplate(e)))}
+            </div>
+
+            <div class="category"><span>${i18next.t("processors","Processors")}</span> 
+                <div class="small-node-grid">
+                    ${this.nodes.filter((e=>"PROCESSOR"===e.type&&e.displayCharacter)).map((e=>this.nodeTemplate(e)))}
+                </div>
+                ${this.nodes.filter((e=>"PROCESSOR"===e.type&&!e.displayCharacter)).map((e=>this.nodeTemplate(e)))}
+            </div>
+
+            <div class="category"> <span>${i18next.t("output","Output")}</span> 
+                ${this.nodes.filter((e=>"OUTPUT"===e.type)).map((e=>this.nodeTemplate(e)))}
+            </div>
+        </div>
+        `}};__decorate([property({type:Array})],NodePanel.prototype,"nodes",void 0),__decorate([query("or-mwc-drawer")],NodePanel.prototype,"drawer",void 0),__decorate([property({attribute:!1})],NodePanel.prototype,"application",void 0),NodePanel=__decorate([customElement("node-panel")],NodePanel);export{NodePanel};

package/lib/flow-viewer/components/node-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-panel.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/node-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAMvD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,SAAS,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAtD;;QAC+B,UAAK,GAAW,EAAE,CAAC;IAkFzD,CAAC;IAjFG,MAAM,KAAK,MAAM;QACb,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uEAsCqD,CAAC;IACpE,CAAC;IAKS,YAAY;QAClB,IAAI,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IAC7C,CAAC;IAES,MAAM;QACZ,OAAO,IAAI,CAAA;;cAEL,IAAI,CAAC,YAAY;;SAEtB,CAAC;IACN,CAAC;IAEO,YAAY,CAAC,IAAU;QAC3B,OAAO,IAAI,CAAA,4CAA4C,IAAI,iBAAiB,IAAI,CAAC,WAAW,CAAC,eAAe,qBAAqB,CAAC;IACtI,CAAC;IAED,IAAY,YAAY;QACpB,OAAO,IAAI,CAAA;;2CAEwB,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC;kBACpD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,iCAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;;0CAG5D,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC;;sBAEzD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,yCAAuB,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;kBAElH,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,yCAAuB,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;;2CAGtF,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC;kBACtD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,mCAAoB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;;SAG9F,CAAC;IACN,CAAC;CACJ,CAAA;AAlFqC;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;wCAA2B;AA2CtB;IAA9B,KAAK,CAAC,eAAe,CAAC;yCAA6B;AACb;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8CAAiC;AA7CvD,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAmFrB"}

package/lib/flow-viewer/components/notification-dialog.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from "lit";
+declare const NotificationDialog_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class NotificationDialog extends NotificationDialog_base {
+    buttonText: string;
+    message: string;
+    static get styles(): import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/lib/flow-viewer/components/notification-dialog.js

@@ -0,0 +1,23 @@
+var __decorate=this&&this.__decorate||function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};import{LitElement,html,css}from"lit";import{customElement,property}from"lit/decorators.js";import{i18next,translate}from"@openremote/or-translate";let NotificationDialog=class extends(translate(i18next)(LitElement)){constructor(){super(...arguments),this.buttonText=i18next.t("ok"),this.message=" "}static get styles(){return css`
+        .message{
+            width: 100%;
+            padding: 15px 5px 25px 5px;
+            text-align: center;
+            max-width: 50vw;
+            overflow: auto;
+            user-select: text;
+        }
+        .container{
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            justify-content: space-evenly;
+            justify-content: space-around;
+        }`}render(){return html`
+        <div class="message">${this.message}</div>
+        <div class="container">
+            <or-mwc-input type="button" unElevated label="${this.buttonText}"
+                @click="${()=>{this.dispatchEvent(new CustomEvent("closed"))}}">
+            </or-mwc-input>
+        </div>
+        `}};__decorate([property({type:String})],NotificationDialog.prototype,"buttonText",void 0),__decorate([property({type:String})],NotificationDialog.prototype,"message",void 0),NotificationDialog=__decorate([customElement("notification-dialog")],NotificationDialog);export{NotificationDialog};

package/lib/flow-viewer/components/notification-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-dialog.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/notification-dialog.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGvD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,SAAS,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA/D;;QACgC,eAAU,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7B,YAAO,GAAG,GAAG,CAAC;IA+BrD,CAAC;IA7BU,MAAM,KAAK,MAAM;QACpB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;UAeR,CAAC;IACP,CAAC;IAES,MAAM;QACZ,OAAO,IAAI,CAAA;+BACY,IAAI,CAAC,OAAO;;4DAEiB,IAAI,CAAC,UAAU;0BACjD,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;;;SAGzE,CAAC;IACN,CAAC;CACJ,CAAA;AAhCsC;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAqC;AAC7B;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAsB;AAFxC,kBAAkB;IAD9B,aAAa,CAAC,qBAAqB,CAAC;GACxB,kBAAkB,CAiC9B"}

package/lib/flow-viewer/components/popup-modal.d.ts

@@ -0,0 +1,23 @@
+import { LitElement, TemplateResult } from "lit";
+declare const PopupModal_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class PopupModal extends PopupModal_base {
+    closeButton: boolean;
+    header?: string;
+    content?: TemplateResult;
+    private isOpen;
+    constructor();
+    close(): void;
+    open(): void;
+    static get styles(): import("lit").CSSResult;
+    protected firstUpdated(): void;
+    protected render(): TemplateResult<1>;
+}
+export {};

package/lib/flow-viewer/components/popup-modal.js

@@ -0,0 +1,55 @@
+var __decorate=this&&this.__decorate||function(t,e,o,i){var r,n=arguments.length,p=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(p=(n<3?r(p):n>3?r(e,o,p):r(e,o))||p);return n>3&&p&&Object.defineProperty(e,o,p),p};import{LitElement,css,html}from"lit";import{customElement,property}from"lit/decorators.js";import{modal}from"./flow-editor";import{translate,i18next}from"@openremote/or-translate";let PopupModal=class extends(translate(i18next)(LitElement)){constructor(){super(),this.closeButton=!0,this.isOpen=!1}close(){this.isOpen=!1}open(){this.isOpen=!0}static get styles(){return css`
+        :host{
+            position: absolute;
+            left: 0;
+            right: 0;
+            top: 0;
+            bottom: 0;
+
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            background: rgba(0, 0, 0, 0.2);
+            z-index: 10000;
+
+            --topbar-height: 42px;
+            --closebutton-padding: 12px;
+            --modal-padding: 10px;
+        }
+        :host(:not([isopen])){
+            display: none;
+        }
+        .modal{
+            min-width: 300px;
+            min-height: 64px;
+            width: auto;
+            height: auto;
+            display: inline-block;
+            background: white;
+            border-radius: var(--roundness);
+            position: relative;
+            padding: var(--modal-padding);
+        }
+        .close-button{
+            position: absolute;
+            top: 0;
+            right: 0;
+            width: calc(var(--topbar-height) - var(--closebutton-padding) * 2);
+            height: calc(var(--topbar-height) - var(--closebutton-padding) * 2);
+            padding: var(--closebutton-padding);
+            cursor: pointer;
+        }
+        .title{
+            margin: 0;
+            height: calc(var(--topbar-height) - var(--modal-padding));
+            width: 100%;
+            text-transform: uppercase;
+            font-weight: bold;
+        }`}firstUpdated(){modal.element=this,this.addEventListener("mousedown",this.close),window.addEventListener("keyup",(t=>{"Escape"===t.key&&this.close()}))}render(){return this.isOpen?(this.style.display="",html`
+        <div class="modal" @mousedown="${t=>{t.stopPropagation()}}">
+            <div class="title">${this.header}</div>
+            ${this.content}
+            ${this.closeButton?html`<or-icon class="close-button" icon="window-close" @click="${this.close}"></or-icon>`:null}
+        </div>
+        `):(this.style.display="none",html``)}};__decorate([property({type:Boolean})],PopupModal.prototype,"closeButton",void 0),__decorate([property({type:String})],PopupModal.prototype,"header",void 0),__decorate([property({attribute:!1})],PopupModal.prototype,"content",void 0),__decorate([property({type:Boolean,reflect:!0})],PopupModal.prototype,"isOpen",void 0),PopupModal=__decorate([customElement("popup-modal")],PopupModal);export{PopupModal};

package/lib/flow-viewer/components/popup-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-modal.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/popup-modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGvD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAO1D;QACI,KAAK,EAAE,CAAC;QAPwB,gBAAW,GAAG,IAAI,CAAC;QAIH,WAAM,GAAG,KAAK,CAAC;IAInE,CAAC;IAEM,KAAK;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAEM,IAAI;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACvB,CAAC;IAEM,MAAM,KAAK,MAAM;QACpB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAgDR,CAAC;IACP,CAAC;IAES,YAAY;QAClB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAgB,EAAE,EAAE;YAClD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACrB,IAAI,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAES,MAAM;QACZ,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC5B,OAAO,IAAI,CAAA,EAAE,CAAC;QAClB,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;QACxB,OAAO,IAAI,CAAA;yCACsB,CAAC,CAAa,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;iCACnD,IAAI,CAAC,MAAM;cAC9B,IAAI,CAAC,OAAO;cACZ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,6DAA6D,IAAI,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI;;SAExH,CAAC;IACN,CAAC;CACJ,CAAA;AA9FuC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAA2B;AACpB;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAwB;AACZ;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2CAAiC;AAEZ;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAwB;AAL1D,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA+FtB"}

package/lib/flow-viewer/components/rule-browser.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+declare const RuleBrowser_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class RuleBrowser extends RuleBrowser_base {
+    private status;
+    private retrievedRules;
+    static get styles(): import("lit").CSSResult;
+    protected firstUpdated(): Promise<void>;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private loadRule;
+    private getButton;
+}
+export {};

package/lib/flow-viewer/components/rule-browser.js

@@ -0,0 +1,32 @@
+var __decorate=this&&this.__decorate||function(t,e,o,i){var r,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,o,n):r(e,o))||n);return s>3&&n&&Object.defineProperty(e,o,n),n},__awaiter=this&&this.__awaiter||function(t,e,o,i){return new(o||(o=Promise))((function(r,s){function n(t){try{l(i.next(t))}catch(t){s(t)}}function a(t){try{l(i.throw(t))}catch(t){s(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(n,a)}l((i=i.apply(t,e||[])).next())}))};import{LitElement,css,html}from"lit";import{customElement,property}from"lit/decorators.js";import rest from"@openremote/rest";import{i18next,translate}from"@openremote/or-translate";import{Utilities}from"../utils";import{Status}from"../models/status";import{exporter,project,modal}from"./flow-editor";let RuleBrowser=class extends(translate(i18next)(LitElement)){constructor(){super(...arguments),this.status=Status.Idle,this.retrievedRules=[],this.loadRule=t=>__awaiter(this,void 0,void 0,(function*(){let e;this.status=Status.Loading;try{e=yield rest.api.RulesResource.getGlobalRuleset(t.id)}catch(e){return modal.notification("Failure","Something went wrong loading "+t.name),void(this.status=Status.Failure)}const o=e.data,i=exporter.jsonToFlow(o.rules);project.fromNodeCollection(i),project.setCurrentProject(t.id,t.name,i.description),this.dispatchEvent(new CustomEvent("ruleloaded"))})),this.getButton=t=>html`<div class="list-button" @click="${()=>{this.loadRule(t)}}">${Utilities.ellipsis(t.name,50)} 
+        ${t.error?html`<or-icon title="${Utilities.humanLike(t.status)}" icon="alert-outline"></or-icon>`:null}
+        ${t.enabled?null:html`<or-icon title="${i18next.t("disabled")}" icon="sleep"></or-icon>`}
+        </div>`}static get styles(){return css`
+        .list-button {
+            cursor: pointer;
+            padding: 8px 0 8px 8px;
+        }
+        .list-button:hover {
+            background: whitesmoke;
+        }
+        .list-button:active {
+            background: none;
+        }
+        or-icon{
+            width: 18px;
+            vertical-align: text-top;
+        }
+        or-icon[icon=loading]{
+            animation: spin 600ms infinite linear;
+        }
+        @keyframes spin{
+            0%{
+                transform: rotateZ(0deg);
+            }
+            100%{
+                transform: rotateZ(360deg);
+            }
+        }`}firstUpdated(){return __awaiter(this,void 0,void 0,(function*(){this.status=Status.Loading;try{const t=yield rest.api.RulesResource.getGlobalRulesets();this.retrievedRules=t.data,this.status=Status.Success}catch(t){this.status=Status.Failure}}))}render(){let t=html``;switch(this.status){case Status.Loading:t=html`<span style="text-align: center;"><or-icon icon="loading"></or-icon></span>`;break;case Status.Success:t=html`${0===this.retrievedRules.length?html`<span>No rules to display</span>`:this.retrievedRules.map((t=>this.getButton(t)))}`;break;case Status.Failure:t=html`<span>Failed to load rules</span>`}return html`
+        <div style="display: flex; flex-direction: column; width: auto; align-items: stretch;">
+        ${t}
+        </div>`}};__decorate([property({type:Number})],RuleBrowser.prototype,"status",void 0),RuleBrowser=__decorate([customElement("rule-browser")],RuleBrowser);export{RuleBrowser};

package/lib/flow-viewer/components/rule-browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rule-browser.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/rule-browser.ts"],"names":[],"mappings":"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"}

package/lib/flow-viewer/components/selectable-element.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from "lit";
+declare const SelectableElement_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class SelectableElement extends SelectableElement_base {
+    get selected(): boolean;
+    get handle(): HTMLElement;
+    private isSelected;
+    private selectableHandle;
+    disconnectedCallback(): void;
+    setHandle(element: HTMLElement): void;
+    protected firstUpdated(): void;
+    private readonly onSelected;
+    private readonly onDeselected;
+    private readonly handleSelection;
+}
+export {};

package/lib/flow-viewer/components/selectable-element.js

@@ -0,0 +1 @@
+var __decorate=this&&this.__decorate||function(e,t,s,l){var i,n=arguments.length,o=n<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,s):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,l);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(o=(n<3?i(o):n>3?i(t,s,o):i(t,s))||o);return n>3&&o&&Object.defineProperty(t,s,o),o};import{LitElement}from"lit";import{property}from"lit/decorators.js";import{input}from"./flow-editor";import{i18next,translate}from"@openremote/or-translate";export class SelectableElement extends(translate(i18next)(LitElement)){constructor(){super(...arguments),this.isSelected=!1,this.onSelected=e=>{e===this&&(this.isSelected=!0)},this.onDeselected=e=>{e===this&&(this.isSelected=!1)},this.handleSelection=e=>{1===e.buttons?(input.handleSelection(this),e.stopPropagation()):2===e.buttons&&input.handleSelection(this,!0)}}get selected(){return this.isSelected}get handle(){return this.selectableHandle}disconnectedCallback(){super.disconnectedCallback(),this.selected&&input.selected.splice(input.selected.indexOf(this),1),this.isSelected=!1,input.removeListener("selected",this.onSelected),input.removeListener("deselected",this.onDeselected),input.selectables.splice(input.selectables.indexOf(this),1)}setHandle(e){this.selectableHandle&&this.selectableHandle.removeEventListener("mousedown",this.handleSelection),e.addEventListener("mousedown",this.handleSelection),this.selectableHandle=e}firstUpdated(){this.setHandle(this),input.selectables.push(this),input.addListener("selected",this.onSelected),input.addListener("deselected",this.onDeselected)}}__decorate([property({type:Boolean})],SelectableElement.prototype,"isSelected",void 0),__decorate([property({attribute:!1})],SelectableElement.prototype,"selectableHandle",void 0);

package/lib/flow-viewer/components/selectable-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectable-element.js","sourceRoot":"","sources":["../../../src/flow-viewer/components/selectable-element.ts"],"names":[],"mappings":"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"}

package/lib/flow-viewer/components/selection-box.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from "lit";
+import { EditorWorkspace } from "./editor-workspace";
+export declare class SelectionBox extends LitElement {
+    static get styles(): import("lit").CSSResult;
+    workspace: EditorWorkspace;
+    readonly distanceTreshold = 20;
+    private isSelecting;
+    private selectionStartPosition;
+    private selectionBox;
+    protected firstUpdated(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private workspaceMouseDown;
+    private mouseMove;
+    private workspaceMouseUp;
+    private selectInBounds;
+}

package/lib/flow-viewer/components/selection-box.js

@@ -0,0 +1,16 @@
+var __decorate=this&&this.__decorate||function(t,e,i,o){var s,n=arguments.length,c=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,i,o);else for(var h=t.length-1;h>=0;h--)(s=t[h])&&(c=(n<3?s(c):n>3?s(e,i,c):s(e,i))||c);return n>3&&c&&Object.defineProperty(e,i,c),c};import{LitElement,html,css}from"lit";import{customElement,property}from"lit/decorators.js";import{Utilities}from"../utils";import{input}from"./flow-editor";let SelectionBox=class extends LitElement{constructor(){super(...arguments),this.distanceTreshold=20,this.isSelecting=!1,this.selectionStartPosition={x:0,y:0},this.selectionBox={x:0,y:0,width:0,height:0},this.workspaceMouseDown=t=>{1===t.buttons&&(this.selectionBox.x=t.offsetX,this.selectionBox.y=t.offsetY,this.selectionStartPosition.x=this.selectionBox.x,this.selectionStartPosition.y=this.selectionBox.y,window.addEventListener("mousemove",this.mouseMove))},this.mouseMove=t=>{const e=t.pageX-this.workspace.clientRect.left-this.selectionStartPosition.x,i=t.pageY-this.workspace.clientRect.top-this.selectionStartPosition.y;e<0?(this.selectionBox.x=t.pageX-this.workspace.clientRect.left,this.selectionBox.width=Math.abs(this.selectionBox.x-this.selectionStartPosition.x)):(this.selectionBox.x=this.selectionStartPosition.x,this.selectionBox.width=Math.abs(e)),i<0?(this.selectionBox.y=t.pageY-this.workspace.clientRect.top,this.selectionBox.height=Math.abs(this.selectionBox.y-this.selectionStartPosition.y)):(this.selectionBox.y=this.selectionStartPosition.y,this.selectionBox.height=Math.abs(i)),this.selectionBox.width+this.selectionBox.height>this.distanceTreshold&&(this.isSelecting=!0),this.requestUpdate()},this.workspaceMouseUp=()=>{window.removeEventListener("mousemove",this.mouseMove),this.isSelecting&&(this.selectInBounds(),this.isSelecting=!1)}}static get styles(){return css`
+        svg{
+            fill: none;  
+            overflow: visible;
+            position: absolute;
+            pointer-events: all;
+            stroke-linejoin: round;
+            transition: stroke-width 120ms;
+            z-index: 1000;
+            width: 100vw;
+            height: 100vh;
+        }
+        rect{
+            fill: var(--highlight-faded);
+            outline: solid 1px var(--highlight);
+        }`}firstUpdated(){this.workspace.addEventListener("mousedown",this.workspaceMouseDown),window.addEventListener("mouseup",this.workspaceMouseUp)}render(){return this.isSelecting?html`<svg><rect x="${this.selectionBox.x}px" y="${this.selectionBox.y}px" width="${this.selectionBox.width}px" height="${this.selectionBox.height}px"></rect></svg>`:html``}selectInBounds(){input.clearSelection();const t={x:this.selectionBox.x+this.workspace.clientRect.left,y:this.selectionBox.y+this.workspace.clientRect.top,width:this.selectionBox.width,height:this.selectionBox.height};for(const e of input.selectables){const i=e.handle.getBoundingClientRect();Utilities.isBoxInsideBox({x:i.left,y:i.top,width:i.width,height:i.height},t)&&input.select(e,!0)}}};__decorate([property({attribute:!1})],SelectionBox.prototype,"workspace",void 0),__decorate([property({attribute:!1})],SelectionBox.prototype,"isSelecting",void 0),__decorate([property({attribute:!1})],SelectionBox.prototype,"selectionStartPosition",void 0),__decorate([property({attribute:!1})],SelectionBox.prototype,"selectionBox",void 0),SelectionBox=__decorate([customElement("selection-box")],SelectionBox);export{SelectionBox};