@yoobic/yobi 8.3.0-35 → 8.3.0-36

package/dist/collection/feature-platform/admin/draw-flow/draw-flow.js

@@ -7,25 +7,21 @@ export class YooDrawFlowComponent {
     this.exportTriggers = ['nodeCreated', 'nodeRemoved', 'nodeMoved', 'connectionCreated', 'connectionRemoved', 'moduleCreated', 'moduleChanged', 'moduleRemoved'];
   }
   async addBlock(block) {
-    var _a, _b, _c;
-    const template = `
-      <div>
-        <div class="title-box">
-              <yoo-icon class="margin-right" name="${block.icon}" ></yoo-icon>
-              ${translate(block.title)} 
-              <yoo-icon class="margin-left" name="settings" ></yoo-icon>
-        </div>
-        <div class="description-box">${translate((_a = block.config) === null || _a === void 0 ? void 0 : _a.description)}</div>
-      </div>
-    `;
+    var _a, _b;
+    const html = this.getNodeTemplate(block);
     let x = 10;
     let y = 10;
     if (this.lastCreatedId) {
       const previousNode = this.editor.getNodeFromId(this.lastCreatedId);
-      x = previousNode.pos_x + 100;
-      y = previousNode.pos_y + 100;
+      x = previousNode.pos_x + 250;
+      y = previousNode.pos_y + 250;
     }
-    this.editor.addNode(block.type, (_b = block.config) === null || _b === void 0 ? void 0 : _b.inputsNumber, (_c = block.config) === null || _c === void 0 ? void 0 : _c.outputsNumber, x, y, block.category, { title: block.title, category: block.category, type: block.type }, template, false);
+    this.editor.addNode(block.type, (_a = block.config) === null || _a === void 0 ? void 0 : _a.inputsNumber, (_b = block.config) === null || _b === void 0 ? void 0 : _b.outputsNumber, x, y, block.category, {
+      title: block.title,
+      category: block.category,
+      type: block.type,
+      slotName: block.slotName
+    }, html, false);
   }
   async updateNodeConfig(nodeId, config) {
     const node = this.editor.getNodeFromId(nodeId);
@@ -103,6 +99,21 @@ export class YooDrawFlowComponent {
     var _a;
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.zoom_reset();
   }
+  getNodeTemplate(block) {
+    var _a;
+    const template = `
+      <div class="block-container">
+        <div class="title-box">
+              <yoo-icon class="margin-right" name="${block.icon}" ></yoo-icon>
+              <span class="title-text">${translate(block.title)}</span>
+              <yoo-icon class="margin-left" name="settings" ></yoo-icon>
+        </div>
+        <div class="description-box">${translate((_a = block.config) === null || _a === void 0 ? void 0 : _a.description)}</div>
+        <slot name="block-${block.slotName}"></slot>
+      </div>
+    `;
+    return template;
+  }
   render() {
     var _a;
     return (h("div", { class: "drawflow-container" },
@@ -115,6 +126,7 @@ export class YooDrawFlowComponent {
         h("yoo-icon", { name: "circle-plus", size: "medium", onClick: () => this.onZoomIn() }))));
   }
   static get is() { return "yoo-draw-flow"; }
+  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
     "$": ["draw-flow.scss"]
   }; }

package/dist/design-system/design-system.css

@@ -413,7 +413,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -1856,7 +1856,7 @@ span.fr-sr-only {
   position: relative !important; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -4042,7 +4042,7 @@ span.fr-sr-only {
   fill: #0098f7; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6228,7 +6228,7 @@ span.fr-sr-only {
   fill: #0098f7; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6326,7 +6326,7 @@ textarea.fr-code {
     background: #ebebeb; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6425,7 +6425,7 @@ textarea.fr-code {
   -o-transform: translate3d(100%, 0, 0); }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6467,7 +6467,7 @@ textarea.fr-code {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6502,7 +6502,7 @@ textarea.fr-code {
     width: 368px; } }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6631,7 +6631,7 @@ textarea.fr-code {
     left: 100%; } }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6711,7 +6711,7 @@ body.fr-fullscreen {
   overflow: visible !important; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -6948,7 +6948,7 @@ div.fr-modal-body {
   background: #ebebeb; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -7165,7 +7165,7 @@ img.fr-draggable {
   user-select: none; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -7204,7 +7204,7 @@ img.fr-draggable {
       width: 24px; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -7277,7 +7277,7 @@ img.fr-draggable {
       -o-transform: scale(1); }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -7311,7 +7311,7 @@ img.fr-draggable {
     width: 368px; } }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -7416,7 +7416,7 @@ img.fr-draggable {
   white-space: nowrap; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -7618,7 +7618,7 @@ img.fr-draggable {
   margin-top: 0px !important; }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -7985,7 +7985,7 @@ span.fr-img-caption.fr-view {
       max-width: calc(100% - 5px); }
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */