@reskin/bpmn 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/reskin-bpmn.umd.js +45 -15
- package/bundles/reskin-bpmn.umd.js.map +1 -1
- package/esm2015/public-api.js +1 -1
- package/esm2015/src/bpmn-editor/bpmn-editor.component.js +28 -5
- package/esm2015/src/bpmn-viewer/bpmn-viewer.component.js +8 -1
- package/fesm2015/reskin-bpmn.js +51 -22
- package/fesm2015/reskin-bpmn.js.map +1 -1
- package/package.json +1 -1
- package/src/bpmn-editor/bpmn-editor.component.d.ts +22 -1
- package/src/bpmn-viewer/bpmn-viewer.component.d.ts +6 -0
|
@@ -296,6 +296,17 @@
|
|
|
296
296
|
});
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
+
/**
|
|
300
|
+
* 默认值
|
|
301
|
+
*/
|
|
302
|
+
var defaultBpmnData = "\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" >\n <bpmn:process id=\"Process_" + uid() + "\" isExecutable=\"false\" />\n <bpmndi:BPMNDiagram id=\"BPMNDiagram_" + uid() + "\">\n <bpmndi:BPMNPlane id=\"BPMNPlane_" + uid() + "\" bpmnElement=\"Process_" + uid() + "\" />\n </bpmndi:BPMNDiagram>\n</bpmn:definitions>";
|
|
303
|
+
/**
|
|
304
|
+
* 生成随机字符串
|
|
305
|
+
*/
|
|
306
|
+
function uid() {
|
|
307
|
+
return Math.random().toString(36).substring(2);
|
|
308
|
+
}
|
|
309
|
+
|
|
299
310
|
var RkBpmnViewerComponent = /** @class */ (function () {
|
|
300
311
|
function RkBpmnViewerComponent() {
|
|
301
312
|
/**
|
|
@@ -399,6 +410,12 @@
|
|
|
399
410
|
RkBpmnViewerComponent.prototype.setDefaultData = function (data) {
|
|
400
411
|
return rxjs.from(this.Viewer.importXML(data));
|
|
401
412
|
};
|
|
413
|
+
/**
|
|
414
|
+
* 重置画板
|
|
415
|
+
*/
|
|
416
|
+
RkBpmnViewerComponent.prototype.resetDrawingBoard = function () {
|
|
417
|
+
return this.setDefaultData(defaultBpmnData);
|
|
418
|
+
};
|
|
402
419
|
/**
|
|
403
420
|
* 放大
|
|
404
421
|
*/
|
|
@@ -916,17 +933,6 @@
|
|
|
916
933
|
__disposeResources: __disposeResources,
|
|
917
934
|
};
|
|
918
935
|
|
|
919
|
-
/**
|
|
920
|
-
* 默认值
|
|
921
|
-
*/
|
|
922
|
-
var defaultBpmnData = "\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" >\n <bpmn:process id=\"Process_" + uid() + "\" isExecutable=\"false\" />\n <bpmndi:BPMNDiagram id=\"BPMNDiagram_" + uid() + "\">\n <bpmndi:BPMNPlane id=\"BPMNPlane_" + uid() + "\" bpmnElement=\"Process_" + uid() + "\" />\n </bpmndi:BPMNDiagram>\n</bpmn:definitions>";
|
|
923
|
-
/**
|
|
924
|
-
* 生成随机字符串
|
|
925
|
-
*/
|
|
926
|
-
function uid() {
|
|
927
|
-
return Math.random().toString(36).substring(2);
|
|
928
|
-
}
|
|
929
|
-
|
|
930
936
|
var RkBpmnEditorComponent = /** @class */ (function () {
|
|
931
937
|
function RkBpmnEditorComponent() {
|
|
932
938
|
/**
|
|
@@ -1052,7 +1058,7 @@
|
|
|
1052
1058
|
* 重置画板
|
|
1053
1059
|
*/
|
|
1054
1060
|
RkBpmnEditorComponent.prototype.resetDrawingBoard = function () {
|
|
1055
|
-
this.setDefaultData(defaultBpmnData)
|
|
1061
|
+
return this.setDefaultData(defaultBpmnData);
|
|
1056
1062
|
};
|
|
1057
1063
|
/**
|
|
1058
1064
|
* 放大
|
|
@@ -1074,12 +1080,26 @@
|
|
|
1074
1080
|
RkBpmnEditorComponent.prototype.zoomReset = function () {
|
|
1075
1081
|
this.bpmnJS.get('canvas').zoom('fit-viewport', { x: 0, y: 0 });
|
|
1076
1082
|
};
|
|
1083
|
+
/**
|
|
1084
|
+
* 保存当前 BPMN 图的 XML 表示
|
|
1085
|
+
*
|
|
1086
|
+
* 此方法用于将当前 BPMN 图的 XML 表示保存下来它可以接受一个可选参数 format，
|
|
1087
|
+
* 该参数指示是否应格式化 XML 输出当 format 设置为 true 时，XML 将以一种更易于阅读的格式输出；
|
|
1088
|
+
* 否则，它将以紧凑的形式输出
|
|
1089
|
+
*
|
|
1090
|
+
* @param format {boolean} - 可选参数，默认为 true如果设置为 true，保存的 XML 将被格式化以提高可读性
|
|
1091
|
+
* @returns {Promise<string>} - 返回一个 Promise，解析为 BPMN 图的 XML 字符串表示
|
|
1092
|
+
*/
|
|
1093
|
+
RkBpmnEditorComponent.prototype.saveXML = function (format) {
|
|
1094
|
+
if (format === void 0) { format = true; }
|
|
1095
|
+
return this.bpmnJS.saveXML({ format: format });
|
|
1096
|
+
};
|
|
1077
1097
|
/**
|
|
1078
1098
|
* 下载 .bpmn 格式
|
|
1079
1099
|
*/
|
|
1080
1100
|
RkBpmnEditorComponent.prototype.downloadBPMN = function (name) {
|
|
1081
1101
|
var _this = this;
|
|
1082
|
-
this.
|
|
1102
|
+
this.saveXML().then(function (_c) {
|
|
1083
1103
|
var xml = _c.xml;
|
|
1084
1104
|
if (xml) {
|
|
1085
1105
|
// 把数据转换为URI，下载要用到的
|
|
@@ -1089,12 +1109,22 @@
|
|
|
1089
1109
|
}
|
|
1090
1110
|
});
|
|
1091
1111
|
};
|
|
1112
|
+
/**
|
|
1113
|
+
* 保存SVG图形
|
|
1114
|
+
*
|
|
1115
|
+
* 此方法用于将当前图表以SVG格式保存它不接受任何参数
|
|
1116
|
+
* 返回一个Promise对象，该Promise解析为SaveSVGResult类型的结果
|
|
1117
|
+
* 主要用于需要以SVG格式导出或保存当前图表的场景
|
|
1118
|
+
*/
|
|
1119
|
+
RkBpmnEditorComponent.prototype.saveSVG = function () {
|
|
1120
|
+
return this.bpmnJS.saveSVG();
|
|
1121
|
+
};
|
|
1092
1122
|
/**
|
|
1093
1123
|
* 下载 .svg 格式
|
|
1094
1124
|
*/
|
|
1095
1125
|
RkBpmnEditorComponent.prototype.downloadSVG = function () {
|
|
1096
1126
|
var _this = this;
|
|
1097
|
-
this.
|
|
1127
|
+
this.saveSVG().then(function (_c) {
|
|
1098
1128
|
var svg = _c.svg;
|
|
1099
1129
|
if (svg) {
|
|
1100
1130
|
var svgBlob = new Blob([svg], {
|
|
@@ -1122,7 +1152,7 @@
|
|
|
1122
1152
|
return RkBpmnEditorComponent;
|
|
1123
1153
|
}());
|
|
1124
1154
|
RkBpmnEditorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RkBpmnEditorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1125
|
-
RkBpmnEditorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RkBpmnEditorComponent, selector: "rk-bpmn-editor", inputs: { data: "data", propertiesTemplate: "propertiesTemplate" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["ref"], descendants: true }, { propertyName: "properties", first: true, predicate: ["properties"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"layout:col\">\r\n <div class=\"layout:header px-4\">\r\n <div class=\"btn-group\">\r\n <button class=\"btn icon\" title=\"\u5BFC\u5165\u6A21\u578B .bpmn\" (click)=\"fileRef.click()\">\r\n <input #fileRef type=\"file\" style=\"display: none\" accept=\".bpmn\" (change)=\"importModelXML($event)\" />\r\n <i icon type=\"folder-open\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u91CD\u7F6E\u753B\u677F\" (click)=\"resetDrawingBoard()\">\r\n <i icon type=\"reset\"></i>\r\n </button>\r\n </div>\r\n\r\n <div class=\"ml-4\">\r\n <div class=\"btn-group\">\r\n <button class=\"btn icon\" title=\"\u653E\u5927\" (click)=\"zoomIn()\">\r\n <i icon type=\"plus-circle\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u7F29\u5C0F\" (click)=\"zoomOut()\">\r\n <i icon type=\"minus-circle\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u91CD\u7F6E\u4F4D\u7F6E\" (click)=\"zoomReset()\">\r\n <i icon type=\"map-pin\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ml-4\">\r\n <div class=\"btn-group\">\r\n <button class=\"btn icon\" title=\"\u4E0B\u8F7D\u4E3A.bpmn\u683C\u5F0F\" (click)=\"downloadBPMN()\">\r\n <i icon type=\"down-file\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u4E0B\u8F7D\u4E3A.svg\u683C\u5F0F\" (click)=\"downloadSVG()\">\r\n <i icon type=\"down-svg\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"layout:content layout:row\">\r\n <div class=\"layout:content\">\r\n <div #ref class=\"w-full h-full\"></div>\r\n </div>\r\n <div class=\"layout:aside\" *ngIf=\"propertiesTemplate\">\r\n <ng-template [ngTemplateOutlet]=\"propertiesTemplate\"></ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".layout\\:col{display:flex;flex-direction:column;height:100%;overflow:hidden}.layout\\:aside{width:20rem;background-color:#fff;border-right:1px solid #e5e7eb}.layout\\:row{display:flex;flex-direction:row;height:100%;overflow:hidden}.layout\\:header{height:3.5rem;display:flex;align-items:center;border-bottom:1px solid #e5e7eb;background-color:#fff}.layout\\:footer{height:3.5rem;display:flex;align-items:center;border-top:1px solid #e5e7eb;background-color:#fff}.layout\\:content{flex:1;overflow:hidden;background-color:#fff}.layout\\:content+.layout\\:aside{border:0;border-left:1px solid #e5e7eb}.px-4{padding-left:1rem;padding-right:1rem}.ml-4{margin-left:1rem}.w-full{width:100%}.h-full{height:100%}.btn{box-shadow:0 2px #00000004;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none;height:32px;padding:4px 15px;font-size:14px;border-radius:2px;color:#000000d9;border:1px solid #d9d9d9;background:#fff}.btn.icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.btn:hover{color:#40a9ff;border-color:#40a9ff;z-index:1}.btn-group{display:flex}.btn-group .btn{margin-left:-1px;margin-right:-1px;border-radius:0}.btn-group .btn:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.btn-group .btn:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}i[icon]{display:block;width:18px;height:18px}i[type=folder-open]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-folder-open\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M5 19l2.757 -7.351a1 1 0 0 1 .936 -.649h12.307a1 1 0 0 1 .986 1.164l-.996 5.211a2 2 0 0 1 -1.964 1.625h-14.026a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2\" /></svg>')}i[type=reset]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-zoom-reset\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M21 21l-6 -6\" /><path d=\"M3.268 12.043a7.017 7.017 0 0 0 6.634 4.957a7.012 7.012 0 0 0 7.043 -6.131a7 7 0 0 0 -5.314 -7.672a7.021 7.021 0 0 0 -8.241 4.403\" /><path d=\"M3 4v4h4\" /></svg>')}i[type=plus-circle]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-circle-plus\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0\" /><path d=\"M9 12h6\" /><path d=\"M12 9v6\" /></svg>')}i[type=minus-circle]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-circle-minus\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" /><path d=\"M9 12l6 0\" /></svg>')}i[type=map-pin]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-map-pin\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0\" /><path d=\"M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z\" /></svg>')}i[type=down-svg]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-file-type-svg\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M14 3v4a1 1 0 0 0 1 1h4\" /><path d=\"M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4\" /><path d=\"M4 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75\" /><path d=\"M10 15l2 6l2 -6\" /><path d=\"M20 15h-1a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h1v-3\" /></svg>')}i[type=down-file]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-file-download\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M14 3v4a1 1 0 0 0 1 1h4\" /><path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z\" /><path d=\"M12 17v-6\" /><path d=\"M9.5 14.5l2.5 2.5l2.5 -2.5\" /></svg>')}\n", ""], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1155
|
+
RkBpmnEditorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RkBpmnEditorComponent, selector: "rk-bpmn-editor", inputs: { data: "data", propertiesTemplate: "propertiesTemplate" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["ref"], descendants: true }, { propertyName: "properties", first: true, predicate: ["properties"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"layout:col\">\r\n <div class=\"layout:header px-4\">\r\n <div class=\"btn-group\">\r\n <button class=\"btn icon\" title=\"\u5BFC\u5165\u6A21\u578B .bpmn\" (click)=\"fileRef.click()\">\r\n <input #fileRef type=\"file\" style=\"display: none\" accept=\".bpmn\" (change)=\"importModelXML($event)\" />\r\n <i icon type=\"folder-open\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u91CD\u7F6E\u753B\u677F\" (click)=\"resetDrawingBoard().subscribe()\">\r\n <i icon type=\"reset\"></i>\r\n </button>\r\n </div>\r\n\r\n <div class=\"ml-4\">\r\n <div class=\"btn-group\">\r\n <button class=\"btn icon\" title=\"\u653E\u5927\" (click)=\"zoomIn()\">\r\n <i icon type=\"plus-circle\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u7F29\u5C0F\" (click)=\"zoomOut()\">\r\n <i icon type=\"minus-circle\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u91CD\u7F6E\u4F4D\u7F6E\" (click)=\"zoomReset()\">\r\n <i icon type=\"map-pin\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ml-4\">\r\n <div class=\"btn-group\">\r\n <button class=\"btn icon\" title=\"\u4E0B\u8F7D\u4E3A.bpmn\u683C\u5F0F\" (click)=\"downloadBPMN()\">\r\n <i icon type=\"down-file\"></i>\r\n </button>\r\n <button class=\"btn icon\" title=\"\u4E0B\u8F7D\u4E3A.svg\u683C\u5F0F\" (click)=\"downloadSVG()\">\r\n <i icon type=\"down-svg\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"layout:content layout:row\">\r\n <div class=\"layout:content\">\r\n <div #ref class=\"w-full h-full\"></div>\r\n </div>\r\n <div class=\"layout:aside\" *ngIf=\"propertiesTemplate\">\r\n <ng-template [ngTemplateOutlet]=\"propertiesTemplate\"></ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".layout\\:col{display:flex;flex-direction:column;height:100%;overflow:hidden}.layout\\:aside{width:20rem;background-color:#fff;border-right:1px solid #e5e7eb}.layout\\:row{display:flex;flex-direction:row;height:100%;overflow:hidden}.layout\\:header{height:3.5rem;display:flex;align-items:center;border-bottom:1px solid #e5e7eb;background-color:#fff}.layout\\:footer{height:3.5rem;display:flex;align-items:center;border-top:1px solid #e5e7eb;background-color:#fff}.layout\\:content{flex:1;overflow:hidden;background-color:#fff}.layout\\:content+.layout\\:aside{border:0;border-left:1px solid #e5e7eb}.px-4{padding-left:1rem;padding-right:1rem}.ml-4{margin-left:1rem}.w-full{width:100%}.h-full{height:100%}.btn{box-shadow:0 2px #00000004;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none;height:32px;padding:4px 15px;font-size:14px;border-radius:2px;color:#000000d9;border:1px solid #d9d9d9;background:#fff}.btn.icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.btn:hover{color:#40a9ff;border-color:#40a9ff;z-index:1}.btn-group{display:flex}.btn-group .btn{margin-left:-1px;margin-right:-1px;border-radius:0}.btn-group .btn:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.btn-group .btn:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}i[icon]{display:block;width:18px;height:18px}i[type=folder-open]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-folder-open\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M5 19l2.757 -7.351a1 1 0 0 1 .936 -.649h12.307a1 1 0 0 1 .986 1.164l-.996 5.211a2 2 0 0 1 -1.964 1.625h-14.026a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2\" /></svg>')}i[type=reset]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-zoom-reset\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M21 21l-6 -6\" /><path d=\"M3.268 12.043a7.017 7.017 0 0 0 6.634 4.957a7.012 7.012 0 0 0 7.043 -6.131a7 7 0 0 0 -5.314 -7.672a7.021 7.021 0 0 0 -8.241 4.403\" /><path d=\"M3 4v4h4\" /></svg>')}i[type=plus-circle]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-circle-plus\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0\" /><path d=\"M9 12h6\" /><path d=\"M12 9v6\" /></svg>')}i[type=minus-circle]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-circle-minus\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" /><path d=\"M9 12l6 0\" /></svg>')}i[type=map-pin]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-map-pin\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0\" /><path d=\"M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z\" /></svg>')}i[type=down-svg]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-file-type-svg\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M14 3v4a1 1 0 0 0 1 1h4\" /><path d=\"M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4\" /><path d=\"M4 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75\" /><path d=\"M10 15l2 6l2 -6\" /><path d=\"M20 15h-1a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h1v-3\" /></svg>')}i[type=down-file]:before{content:url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-file-download\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M14 3v4a1 1 0 0 0 1 1h4\" /><path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z\" /><path d=\"M12 17v-6\" /><path d=\"M9.5 14.5l2.5 2.5l2.5 -2.5\" /></svg>')}\n", ""], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1126
1156
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RkBpmnEditorComponent, decorators: [{
|
|
1127
1157
|
type: i0.Component,
|
|
1128
1158
|
args: [{
|