@yoobic/yobi 8.3.0-33 → 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/{button.factory-ce9f5896.js → button.factory-267a47c5.js}

@@ -1,6 +1,6 @@
-import './index-85ea6716.js';
+import './index-cf714d9a.js';
 import { h } from './index-54cb3c5d.js';
-import { V as translateMulti } from './overlays-8db3bed4.js';
+import { V as translateMulti } from './overlays-a6b28f2f.js';
 
 const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },

package/dist/design-system/{camera-helpers-e374d2a7.js → camera-helpers-0fe4abe6.js}

@@ -1,5 +1,5 @@
-import { cc as cordova, cd as AwesomeCordovaNativePlugin, ce as cordovaPropertyGet, cf as cordovaPropertySet, cg as registerPlugin, X as getSession, ch as isIonic, f as isNativeMobile, ci as Device, h as isAndroid, F as isIOS, cj as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './overlays-8db3bed4.js';
-import './index-bfa34b4f.js';
+import { cc as cordova, cd as AwesomeCordovaNativePlugin, ce as cordovaPropertyGet, cf as cordovaPropertySet, cg as registerPlugin, X as getSession, ch as isIonic, f as isNativeMobile, ci as Device, h as isAndroid, F as isIOS, cj as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './overlays-a6b28f2f.js';
+import './index-91143f04.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-0daf06e2.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-83addf61.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/{esm/chat-helpers-e72f7f94.js → design-system/chat-helpers-584b7b94.js}

@@ -1,6 +1,6 @@
-import './index-bfa34b4f.js';
+import './index-91143f04.js';
 import { i as isArray } from './lodash-f839ddb6.js';
-import { af as is24Hour, ag as isFile, x as showModal, y as isWeb } from './overlays-8db3bed4.js';
+import { af as is24Hour, ag as isFile, x as showModal, y as isWeb } from './overlays-a6b28f2f.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-7572b8db.js → design-system/common-helpers-9287d544.js}

@@ -1,5 +1,5 @@
-import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, f as isNativeMobile, S as ScreenOrientation, C as findParent, D as isIphoneX, j as isIpadPro, l as isTablet, e as isFullScreenFalse, F as isIOS, h as isAndroid, G as setAnimation, H as animations, I as getCssColor, Y as YOOBICON_ENTITIES_MAP, J as startOf, K as isDateBefore, L as dateDiffInCalendarDays, M as isDateAfter, N as getAsyncExtraData, O as isNativeFilePath, P as cleanupWKWebViewFilePath, Q as Cloudinary, R as getProtocol, T as CloudinaryGradientLayer } from './overlays-8db3bed4.js';
-import './index-bfa34b4f.js';
+import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, f as isNativeMobile, S as ScreenOrientation, C as findParent, D as isIphoneX, j as isIpadPro, l as isTablet, e as isFullScreenFalse, F as isIOS, h as isAndroid, G as setAnimation, H as animations, I as getCssColor, Y as YOOBICON_ENTITIES_MAP, J as startOf, K as isDateBefore, L as dateDiffInCalendarDays, M as isDateAfter, N as getAsyncExtraData, O as isNativeFilePath, P as cleanupWKWebViewFilePath, Q as Cloudinary, R as getProtocol, T as CloudinaryGradientLayer } from './overlays-a6b28f2f.js';
+import './index-91143f04.js';
 import { B as get } from './lodash-f839ddb6.js';
 
 function getDefaultModalAnimation() {

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
  */