@lowcodeunit/applications-flow-common 1.33.79-merge-with-social-ish-02 → 1.33.80-merge-with-social-ish-02

package/esm2020/lib/elements/flow-tool/flow-tool.component.mjs

@@ -22,9 +22,9 @@ export class FlowToolComponent {
     }
 }
 FlowToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FlowToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FlowToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FlowToolComponent, selector: "lcu-flow-tool", ngImport: i0, template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: ["@charset \"UTF-8\";@import\"./css/app.css\";@import\"https://fonts.googleapis.com/css2?family=Rokkitt:wght@200&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap\";:host .wrapper{width:100%;height:calc(100vh - 67px);display:flex}:host #drawflow{display:flex;position:relative;width:calc(100vw - 301px);height:calc(100% - 50px);top:40px;background-size:25px 25px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}:host .col{overflow:auto;width:300px;height:100%;border-right:1px solid var(--border-color)}:host header{height:66px;border-bottom:1px solid var(--border-color);padding-left:20px}:host header h2{margin:0;line-height:66px}:host header a{color:#000}:host .drag-item{line-height:50px;border-bottom:1px solid var(--border-color);padding-left:20px;cursor:move;-webkit-user-select:none;user-select:none;font-family:var(--theme-font-family);font-weight:700;transition:.5s ease-in-out}:host .drag-item:hover{background-color:gray;color:#fff}:host .tab-menu{position:absolute;height:40px;display:block;background:white;width:100%}:host .tab-menu ul{padding:0;margin:0;line-height:40px}:host .tab-menu ul li{display:inline-block;margin-left:10px;border-right:1px solid var(--border-color);padding-right:10px;line-height:40px;cursor:pointer}:host .tab-menu ul li.selected{font-weight:700}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main)}.drawflow .connection{position:absolute;pointer-events:none}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main);pointer-events:all}.drawflow .connection .error{stroke:red!important}.drawflow .connection .main-path:hover{stroke:var(--node-path-hover);cursor:pointer}.drawflow .connection .main-path.selected{stroke:var(--node-path-selected)}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point .selected,.drawflow .connection .point:hover{fill:var(--node-path-hover)}.base,.event,.decision,.split,.join,.modifier,.application,.filter,.project,.request{display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.gap>*{margin:14px}.basic-node,.modifier,.application,.filter,.project,.request{min-height:30px;width:100px;border-radius:7px}.request{background-color:var(--node-request)}.project{color:#fff;background-color:var(--node-project)}.filter{background-color:var(--node-filter)}.application{background-color:var(--node-application)}.modifier{background-color:var(--node-modifier)}.join{background-color:var(--node-join);height:100px;width:100px;-webkit-clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.split{width:100px;height:100px;-webkit-clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);background-color:var(--node-split)}.decision{background-color:var(--node-decision);height:100px;width:100px;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.event{border-radius:50%;background-color:var(--node-event);width:60px;height:60px}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:none}.drawflow{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.drawflow .fathym-node{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.drawflow .fathym-node.selected{filter:brightness(1.25);-webkit-filter:brightness(1.25)}.drawflow .fathym-node:hover{cursor:move}.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{flex-direction:row;position:absolute;z-index:2}.drawflow .fathym-node .inputs{top:calc(5px - var(--node-size))}.drawflow .fathym-node .outputs{bottom:calc(5px - var(--node-size))}.drawflow .fathym-node .input,.drawflow .fathym-node .output{width:var(--node-size);height:var(--node-size);background:white;border-radius:50%;border:2px solid black;cursor:crosshair;margin:0 5px}.drawflow .fathym-node .input:hover,.drawflow .fathym-node .output:hover{background-color:#adff2f}.drawflow .fathym-node .input{background-color:var(--node-input-color)}.drawflow .fathym-node .output{background-color:var(--node-output-color)}.drawflow .node-drop-shadow{filter:drop-shadow(-1px 6px 3px rgba(50,50,0,.25))}.drawflow .parent-node{position:relative}.drawflow-delete{position:absolute;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:var(--node-delete);color:#fff;z-index:4;font-size:large;border:2px solid white;line-height:0;font-weight:700;border-radius:50%;font-family:monospace;cursor:pointer}.parent-node .drawflow-delete{right:-15px;top:-15px}:root{--theme-black: #111111;--theme-font-family: \"Rokkitt\", serif;--theme-white: #f3f3f3;--theme-accent: #9cd8d7;--margin-step: 1em;--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--border-color: #cacaca;--background-color: #fafafa;--background-box-title: #f7f7f7;--canvas-background-color: rgb(17, 161, 172);--node-request: #DA0063;--node-project: #652CB3;--node-filter: #12CDD4;--node-application: #222222;--node-modifier: #2DC6F0;--node-join: #11A1AC;--node-split: #11A1AC;--node-decision: #2D9BF0;--node-event: #DA0063;--node-size: 20px;--node-input-color: rgb(251, 251, 0);--node-output-color: rgb(0, 180, 251);--node-delete: rgb(255, 0, 0);--node-path-main: rgb(70, 130, 180);--node-path-hover: rgb(17, 104, 175);--node-path-selected: rgb(67, 185, 147)}.flexbox-base,.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{display:flex;justify-content:center;align-items:center}.container{display:flex;flex-flow:row;height:100%;min-height:100%;padding:10px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;background-color:var(--background-color)}.flexbox-column{flex-direction:column}@media only screen and (max-width: 768px){.col{width:50px}.col .drag-item span{display:none}#drawflow{width:calc(100vw - 51px)}}@media only screen and (max-width: 768px){.modal-content{width:80%}}\n"] });
+FlowToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FlowToolComponent, selector: "lcu-flow-tool", ngImport: i0, template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FlowToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-flow-tool', template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: ["@charset \"UTF-8\";@import\"./css/app.css\";@import\"https://fonts.googleapis.com/css2?family=Rokkitt:wght@200&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap\";:host .wrapper{width:100%;height:calc(100vh - 67px);display:flex}:host #drawflow{display:flex;position:relative;width:calc(100vw - 301px);height:calc(100% - 50px);top:40px;background-size:25px 25px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}:host .col{overflow:auto;width:300px;height:100%;border-right:1px solid var(--border-color)}:host header{height:66px;border-bottom:1px solid var(--border-color);padding-left:20px}:host header h2{margin:0;line-height:66px}:host header a{color:#000}:host .drag-item{line-height:50px;border-bottom:1px solid var(--border-color);padding-left:20px;cursor:move;-webkit-user-select:none;user-select:none;font-family:var(--theme-font-family);font-weight:700;transition:.5s ease-in-out}:host .drag-item:hover{background-color:gray;color:#fff}:host .tab-menu{position:absolute;height:40px;display:block;background:white;width:100%}:host .tab-menu ul{padding:0;margin:0;line-height:40px}:host .tab-menu ul li{display:inline-block;margin-left:10px;border-right:1px solid var(--border-color);padding-right:10px;line-height:40px;cursor:pointer}:host .tab-menu ul li.selected{font-weight:700}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main)}.drawflow .connection{position:absolute;pointer-events:none}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main);pointer-events:all}.drawflow .connection .error{stroke:red!important}.drawflow .connection .main-path:hover{stroke:var(--node-path-hover);cursor:pointer}.drawflow .connection .main-path.selected{stroke:var(--node-path-selected)}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point .selected,.drawflow .connection .point:hover{fill:var(--node-path-hover)}.base,.event,.decision,.split,.join,.modifier,.application,.filter,.project,.request{display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.gap>*{margin:14px}.basic-node,.modifier,.application,.filter,.project,.request{min-height:30px;width:100px;border-radius:7px}.request{background-color:var(--node-request)}.project{color:#fff;background-color:var(--node-project)}.filter{background-color:var(--node-filter)}.application{background-color:var(--node-application)}.modifier{background-color:var(--node-modifier)}.join{background-color:var(--node-join);height:100px;width:100px;-webkit-clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.split{width:100px;height:100px;-webkit-clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);background-color:var(--node-split)}.decision{background-color:var(--node-decision);height:100px;width:100px;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.event{border-radius:50%;background-color:var(--node-event);width:60px;height:60px}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:none}.drawflow{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.drawflow .fathym-node{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.drawflow .fathym-node.selected{filter:brightness(1.25);-webkit-filter:brightness(1.25)}.drawflow .fathym-node:hover{cursor:move}.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{flex-direction:row;position:absolute;z-index:2}.drawflow .fathym-node .inputs{top:calc(5px - var(--node-size))}.drawflow .fathym-node .outputs{bottom:calc(5px - var(--node-size))}.drawflow .fathym-node .input,.drawflow .fathym-node .output{width:var(--node-size);height:var(--node-size);background:white;border-radius:50%;border:2px solid black;cursor:crosshair;margin:0 5px}.drawflow .fathym-node .input:hover,.drawflow .fathym-node .output:hover{background-color:#adff2f}.drawflow .fathym-node .input{background-color:var(--node-input-color)}.drawflow .fathym-node .output{background-color:var(--node-output-color)}.drawflow .node-drop-shadow{filter:drop-shadow(-1px 6px 3px rgba(50,50,0,.25))}.drawflow .parent-node{position:relative}.drawflow-delete{position:absolute;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:var(--node-delete);color:#fff;z-index:4;font-size:large;border:2px solid white;line-height:0;font-weight:700;border-radius:50%;font-family:monospace;cursor:pointer}.parent-node .drawflow-delete{right:-15px;top:-15px}:root{--theme-black: #111111;--theme-font-family: \"Rokkitt\", serif;--theme-white: #f3f3f3;--theme-accent: #9cd8d7;--margin-step: 1em;--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--border-color: #cacaca;--background-color: #fafafa;--background-box-title: #f7f7f7;--canvas-background-color: rgb(17, 161, 172);--node-request: #DA0063;--node-project: #652CB3;--node-filter: #12CDD4;--node-application: #222222;--node-modifier: #2DC6F0;--node-join: #11A1AC;--node-split: #11A1AC;--node-decision: #2D9BF0;--node-event: #DA0063;--node-size: 20px;--node-input-color: rgb(251, 251, 0);--node-output-color: rgb(0, 180, 251);--node-delete: rgb(255, 0, 0);--node-path-main: rgb(70, 130, 180);--node-path-hover: rgb(17, 104, 175);--node-path-selected: rgb(67, 185, 147)}.flexbox-base,.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{display:flex;justify-content:center;align-items:center}.container{display:flex;flex-flow:row;height:100%;min-height:100%;padding:10px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;background-color:var(--background-color)}.flexbox-column{flex-direction:column}@media only screen and (max-width: 768px){.col{width:50px}.col .drag-item span{display:none}#drawflow{width:calc(100vw - 51px)}}@media only screen and (max-width: 768px){.modal-content{width:80%}}\n"] }]
+            args: [{ selector: 'lcu-flow-tool', template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy10b29sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbW1vbi9zcmMvbGliL2VsZW1lbnRzL2Zsb3ctdG9vbC9mbG93LXRvb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvZmxvdy10b29sL2Zsb3ctdG9vbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBU3RHLE1BQU0sT0FBTyxpQkFBaUI7SUFRNUI7UUFFRSxjQUFjLENBQUMsa0JBQWtCO1lBQ2pDO2dCQUNFLGFBQWEsQ0FBQyxzQkFBc0I7Z0JBQ3BDLGFBQWEsQ0FBQyxnQkFBZ0I7YUFDL0IsQ0FBQztRQUVGLElBQUksQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUM7UUFFaEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTVFLElBQUksQ0FBQyxZQUFZLEdBQUc7WUFDbEIsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUMvRCxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRTtTQUNsQyxDQUFDO1FBRUYsSUFBSSxDQUFDLElBQUksR0FBRyxjQUFjLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDakQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUYsUUFBUTtJQUNSLENBQUM7OzhHQTlCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixxRENaOUIsaVJBUW1COzJGRElOLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0cmVhbUludm9jYXRpb25NZXNzYWdlIH0gZnJvbSAnQGFzcG5ldC9zaWduYWxyJztcbmltcG9ydCAnQHNlbWFudGljanMva3Jha3luJztcbmltcG9ydCB7IENvbnN0YW50VXRpbHMsIERyYWdEcm9wVXRpbHMsIERyYWdJdGVtc1RlbXBsYXRlcywgVmFyaWFibGVzVXRpbHMgfSBmcm9tICdAc2VtYW50aWNqcy9rcmFreW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtZmxvdy10b29sJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zsb3ctdG9vbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Zsb3ctdG9vbC5jb21wb25lbnQuc2NzcyddXG59KVxuXG5cbmV4cG9ydCBjbGFzcyBGbG93VG9vbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgLy8gQXJyYXk8e01vZHVsZTogc3RyaW5nLCBEYXRhOiBBcnJheTxhbnk+fT5cbiAgcHVibGljIERhdGE6IGFueTtcbiAgcHVibGljIFNpZGVNZW51SXRlbXM6IGFueTtcbiAgcHVibGljIFRpdGxlOiBzdHJpbmc7XG4gIHB1YmxpYyBUYWJNZW51SXRlbXM6IEFycmF5PHtMYWJlbDogc3RyaW5nLCBUYXJnZXQ6IHN0cmluZywgQ2xhc3M/OiBzdHJpbmd9PjtcblxuICBjb25zdHJ1Y3RvcigpIHtcblxuICAgIFZhcmlhYmxlc1V0aWxzLkRhdGFGbG93TW9kdWxlRGF0YSA9XG4gICAgW1xuICAgICAgQ29uc3RhbnRVdGlscy5OQVBLSU5fSURFX01PRFVMRV9EQVRBLFxuICAgICAgQ29uc3RhbnRVdGlscy5IT01FX01PRFVMRV9EQVRBXG4gICAgXTtcblxuICAgIHRoaXMuVGl0bGUgPSAnVGhlIEtyYWt5biBUb29sISc7XG5cbiAgICB0aGlzLlNpZGVNZW51SXRlbXMgPSBEcmFnSXRlbXNUZW1wbGF0ZXMuRkxPV19EUkFHX0lURU1TKERyYWdEcm9wVXRpbHMuRHJhZyk7XG5cbiAgICB0aGlzLlRhYk1lbnVJdGVtcyA9IFtcbiAgICAgIHsgTGFiZWw6ICdOYXBraW4gSURFJywgVGFyZ2V0OiAnTmFwa2luSURFJywgQ2xhc3M6ICdzZWxlY3RlZCcgfSxcbiAgICAgIHsgTGFiZWw6ICdIb21lJywgVGFyZ2V0OiAnSG9tZScgfVxuICAgIF07XG5cbiAgICB0aGlzLkRhdGEgPSBWYXJpYWJsZXNVdGlscy5EYXRhRmxvd01vZHVsZURhdGFbMF07XG4gICAgY29uc29sZS5sb2coJ0RBVEE6ICcsIHRoaXMuRGF0YS5EYXRhKTtcbiAgIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8cD5mbG93LXRvb2wgd29ya3MhPC9wPlxuPGtyYWt5bi1mbG93LXRvb2xcbiAgICBbSGVhZGVyVGl0bGVdID0gJ1RpdGxlJ1xuICAgIFtGbG93RGF0YV0gPSAnRGF0YSdcbiAgICBbU2lkZU1lbnVJdGVtc10gPSAnU2lkZU1lbnVJdGVtcydcbiAgICBbVGFiTWVudUl0ZW1zXSA9ICdUYWJNZW51SXRlbXMnXG4gICAgc3R5bGU9XCJ3aWR0aDogMTAwMHB4OyBoZWlnaHQ6IDYwMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBibHVldmlvbGV0O1wiXG4+XG48L2tyYWt5bi1mbG93LXRvb2w+Il19

package/fesm2015/lowcodeunit-applications-flow-common.mjs

@@ -820,10 +820,10 @@ class FlowToolComponent {
     }
 }
 FlowToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FlowToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FlowToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FlowToolComponent, selector: "lcu-flow-tool", ngImport: i0, template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: ["@charset \"UTF-8\";@import\"./css/app.css\";@import\"https://fonts.googleapis.com/css2?family=Rokkitt:wght@200&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap\";:host .wrapper{width:100%;height:calc(100vh - 67px);display:flex}:host #drawflow{display:flex;position:relative;width:calc(100vw - 301px);height:calc(100% - 50px);top:40px;background-size:25px 25px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}:host .col{overflow:auto;width:300px;height:100%;border-right:1px solid var(--border-color)}:host header{height:66px;border-bottom:1px solid var(--border-color);padding-left:20px}:host header h2{margin:0;line-height:66px}:host header a{color:#000}:host .drag-item{line-height:50px;border-bottom:1px solid var(--border-color);padding-left:20px;cursor:move;-webkit-user-select:none;user-select:none;font-family:var(--theme-font-family);font-weight:700;transition:.5s ease-in-out}:host .drag-item:hover{background-color:gray;color:#fff}:host .tab-menu{position:absolute;height:40px;display:block;background:white;width:100%}:host .tab-menu ul{padding:0;margin:0;line-height:40px}:host .tab-menu ul li{display:inline-block;margin-left:10px;border-right:1px solid var(--border-color);padding-right:10px;line-height:40px;cursor:pointer}:host .tab-menu ul li.selected{font-weight:700}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main)}.drawflow .connection{position:absolute;pointer-events:none}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main);pointer-events:all}.drawflow .connection .error{stroke:red!important}.drawflow .connection .main-path:hover{stroke:var(--node-path-hover);cursor:pointer}.drawflow .connection .main-path.selected{stroke:var(--node-path-selected)}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point .selected,.drawflow .connection .point:hover{fill:var(--node-path-hover)}.base,.event,.decision,.split,.join,.modifier,.application,.filter,.project,.request{display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.gap>*{margin:14px}.basic-node,.modifier,.application,.filter,.project,.request{min-height:30px;width:100px;border-radius:7px}.request{background-color:var(--node-request)}.project{color:#fff;background-color:var(--node-project)}.filter{background-color:var(--node-filter)}.application{background-color:var(--node-application)}.modifier{background-color:var(--node-modifier)}.join{background-color:var(--node-join);height:100px;width:100px;-webkit-clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.split{width:100px;height:100px;-webkit-clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);background-color:var(--node-split)}.decision{background-color:var(--node-decision);height:100px;width:100px;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.event{border-radius:50%;background-color:var(--node-event);width:60px;height:60px}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:none}.drawflow{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.drawflow .fathym-node{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.drawflow .fathym-node.selected{filter:brightness(1.25);-webkit-filter:brightness(1.25)}.drawflow .fathym-node:hover{cursor:move}.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{flex-direction:row;position:absolute;z-index:2}.drawflow .fathym-node .inputs{top:calc(5px - var(--node-size))}.drawflow .fathym-node .outputs{bottom:calc(5px - var(--node-size))}.drawflow .fathym-node .input,.drawflow .fathym-node .output{width:var(--node-size);height:var(--node-size);background:white;border-radius:50%;border:2px solid black;cursor:crosshair;margin:0 5px}.drawflow .fathym-node .input:hover,.drawflow .fathym-node .output:hover{background-color:#adff2f}.drawflow .fathym-node .input{background-color:var(--node-input-color)}.drawflow .fathym-node .output{background-color:var(--node-output-color)}.drawflow .node-drop-shadow{filter:drop-shadow(-1px 6px 3px rgba(50,50,0,.25))}.drawflow .parent-node{position:relative}.drawflow-delete{position:absolute;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:var(--node-delete);color:#fff;z-index:4;font-size:large;border:2px solid white;line-height:0;font-weight:700;border-radius:50%;font-family:monospace;cursor:pointer}.parent-node .drawflow-delete{right:-15px;top:-15px}:root{--theme-black: #111111;--theme-font-family: \"Rokkitt\", serif;--theme-white: #f3f3f3;--theme-accent: #9cd8d7;--margin-step: 1em;--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--border-color: #cacaca;--background-color: #fafafa;--background-box-title: #f7f7f7;--canvas-background-color: rgb(17, 161, 172);--node-request: #DA0063;--node-project: #652CB3;--node-filter: #12CDD4;--node-application: #222222;--node-modifier: #2DC6F0;--node-join: #11A1AC;--node-split: #11A1AC;--node-decision: #2D9BF0;--node-event: #DA0063;--node-size: 20px;--node-input-color: rgb(251, 251, 0);--node-output-color: rgb(0, 180, 251);--node-delete: rgb(255, 0, 0);--node-path-main: rgb(70, 130, 180);--node-path-hover: rgb(17, 104, 175);--node-path-selected: rgb(67, 185, 147)}.flexbox-base,.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{display:flex;justify-content:center;align-items:center}.container{display:flex;flex-flow:row;height:100%;min-height:100%;padding:10px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;background-color:var(--background-color)}.flexbox-column{flex-direction:column}@media only screen and (max-width: 768px){.col{width:50px}.col .drag-item span{display:none}#drawflow{width:calc(100vw - 51px)}}@media only screen and (max-width: 768px){.modal-content{width:80%}}\n"] });
+FlowToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FlowToolComponent, selector: "lcu-flow-tool", ngImport: i0, template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FlowToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-flow-tool', template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: ["@charset \"UTF-8\";@import\"./css/app.css\";@import\"https://fonts.googleapis.com/css2?family=Rokkitt:wght@200&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap\";:host .wrapper{width:100%;height:calc(100vh - 67px);display:flex}:host #drawflow{display:flex;position:relative;width:calc(100vw - 301px);height:calc(100% - 50px);top:40px;background-size:25px 25px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}:host .col{overflow:auto;width:300px;height:100%;border-right:1px solid var(--border-color)}:host header{height:66px;border-bottom:1px solid var(--border-color);padding-left:20px}:host header h2{margin:0;line-height:66px}:host header a{color:#000}:host .drag-item{line-height:50px;border-bottom:1px solid var(--border-color);padding-left:20px;cursor:move;-webkit-user-select:none;user-select:none;font-family:var(--theme-font-family);font-weight:700;transition:.5s ease-in-out}:host .drag-item:hover{background-color:gray;color:#fff}:host .tab-menu{position:absolute;height:40px;display:block;background:white;width:100%}:host .tab-menu ul{padding:0;margin:0;line-height:40px}:host .tab-menu ul li{display:inline-block;margin-left:10px;border-right:1px solid var(--border-color);padding-right:10px;line-height:40px;cursor:pointer}:host .tab-menu ul li.selected{font-weight:700}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main)}.drawflow .connection{position:absolute;pointer-events:none}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main);pointer-events:all}.drawflow .connection .error{stroke:red!important}.drawflow .connection .main-path:hover{stroke:var(--node-path-hover);cursor:pointer}.drawflow .connection .main-path.selected{stroke:var(--node-path-selected)}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point .selected,.drawflow .connection .point:hover{fill:var(--node-path-hover)}.base,.event,.decision,.split,.join,.modifier,.application,.filter,.project,.request{display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.gap>*{margin:14px}.basic-node,.modifier,.application,.filter,.project,.request{min-height:30px;width:100px;border-radius:7px}.request{background-color:var(--node-request)}.project{color:#fff;background-color:var(--node-project)}.filter{background-color:var(--node-filter)}.application{background-color:var(--node-application)}.modifier{background-color:var(--node-modifier)}.join{background-color:var(--node-join);height:100px;width:100px;-webkit-clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.split{width:100px;height:100px;-webkit-clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);background-color:var(--node-split)}.decision{background-color:var(--node-decision);height:100px;width:100px;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.event{border-radius:50%;background-color:var(--node-event);width:60px;height:60px}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:none}.drawflow{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.drawflow .fathym-node{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.drawflow .fathym-node.selected{filter:brightness(1.25);-webkit-filter:brightness(1.25)}.drawflow .fathym-node:hover{cursor:move}.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{flex-direction:row;position:absolute;z-index:2}.drawflow .fathym-node .inputs{top:calc(5px - var(--node-size))}.drawflow .fathym-node .outputs{bottom:calc(5px - var(--node-size))}.drawflow .fathym-node .input,.drawflow .fathym-node .output{width:var(--node-size);height:var(--node-size);background:white;border-radius:50%;border:2px solid black;cursor:crosshair;margin:0 5px}.drawflow .fathym-node .input:hover,.drawflow .fathym-node .output:hover{background-color:#adff2f}.drawflow .fathym-node .input{background-color:var(--node-input-color)}.drawflow .fathym-node .output{background-color:var(--node-output-color)}.drawflow .node-drop-shadow{filter:drop-shadow(-1px 6px 3px rgba(50,50,0,.25))}.drawflow .parent-node{position:relative}.drawflow-delete{position:absolute;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:var(--node-delete);color:#fff;z-index:4;font-size:large;border:2px solid white;line-height:0;font-weight:700;border-radius:50%;font-family:monospace;cursor:pointer}.parent-node .drawflow-delete{right:-15px;top:-15px}:root{--theme-black: #111111;--theme-font-family: \"Rokkitt\", serif;--theme-white: #f3f3f3;--theme-accent: #9cd8d7;--margin-step: 1em;--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--border-color: #cacaca;--background-color: #fafafa;--background-box-title: #f7f7f7;--canvas-background-color: rgb(17, 161, 172);--node-request: #DA0063;--node-project: #652CB3;--node-filter: #12CDD4;--node-application: #222222;--node-modifier: #2DC6F0;--node-join: #11A1AC;--node-split: #11A1AC;--node-decision: #2D9BF0;--node-event: #DA0063;--node-size: 20px;--node-input-color: rgb(251, 251, 0);--node-output-color: rgb(0, 180, 251);--node-delete: rgb(255, 0, 0);--node-path-main: rgb(70, 130, 180);--node-path-hover: rgb(17, 104, 175);--node-path-selected: rgb(67, 185, 147)}.flexbox-base,.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{display:flex;justify-content:center;align-items:center}.container{display:flex;flex-flow:row;height:100%;min-height:100%;padding:10px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;background-color:var(--background-color)}.flexbox-column{flex-direction:column}@media only screen and (max-width: 768px){.col{width:50px}.col .drag-item span{display:none}#drawflow{width:calc(100vw - 51px)}}@media only screen and (max-width: 768px){.modal-content{width:80%}}\n"] }]
+            args: [{ selector: 'lcu-flow-tool', template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 
 class GitAuthComponent {

package/fesm2020/lowcodeunit-applications-flow-common.mjs

@@ -807,10 +807,10 @@ class FlowToolComponent {
     }
 }
 FlowToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FlowToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FlowToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FlowToolComponent, selector: "lcu-flow-tool", ngImport: i0, template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: ["@charset \"UTF-8\";@import\"./css/app.css\";@import\"https://fonts.googleapis.com/css2?family=Rokkitt:wght@200&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap\";:host .wrapper{width:100%;height:calc(100vh - 67px);display:flex}:host #drawflow{display:flex;position:relative;width:calc(100vw - 301px);height:calc(100% - 50px);top:40px;background-size:25px 25px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}:host .col{overflow:auto;width:300px;height:100%;border-right:1px solid var(--border-color)}:host header{height:66px;border-bottom:1px solid var(--border-color);padding-left:20px}:host header h2{margin:0;line-height:66px}:host header a{color:#000}:host .drag-item{line-height:50px;border-bottom:1px solid var(--border-color);padding-left:20px;cursor:move;-webkit-user-select:none;user-select:none;font-family:var(--theme-font-family);font-weight:700;transition:.5s ease-in-out}:host .drag-item:hover{background-color:gray;color:#fff}:host .tab-menu{position:absolute;height:40px;display:block;background:white;width:100%}:host .tab-menu ul{padding:0;margin:0;line-height:40px}:host .tab-menu ul li{display:inline-block;margin-left:10px;border-right:1px solid var(--border-color);padding-right:10px;line-height:40px;cursor:pointer}:host .tab-menu ul li.selected{font-weight:700}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main)}.drawflow .connection{position:absolute;pointer-events:none}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main);pointer-events:all}.drawflow .connection .error{stroke:red!important}.drawflow .connection .main-path:hover{stroke:var(--node-path-hover);cursor:pointer}.drawflow .connection .main-path.selected{stroke:var(--node-path-selected)}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point .selected,.drawflow .connection .point:hover{fill:var(--node-path-hover)}.base,.event,.decision,.split,.join,.modifier,.application,.filter,.project,.request{display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.gap>*{margin:14px}.basic-node,.modifier,.application,.filter,.project,.request{min-height:30px;width:100px;border-radius:7px}.request{background-color:var(--node-request)}.project{color:#fff;background-color:var(--node-project)}.filter{background-color:var(--node-filter)}.application{background-color:var(--node-application)}.modifier{background-color:var(--node-modifier)}.join{background-color:var(--node-join);height:100px;width:100px;-webkit-clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.split{width:100px;height:100px;-webkit-clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);background-color:var(--node-split)}.decision{background-color:var(--node-decision);height:100px;width:100px;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.event{border-radius:50%;background-color:var(--node-event);width:60px;height:60px}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:none}.drawflow{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.drawflow .fathym-node{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.drawflow .fathym-node.selected{filter:brightness(1.25);-webkit-filter:brightness(1.25)}.drawflow .fathym-node:hover{cursor:move}.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{flex-direction:row;position:absolute;z-index:2}.drawflow .fathym-node .inputs{top:calc(5px - var(--node-size))}.drawflow .fathym-node .outputs{bottom:calc(5px - var(--node-size))}.drawflow .fathym-node .input,.drawflow .fathym-node .output{width:var(--node-size);height:var(--node-size);background:white;border-radius:50%;border:2px solid black;cursor:crosshair;margin:0 5px}.drawflow .fathym-node .input:hover,.drawflow .fathym-node .output:hover{background-color:#adff2f}.drawflow .fathym-node .input{background-color:var(--node-input-color)}.drawflow .fathym-node .output{background-color:var(--node-output-color)}.drawflow .node-drop-shadow{filter:drop-shadow(-1px 6px 3px rgba(50,50,0,.25))}.drawflow .parent-node{position:relative}.drawflow-delete{position:absolute;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:var(--node-delete);color:#fff;z-index:4;font-size:large;border:2px solid white;line-height:0;font-weight:700;border-radius:50%;font-family:monospace;cursor:pointer}.parent-node .drawflow-delete{right:-15px;top:-15px}:root{--theme-black: #111111;--theme-font-family: \"Rokkitt\", serif;--theme-white: #f3f3f3;--theme-accent: #9cd8d7;--margin-step: 1em;--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--border-color: #cacaca;--background-color: #fafafa;--background-box-title: #f7f7f7;--canvas-background-color: rgb(17, 161, 172);--node-request: #DA0063;--node-project: #652CB3;--node-filter: #12CDD4;--node-application: #222222;--node-modifier: #2DC6F0;--node-join: #11A1AC;--node-split: #11A1AC;--node-decision: #2D9BF0;--node-event: #DA0063;--node-size: 20px;--node-input-color: rgb(251, 251, 0);--node-output-color: rgb(0, 180, 251);--node-delete: rgb(255, 0, 0);--node-path-main: rgb(70, 130, 180);--node-path-hover: rgb(17, 104, 175);--node-path-selected: rgb(67, 185, 147)}.flexbox-base,.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{display:flex;justify-content:center;align-items:center}.container{display:flex;flex-flow:row;height:100%;min-height:100%;padding:10px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;background-color:var(--background-color)}.flexbox-column{flex-direction:column}@media only screen and (max-width: 768px){.col{width:50px}.col .drag-item span{display:none}#drawflow{width:calc(100vw - 51px)}}@media only screen and (max-width: 768px){.modal-content{width:80%}}\n"] });
+FlowToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FlowToolComponent, selector: "lcu-flow-tool", ngImport: i0, template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FlowToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-flow-tool', template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: ["@charset \"UTF-8\";@import\"./css/app.css\";@import\"https://fonts.googleapis.com/css2?family=Rokkitt:wght@200&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap\";:host .wrapper{width:100%;height:calc(100vh - 67px);display:flex}:host #drawflow{display:flex;position:relative;width:calc(100vw - 301px);height:calc(100% - 50px);top:40px;background-size:25px 25px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}:host .col{overflow:auto;width:300px;height:100%;border-right:1px solid var(--border-color)}:host header{height:66px;border-bottom:1px solid var(--border-color);padding-left:20px}:host header h2{margin:0;line-height:66px}:host header a{color:#000}:host .drag-item{line-height:50px;border-bottom:1px solid var(--border-color);padding-left:20px;cursor:move;-webkit-user-select:none;user-select:none;font-family:var(--theme-font-family);font-weight:700;transition:.5s ease-in-out}:host .drag-item:hover{background-color:gray;color:#fff}:host .tab-menu{position:absolute;height:40px;display:block;background:white;width:100%}:host .tab-menu ul{padding:0;margin:0;line-height:40px}:host .tab-menu ul li{display:inline-block;margin-left:10px;border-right:1px solid var(--border-color);padding-right:10px;line-height:40px;cursor:pointer}:host .tab-menu ul li.selected{font-weight:700}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main)}.drawflow .connection{position:absolute;pointer-events:none}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:var(--node-path-main);pointer-events:all}.drawflow .connection .error{stroke:red!important}.drawflow .connection .main-path:hover{stroke:var(--node-path-hover);cursor:pointer}.drawflow .connection .main-path.selected{stroke:var(--node-path-selected)}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point .selected,.drawflow .connection .point:hover{fill:var(--node-path-hover)}.base,.event,.decision,.split,.join,.modifier,.application,.filter,.project,.request{display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.gap>*{margin:14px}.basic-node,.modifier,.application,.filter,.project,.request{min-height:30px;width:100px;border-radius:7px}.request{background-color:var(--node-request)}.project{color:#fff;background-color:var(--node-project)}.filter{background-color:var(--node-filter)}.application{background-color:var(--node-application)}.modifier{background-color:var(--node-modifier)}.join{background-color:var(--node-join);height:100px;width:100px;-webkit-clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.split{width:100px;height:100px;-webkit-clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);clip-path:polygon(25% 0,0 25%,25% 50%,0 75%,25% 100%,50% 75%,75% 100%,100% 75%,75% 50%,100% 25%,75% 0,49% 25%);background-color:var(--node-split)}.decision{background-color:var(--node-decision);height:100px;width:100px;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.event{border-radius:50%;background-color:var(--node-event);width:60px;height:60px}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:none}.drawflow{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.drawflow .fathym-node{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.drawflow .fathym-node.selected{filter:brightness(1.25);-webkit-filter:brightness(1.25)}.drawflow .fathym-node:hover{cursor:move}.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{flex-direction:row;position:absolute;z-index:2}.drawflow .fathym-node .inputs{top:calc(5px - var(--node-size))}.drawflow .fathym-node .outputs{bottom:calc(5px - var(--node-size))}.drawflow .fathym-node .input,.drawflow .fathym-node .output{width:var(--node-size);height:var(--node-size);background:white;border-radius:50%;border:2px solid black;cursor:crosshair;margin:0 5px}.drawflow .fathym-node .input:hover,.drawflow .fathym-node .output:hover{background-color:#adff2f}.drawflow .fathym-node .input{background-color:var(--node-input-color)}.drawflow .fathym-node .output{background-color:var(--node-output-color)}.drawflow .node-drop-shadow{filter:drop-shadow(-1px 6px 3px rgba(50,50,0,.25))}.drawflow .parent-node{position:relative}.drawflow-delete{position:absolute;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:var(--node-delete);color:#fff;z-index:4;font-size:large;border:2px solid white;line-height:0;font-weight:700;border-radius:50%;font-family:monospace;cursor:pointer}.parent-node .drawflow-delete{right:-15px;top:-15px}:root{--theme-black: #111111;--theme-font-family: \"Rokkitt\", serif;--theme-white: #f3f3f3;--theme-accent: #9cd8d7;--margin-step: 1em;--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--border-color: #cacaca;--background-color: #fafafa;--background-box-title: #f7f7f7;--canvas-background-color: rgb(17, 161, 172);--node-request: #DA0063;--node-project: #652CB3;--node-filter: #12CDD4;--node-application: #222222;--node-modifier: #2DC6F0;--node-join: #11A1AC;--node-split: #11A1AC;--node-decision: #2D9BF0;--node-event: #DA0063;--node-size: 20px;--node-input-color: rgb(251, 251, 0);--node-output-color: rgb(0, 180, 251);--node-delete: rgb(255, 0, 0);--node-path-main: rgb(70, 130, 180);--node-path-hover: rgb(17, 104, 175);--node-path-selected: rgb(67, 185, 147)}.flexbox-base,.drawflow .fathym-node .inputs,.drawflow .fathym-node .outputs{display:flex;justify-content:center;align-items:center}.container{display:flex;flex-flow:row;height:100%;min-height:100%;padding:10px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;background-color:var(--background-color)}.flexbox-column{flex-direction:column}@media only screen and (max-width: 768px){.col{width:50px}.col .drag-item span{display:none}#drawflow{width:calc(100vw - 51px)}}@media only screen and (max-width: 768px){.modal-content{width:80%}}\n"] }]
+            args: [{ selector: 'lcu-flow-tool', template: "<p>flow-tool works!</p>\n<krakyn-flow-tool\n    [HeaderTitle] = 'Title'\n    [FlowData] = 'Data'\n    [SideMenuItems] = 'SideMenuItems'\n    [TabMenuItems] = 'TabMenuItems'\n    style=\"width: 1000px; height: 600px; background-color: blueviolet;\"\n>\n</krakyn-flow-tool>", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 
 class GitAuthComponent {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowcodeunit/applications-flow-common",
-  "version": "1.33.79-merge-with-social-ish-02",
+  "version": "1.33.80-merge-with-social-ish-02",
   "dependencies": {
     "tslib": "^2.0.0"
   },