@yoobic/yobi 8.5.0-31 → 8.5.0-32

package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-f71d0180.js');
+const index$1 = require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 const bufferEs6 = require('./buffer-es6-f8668f31.js');
-const localForage = require('./localForage-4935cf48.js');
-const commonHelpers = require('./common-helpers-12fd991b.js');
-const videoPlayerHelpers = require('./video-player-helpers-14689574.js');
+const localForage = require('./localForage-6e4a4508.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const videoPlayerHelpers = require('./video-player-helpers-87a04d87.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./index-5da3d711.js');
 

package/dist/cjs/yoo-videoplayer-vimeo.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const videoPlayerHelpers = require('./video-player-helpers-14689574.js');
+const videoPlayerHelpers = require('./video-player-helpers-87a04d87.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./overlays-6e1601a4.js');
+require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-f71d0180.js');
-require('./common-helpers-12fd991b.js');
+require('./index-d23da915.js');
+require('./common-helpers-eef55d89.js');
 
 const videoplayerVimeoCss = "svg:not(:root){overflow:hidden}:host iframe{width:100%;background:var(--dark, #000000)}";
 

package/dist/cjs/yoo-videoplayer-youtube.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const videoPlayerHelpers = require('./video-player-helpers-14689574.js');
+require('./index-d23da915.js');
+const videoPlayerHelpers = require('./video-player-helpers-87a04d87.js');
 const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
-require('./common-helpers-12fd991b.js');
+require('./common-helpers-eef55d89.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerYoutubeCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";

package/dist/cjs/yoo-virtual-item.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-f71d0180.js');
-const overlays = require('./overlays-6e1601a4.js');
+const index$1 = require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-virtual-scroll.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-12fd991b.js');
-const overlays = require('./overlays-6e1601a4.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-waitlist-location-result.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-waitlist-location-start.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-walkthrough.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-web-menu.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const commonHelpers = require('./common-helpers-12fd991b.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-webcam.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-welcome-banner.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const commonHelpers = require('./common-helpers-12fd991b.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-chart.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-small-size.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-tab.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-tile.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
-const overlays = require('./overlays-6e1601a4.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-12fd991b.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
 const index$3 = require('./index-46d2ba10.js');
-const index$1 = require('./index-0579adc5.js');
+const index$1 = require('./index-b3776014.js');
 const index$2 = require('./index-9c56868f.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const overlays = require('./overlays-6e1601a4.js');
-require('./index-f71d0180.js');
+const overlays = require('./overlays-16c90c34.js');
+require('./index-d23da915.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-f71d0180.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-5da3d711.js');
 

package/dist/collection/components/form/form-number-picker/form-number-picker.js

@@ -53,6 +53,7 @@ export class YooFormNumberPickerComponent {
     }
   }
   componentWillLoad() {
+    (isFinite(this.stepAmount) && this.stepAmount > 0) && this.updateMinMaxWithStep();
     if (!this.value && this.useButtons) {
       this.value = this.min;
     }
@@ -63,6 +64,18 @@ export class YooFormNumberPickerComponent {
   get isSecondary() {
     return this.type === 'secondary';
   }
+  updateMinMaxWithStep() {
+    const step = this.stepAmount || 1;
+    for (const bound of ['min', 'max']) {
+      if ((!isFinite(this[bound]) || this[bound] < step) && bound === 'min') {
+        this[bound] = step;
+      }
+      else if (this[bound] % step !== 0) {
+        const diff = this[bound] % step;
+        this[bound] += (diff / step) >= 0.5 ? step - diff : diff * -1;
+      }
+    }
+  }
   setCaretColor() {
     if (this.formInputElement && !this.disabled) {
       const caretColor = this.isSecondary ? 'dark' : 'light';
@@ -83,15 +96,15 @@ export class YooFormNumberPickerComponent {
   updateValidity() {
     let validity = true;
     if (this.required) {
-      validity = this.value != null;
+      validity = isFinite(this.value);
     }
-    if (validity && this.min != null) {
+    if (validity && isFinite(this.min)) {
       validity = this.value >= this.min;
     }
-    if (validity && this.max != null) {
+    if (validity && isFinite(this.max)) {
       validity = this.value <= this.max;
     }
-    if (validity && this.stepAmount != null) {
+    if (validity && isFinite(this.stepAmount)) {
       validity = !(this.value % this.stepAmount);
     }
     if (this.validity !== validity) {

package/dist/collection/components/form/form-text-editor/form-text-editor.css

@@ -215,6 +215,11 @@ svg:not(:root) {
   border: none;
   border-radius: 0;
 }
+:host .char-counter {
+  color: var(--text-color, #807f83);
+  font-size: var(--font-size-12, 0.75rem);
+  text-align: right;
+}
 
 :host(.link) {
   display: flex;

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -1,4 +1,5 @@
 import 'froala-editor/js/plugins/align.min';
+// import 'froala-editor/js/plugins/char_counter.min';
 import 'froala-editor/js/plugins/code_view.min';
 import 'froala-editor/js/plugins/colors.min';
 import 'froala-editor/js/plugins/draggable.min';
@@ -62,7 +63,7 @@ export class YooFormTextEditorComponent {
     this.linkPreviews = [];
     this.formatAmpersandSymbol = false;
     this.allowLinkPreview = false;
-    this.resetHtml = true;
+    this.resetHtml = false;
     this.reloadText = false;
     this.customZIndex = MODAL_BASE_ZINDEX;
     this.mentionedUsers = [];
@@ -340,6 +341,7 @@ export class YooFormTextEditorComponent {
         },
         'contentChanged': () => {
           this.wasContentChangedFired = true;
+          this.onUpdateCharCounter();
           this.onSaveTextEditorValue();
         },
         // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -575,6 +577,10 @@ export class YooFormTextEditorComponent {
       this.initExtraOptions();
     });
   }
+  onUpdateCharCounter() {
+    var _a;
+    this.charCounter = ((_a = this.editor.html.get()) === null || _a === void 0 ? void 0 : _a.length) || 0;
+  }
   getLocale() {
     const currentLangage = getCurrentLanguage() || 'en';
     switch (currentLangage) {
@@ -747,8 +753,11 @@ export class YooFormTextEditorComponent {
   renderLinkPreviews() {
     return (h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.onLinkPreviewChanged(ev) }));
   }
+  renderCharCounter() {
+    return h("div", { class: "char-counter" }, (this.charCounter || 0).toLocaleString());
+  }
   renderEditable() {
-    return [h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), this.allowLinkPreview && this.renderLinkPreviews()];
+    return [h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), this.allowLinkPreview && this.renderLinkPreviews(), this.renderCharCounter()];
   }
   renderReadonly() {
     return h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' });
@@ -1026,7 +1035,7 @@ export class YooFormTextEditorComponent {
         },
         "attribute": "reset-html",
         "reflect": false,
-        "defaultValue": "true"
+        "defaultValue": "false"
       },
       "isFullscreen": {
         "type": "boolean",
@@ -1169,6 +1178,11 @@ export class YooFormTextEditorComponent {
       }
     };
   }
+  static get states() {
+    return {
+      "charCounter": {}
+    };
+  }
   static get events() {
     return [{
         "method": "validityChanged",

package/dist/collection/feature-communicate/chat/card-chat/card-chat.css

@@ -224,8 +224,7 @@ svg:not(:root) {
   width: 100%;
 }
 :host #content #heading yoo-truncated-line {
-  width: calc(100% - (var(--logo-05, 3rem) + var(--spacing-08, 0.5rem)));
-  margin-right: var(--spacing-02, 0.125rem);
+  width: calc(100% - (var(--logo-06, 4rem) + var(--spacing-08, 0.5rem)));
   font-size: var(--font-size-18, 1.125rem);
 }
 :host #content #heading span {

package/dist/collection/utils/helpers/entities-helpers.js

@@ -300,7 +300,7 @@ function getChatDate(lastMessageDate) {
   if (isSameDay) {
     return pipes.dateFormat.transform(date, 'h:mm a');
   }
-  return pipes.dateFormat.transform(date, 'YY/MM/DD');
+  return date.toLocaleDateString();
 }
 export function getFolderIcon(item) {
   return (item === null || item === void 0 ? void 0 : item.folderType) === 'article' ? 'pages' : (item === null || item === void 0 ? void 0 : item.icon) || 'folder';

package/dist/{esm/button.factory-81ae999e.js → design-system/button.factory-e56b4bf1.js}

@@ -1,6 +1,6 @@
-import './index-677b035f.js';
+import './index-33c58bd7.js';
 import { h } from './index-0a59e2a1.js';
-import { Z as translateMulti } from './overlays-85eb3384.js';
+import { Z as translateMulti } from './overlays-1ef74fd7.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/{esm/camera-helpers-e71c9c2e.js → design-system/camera-helpers-f982e788.js}

@@ -1,5 +1,5 @@
-import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-85eb3384.js';
-import './index-44d67644.js';
+import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-1ef74fd7.js';
+import './index-978126b6.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-42a600a4.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-65e82bd0.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-a3d3225b.js → chat-helpers-a2f2f817.js}

@@ -1,6 +1,6 @@
-import './index-44d67644.js';
+import './index-978126b6.js';
 import { i as isArray } from './lodash-653c0bcd.js';
-import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-85eb3384.js';
+import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-1ef74fd7.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-65fabe9f.js → design-system/common-helpers-dcc04717.js}

@@ -1,5 +1,5 @@
-import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-85eb3384.js';
-import './index-44d67644.js';
+import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-1ef74fd7.js';
+import './index-978126b6.js';
 import { C as get } from './lodash-653c0bcd.js';
 
 function getDefaultModalAnimation(host) {

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

@@ -6347,6 +6347,56 @@ textarea.fr-code {
   clip: rect(0, 0, 0, 0);
   border: 0; }
 
+.fr-box .fr-counter {
+  padding: 10px;
+  float: right;
+  color: #999999;
+  content: attr(data-chars);
+  font-size: 14px;
+  font-family: sans-serif;
+  z-index: 1;
+  border-radius: 2px 0 0 0;
+  -moz-border-radius: 2px 0 0 0;
+  -webkit-border-radius: 2px 0 0 0;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box; }
+.fr-box.fr-rtl .fr-counter {
+  left: 0;
+  right: auto;
+  border-left: none;
+  border-radius: 0 2px 0 0;
+  -moz-border-radius: 0 2px 0 0;
+  -webkit-border-radius: 0 2px 0 0;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box; }
+
+.fr-box.fr-code-view .fr-counter {
+  display: none; }
+
+/*!
+ * froala_editor v4.0.14 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2022 Froala Labs
+ */
+
+.fr-clearfix::after {
+  clear: both;
+  display: block;
+  content: "";
+  height: 0; }
+
+.fr-hide-by-clipping {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
 .fr-popup .fr-layer.fr-color-hex-layer {
   margin: 0;
   padding: 20px;
@@ -8444,6 +8494,7 @@ svg:not(:root) {
 
 .fr-second-toolbar {
   display: none;
+  border: none !important;
 }
 .fr-second-toolbar #fr-logo {
   opacity: 0;