@yoobic/yobi 8.2.0-4 → 8.2.0-7

package/dist/design-system/yoo-profile-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { an as copyToClipboard, aY as showToast, t as translate, Z as dateFormat, _ as getSession, o as isWeb } from './index-504f216f.js';
+import { an as copyToClipboard, aY as showToast, t as translate, Z as dateFormat, _ as getSession, o as isWeb } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';
@@ -109,8 +109,7 @@ const YooProfileListComponent = class {
     }
   }
   renderTruncate(content, icon) {
-    const charLength = isWeb(this.host) ? 83 : 38;
-    return (h("div", { class: "user-info-list" }, h("div", { class: "start-container" }, h("yoo-icon", { name: icon, color: "dark" }), h("yoo-truncate", { content: content, maxLength: charLength, showEllipsisIcon: true }))));
+    return (h("div", { class: "user-info-list" }, h("div", { class: "start-container" }, h("yoo-icon", { name: icon, color: "dark" }), h("yoo-truncated-line", { content: content }))));
   }
   renderCollapsible(header, content) {
     return (h("yoo-collapsible", { hasArrowIcon: !!content.length, icon: "tag", iconColor: "dark", iconSize: "medium", slotHeader: true }, h("div", { slot: "title" }, header === null || header === void 0 ? void 0 : header.map(tag => {

package/dist/design-system/yoo-profile-summary.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { cI as getDownloadAction, o as isWeb, t as translate, a7 as getUserDisplayName } from './index-504f216f.js';
+import { cI as getDownloadAction, o as isWeb, t as translate, a7 as getUserDisplayName } from './index-0ca062eb.js';
 import { l as isNumber } from './lodash-494e728c.js';
-import { h as showPhotoEditor } from './common-helpers-b49fc758.js';
+import { h as showPhotoEditor } from './common-helpers-a2613dd7.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';
 

package/dist/design-system/yoo-progress-bar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { c_ as isAnimationsDisabled, fo as Linear, aM as gsapFromTo } from './index-504f216f.js';
+import { c_ as isAnimationsDisabled, fp as Linear, aM as gsapFromTo } from './index-0ca062eb.js';
 import { V as debounce, U as clamp, M as isFinite, B as isNull } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-progress-loader.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-504f216f.js';
+import { t as translate } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-progress-recap.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
-import { T as translateMulti } from './index-504f216f.js';
+import { T as translateMulti } from './index-0ca062eb.js';
 import { F as isNil } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-property-card.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, y as getCssColor } from './index-504f216f.js';
+import { t as translate, y as getCssColor } from './index-0ca062eb.js';
 import { p as isString } from './lodash-494e728c.js';
-import { b as getAppContext } from './common-helpers-b49fc758.js';
+import { b as getAppContext } from './common-helpers-a2613dd7.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';
 

package/dist/design-system/yoo-range.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { c as createGesture, b as clamp } from './index-b4f80dc2.js';
-import { z as debounceEvent } from './common-helpers-b49fc758.js';
-import './index-49cd35ea.js';
-import './index-504f216f.js';
+import { c as createGesture, b as clamp } from './index-92eaf1e4.js';
+import { z as debounceEvent } from './common-helpers-a2613dd7.js';
+import './index-2c7be4dc.js';
+import './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-rating.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { E as getAsyncExtraData, o as isWeb, I as closeModal, t as translate } from './index-504f216f.js';
+import { E as getAsyncExtraData, o as isWeb, I as closeModal, t as translate } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-reset-password.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, k as getAssetPath, e as Host, g as getElement } from './index-019c1b1a.js';
 import { c as FormFieldType } from './index-93c86f26.js';
-import { d as isNativeMobile, t as translate, o as isWeb } from './index-504f216f.js';
+import { d as isNativeMobile, t as translate, o as isWeb } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-result-dialog.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { T as translateMulti, t as translate } from './index-504f216f.js';
-import { b as getAppContext } from './common-helpers-b49fc758.js';
+import { T as translateMulti, t as translate } from './index-0ca062eb.js';
+import { b as getAppContext } from './common-helpers-a2613dd7.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-reveal.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { T as translateMulti } from './index-504f216f.js';
+import { T as translateMulti } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-salesai-formula.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-019c1b1a.js';
-import { t as translate, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand } from './index-504f216f.js';
+import { t as translate, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand } from './index-0ca062eb.js';
 import { Y as filter, o as orderBy, W as find } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-scandit.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { d as isNativeMobile, ae as showAlert, t as translate, _ as getSession } from './index-504f216f.js';
+import { d as isNativeMobile, ae as showAlert, t as translate, _ as getSession } from './index-0ca062eb.js';
 import { a as createCommonjsModule, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-f4d11124.js';
-import { b as getAppContext } from './common-helpers-b49fc758.js';
+import { b as getAppContext } from './common-helpers-a2613dd7.js';
 import './lodash-494e728c.js';
 import './index-93c86f26.js';
 
@@ -10,7 +10,7 @@ var browser = createCommonjsModule(function (module, exports) {
  * @license
  *
  * Scandit Barcode Scanner SDK for the Web
- * v. 5.11.0
+ * v. 5.11.1
  *
  * Copyright © 2022 Scandit AG. All Rights Reserved.
  *
@@ -5098,8 +5098,8 @@ var browser = createCommonjsModule(function (module, exports) {
 	        // wasmJSVersion is globally defined inside scandit-engine-sdk.min.js
 	        const wasmJSVersion = (_self$wasmJSVersion = self.wasmJSVersion) !== null && _self$wasmJSVersion !== void 0 ? _self$wasmJSVersion : "undefined"; // istanbul ignore if
 
-	        if (wasmJSVersion !== "5.11.0") {
-	          log("error", "The Scandit Data Capture library JS file found at ".concat(jsURI, " seems invalid: ") + "expected version doesn't match (received: ".concat(wasmJSVersion, ", expected: ", "5.11.0", "). ") + "Please ensure the correct Scandit Data Capture file (with correct version) is retrieved.");
+	        if (wasmJSVersion !== "5.11.1") {
+	          log("error", "The Scandit Data Capture library JS file found at ".concat(jsURI, " seems invalid: ") + "expected version doesn't match (received: ".concat(wasmJSVersion, ", expected: ", "5.11.1", "). ") + "Please ensure the correct Scandit Data Capture file (with correct version) is retrieved.");
 	        }
 
 	        if (typeof self.WebAssembly.instantiateStreaming === "function") {
@@ -5492,10 +5492,10 @@ var browser = createCommonjsModule(function (module, exports) {
 	    let cdnURI = false;
 
 	    if (/^https?:\/\/([^\/.]*\.)*cdn.jsdelivr.net\//.test(libraryLocation)) {
-	      libraryLocation = "https://cdn.jsdelivr.net/npm/scandit-sdk@5.11.0/build/";
+	      libraryLocation = "https://cdn.jsdelivr.net/npm/scandit-sdk@5.11.1/build/";
 	      cdnURI = true;
 	    } else if (/^https?:\/\/([^\/.]*\.)*unpkg.com\//.test(libraryLocation)) {
-	      libraryLocation = "https://unpkg.com/scandit-sdk@5.11.0/build/";
+	      libraryLocation = "https://unpkg.com/scandit-sdk@5.11.1/build/";
 	      cdnURI = true;
 	    }
 
@@ -5517,8 +5517,8 @@ var browser = createCommonjsModule(function (module, exports) {
 	    }
 
 	    return {
-	      jsURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".min.js?v=5.11.0"),
-	      wasmURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".wasm?v=5.11.0")
+	      jsURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".min.js?v=5.11.1"),
+	      wasmURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".wasm?v=5.11.1")
 	    };
 	  }
 
@@ -5729,8 +5729,8 @@ var browser = createCommonjsModule(function (module, exports) {
 	    });
 	  }
 
-	  function instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback) {
-	    verifiedWasmFetch(wasmURI, textRecognition, simdSupport, true).then(function (response) {
+	  function instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback, existingResponse) {
+	    (existingResponse != null ? Promise.resolve(existingResponse) : verifiedWasmFetch(wasmURI, textRecognition, simdSupport, true)).then(function (response) {
 	      return response.arrayBuffer();
 	    }).then(function (bytes) {
 	      return self.WebAssembly.instantiate(bytes, importObject).then(function (results) {
@@ -5752,7 +5752,7 @@ var browser = createCommonjsModule(function (module, exports) {
 	      }).catch(function (error) {
 	        log("warn", error);
 	        log("warn", "WebAssembly streaming compile failed. " + "Falling back to ArrayBuffer instantiation (this will make things slower)");
-	        instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback);
+	        instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback, response);
 	      });
 	    }).catch(
 	    /* istanbul ignore next */
@@ -10188,6 +10188,8 @@ var browser = createCommonjsModule(function (module, exports) {
 
 	    _defineProperty(this, "triggerZoomMoveListener", this.triggerZoomMove.bind(this));
 
+	    _defineProperty(this, "checkCameraVideoStreamAccessIfVisibleListener", this.checkCameraVideoStreamAccessIfVisible.bind(this));
+
 	    _defineProperty(this, "cameraType", void 0);
 
 	    _defineProperty(this, "selectedCameraSettings", void 0);
@@ -10460,11 +10462,12 @@ var browser = createCommonjsModule(function (module, exports) {
 	                this.activeCamera = undefined;
 
 	                if (!(this.mediaStream != null)) {
-	                  _context4.next = 13;
+	                  _context4.next = 14;
 	                  break;
 	                }
 
-	                exports.Logger.log(exports.Logger.Level.DEBUG, "Stop camera video stream access (stream):", this.mediaStream);
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Stop camera video stream access".concat(cameraInitializationFailure ? " (abort access detection)" : "", ":"), this.mediaStream);
+	                document.removeEventListener("visibilitychange", this.checkCameraVideoStreamAccessIfVisibleListener);
 	                window.clearTimeout(this.cameraAccessTimeout);
 	                window.clearInterval(this.videoMetadataCheckInterval);
 	                window.clearTimeout(this.getCapabilitiesTimeout);
@@ -10495,7 +10498,7 @@ var browser = createCommonjsModule(function (module, exports) {
 	                  }, 0);
 	                }));
 
-	              case 13:
+	              case 14:
 	              case "end":
 	                return _context4.stop();
 	            }
@@ -11097,6 +11100,15 @@ var browser = createCommonjsModule(function (module, exports) {
 	        this.updateActiveCameraCurrentResolution(this.activeCamera);
 	      }
 	    }
+	  }, {
+	    key: "checkCameraVideoStreamAccessIfVisible",
+	    value: function checkCameraVideoStreamAccessIfVisible() {
+	      if (document.visibilityState === "visible") {
+	        exports.Logger.log(exports.Logger.Level.DEBUG, "Page is visible again, waiting for camera video stream start...");
+	        document.removeEventListener("visibilitychange", this.checkCameraVideoStreamAccessIfVisibleListener);
+	        this.setCameraAccessTimeout();
+	      }
+	    }
 	  }, {
 	    key: "videoTrackEndedRecovery",
 	    value: function () {
@@ -11105,25 +11117,37 @@ var browser = createCommonjsModule(function (module, exports) {
 	          while (1) {
 	            switch (_context15.prev = _context15.next) {
 	              case 0:
-	                _context15.prev = 0;
 	                exports.Logger.log(exports.Logger.Level.DEBUG, 'Detected video track "ended" event, try to reinitialize camera');
-	                _context15.next = 4;
-	                return this.reinitializeCamera();
 
-	              case 4:
-	                _context15.next = 8;
+	                if (!(document.visibilityState !== "visible")) {
+	                  _context15.next = 6;
+	                  break;
+	                }
+
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Page is currently not visible, delay camera reinitialization until visible");
+	                document.addEventListener("visibilitychange", this.checkCameraVideoStreamAccessIfVisibleListener);
+	                _context15.next = 13;
 	                break;
 
 	              case 6:
 	                _context15.prev = 6;
-	                _context15.t0 = _context15["catch"](0);
+	                _context15.next = 9;
+	                return this.reinitializeCamera();
 
-	              case 8:
+	              case 9:
+	                _context15.next = 13;
+	                break;
+
+	              case 11:
+	                _context15.prev = 11;
+	                _context15.t0 = _context15["catch"](6);
+
+	              case 13:
 	              case "end":
 	                return _context15.stop();
 	            }
 	          }
-	        }, _callee15, this, [[0, 6]]);
+	        }, _callee15, this, [[6, 11]]);
 	      }));
 
 	      function videoTrackEndedRecovery() {
@@ -11146,7 +11170,7 @@ var browser = createCommonjsModule(function (module, exports) {
 	                  break;
 	                }
 
-	                exports.Logger.log(exports.Logger.Level.DEBUG, "Detected video track \"".concat(event.type, "\" event, delay video stream access detection"));
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Detected video track \"".concat(event.type, "\" event, delay camera video stream access detection"));
 	                this.setCameraAccessTimeout();
 	                return _context16.abrupt("return");
 
@@ -11747,7 +11771,7 @@ var browser = createCommonjsModule(function (module, exports) {
 
 	              case 11:
 	                stream = _context27.sent;
-	                exports.Logger.log(exports.Logger.Level.DEBUG, "Camera accessed, waiting for video stream start..."); // Detect weird browser behaviour that on unsupported resolution returns a 2x2 video instead
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Camera accessed, waiting for camera video stream start..."); // Detect weird browser behaviour that on unsupported resolution returns a 2x2 video instead
 
 	                if (!(typeof stream.getTracks()[0].getSettings === "function")) {
 	                  _context27.next = 22;
@@ -11843,13 +11867,24 @@ var browser = createCommonjsModule(function (module, exports) {
 	          while (1) {
 	            switch (_context28.prev = _context28.next) {
 	              case 0:
-	                _context28.next = 2;
+	                if (!(document.visibilityState !== "visible")) {
+	                  _context28.next = 5;
+	                  break;
+	                }
+
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Page is currently not visible, delay camera video stream access detection");
+	                document.addEventListener("visibilitychange", _this9.checkCameraVideoStreamAccessIfVisibleListener);
+	                _context28.next = 8;
+	                break;
+
+	              case 5:
+	                _context28.next = 7;
 	                return _this9.stopStream(true);
 
-	              case 2:
+	              case 7:
 	                (_this9$cameraAccessRe = _this9.cameraAccessRejectCallback) === null || _this9$cameraAccessRe === void 0 ? void 0 : _this9$cameraAccessRe.call(_this9, new CustomError(CameraManager.notReadableErrorParameters));
 
-	              case 3:
+	              case 8:
 	              case "end":
 	                return _context28.stop();
 	            }
@@ -16434,7 +16469,7 @@ var browser = createCommonjsModule(function (module, exports) {
 	  return assertUnreachable(schema);
 	}
 
-	/*! *****************************************************************************
+	/******************************************************************************
 	Copyright (c) Microsoft Corporation.
 
 	Permission to use, copy, modify, and/or distribute this software for any
@@ -17827,7 +17862,7 @@ var browser = createCommonjsModule(function (module, exports) {
 	        while (1) {
 	          switch (_context.prev = _context.next) {
 	            case 0:
-	              exports.Logger.log(exports.Logger.Level.INFO, "Scandit Web SDK version: 5.11.0");
+	              exports.Logger.log(exports.Logger.Level.INFO, "Scandit Web SDK version: 5.11.1");
 	              exports.configurePhase = "started";
 	              browserCompatibility = exports.BrowserHelper.checkBrowserCompatibility();
 

package/dist/design-system/yoo-scratch-card-creator.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-504f216f.js';
+import { t as translate } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-scratch-card.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, k as getAssetPath, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { ba as getMedia, o as isWeb, bg as getContrastColor, T as translateMulti } from './index-504f216f.js';
-import './index-006c1412.js';
+import { ba as getMedia, o as isWeb, bg as getContrastColor, T as translateMulti } from './index-0ca062eb.js';
+import './index-df177d50.js';
 import { j as getPointerCoordinates } from './annotations-helpers-06bdd868.js';
-import { g as getFromOfflineStorage } from './localForage-915352b3.js';
+import { g as getFromOfflineStorage } from './localForage-d380835e.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';

package/dist/design-system/yoo-section-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, aK as gsapTo, aL as gsapSet, cL as gsapFrom, cM as showRename, T as translateMulti } from './index-504f216f.js';
+import { t as translate, aK as gsapTo, aL as gsapSet, cL as gsapFrom, cM as showRename, T as translateMulti } from './index-0ca062eb.js';
 import { V as debounce, q as clone, G as omit, A as get } from './lodash-494e728c.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -428,7 +428,7 @@ const YooSectionListComponent = class {
   }
   renderSectionItem(item) {
     let checkboxRef;
-    return (h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() }, h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })), h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) }, h("div", { class: "title-container" }, item.user && h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }), item.title && h("div", { class: "title" }, h("yoo-truncate", { innerHTML: translateMulti(item.title) })), item.text && h("div", { class: "description" }, h("yoo-truncate", null, translateMulti(item.text)))), h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))), !this.disableSortable && !this.isReadonly && h("div", { class: "draggable" }, h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), !this.isOwner && (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
+    return (h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() }, h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })), h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) }, h("div", { class: "title-container" }, item.user && h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }), item.title && h("div", { class: "title" }, h("yoo-truncated-line", { content: translateMulti(item.title) })), item.text && h("div", { class: "description" }, h("yoo-truncated-line", { content: translateMulti(item.text) }))), h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))), !this.disableSortable && !this.isReadonly && h("div", { class: "draggable" }, h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), !this.isOwner && (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
   }
   renderSectionItemColumn(column) {
     return (h("div", { class: "column" }, column.icon && h("yoo-icon", { name: column.icon, size: "small" }), h("div", { class: "value" }, translate(column.value))));

package/dist/design-system/yoo-segment.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-504f216f.js';
+import { t as translate } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';
 
-const segmentCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{margin:0;padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem)}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active{background:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}";
+const segmentCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active{background:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}";
 
 const YooSegmentComponent = class {
   constructor(hostRef) {
@@ -32,7 +32,10 @@ const YooSegmentComponent = class {
     var _a;
     return (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((value, index) => {
       if (value) {
-        return (h("div", { class: { 'segment-container': true, active: this.selectedIndex === index }, onClick: () => this.onSegmentClick(index) }, this.renderSegment(value, index), h("slot", { name: value.id }), h("div", { class: {
+        return (h("div", { class: {
+            'segment-container': true,
+            active: this.selectedIndex === index
+          }, onClick: () => this.onSegmentClick(index), style: { width: `${100 / (this.values.length || 1)}%` } }, this.renderSegment(value, index), h("slot", { name: value.id }), h("div", { class: {
             separator: true,
             active: this.selectedIndex === index || this.selectedIndex - 1 === index
           } })));
@@ -40,7 +43,7 @@ const YooSegmentComponent = class {
     });
   }
   renderSegment(value, index) {
-    return (h("div", { class: "segment-content" }, value.icon && h("yoo-icon", { size: this.size === 'large' ? 'medium' : this.size === 'medium' ? 'small' : this.size, name: value.icon, color: index === this.selectedIndex ? 'light' : 'stable' }), value.label && h("yoo-truncate", null, h("h3", null, translate(value.label)))));
+    return (h("div", { class: "segment-content" }, value.icon && h("yoo-icon", { size: this.size === 'large' ? 'medium' : this.size === 'medium' ? 'small' : this.size, name: value.icon, color: index === this.selectedIndex ? 'light' : 'stable' }), value.label && h("yoo-truncated-line", null, h("h3", null, translate(value.label)))));
   }
   render() {
     return h(Host, { style: { maxWidth: this.maxWidth ? this.maxWidth + 'px' : null } }, this.renderSegments());

package/dist/design-system/yoo-side-menu-tree.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate } from './index-504f216f.js';
+import { t as translate } from './index-0ca062eb.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';
@@ -69,7 +69,7 @@ const YooSideMenuTreeComponent = class {
     return (h("div", { class: "bottom-action", onClick: () => this.onBottomActionClicked() }, this.contentExpanded ? h("span", null, translate('YOOBICSEEALL')) : h("span", null, translate('YOOBICMORE')), h("yoo-icon", { name: "arrow-down", color: "stable" })));
   }
   renderTitle(header) {
-    return (h("yoo-header", { class: "secondary no-border" }, h("yoo-truncate", { class: "align-left" }, translate(header))));
+    return (h("yoo-header", { class: "secondary no-border" }, h("yoo-truncated-line", { content: translate(header), class: "align-left" })));
   }
   render() {
     const subItems = (this.subItems || []).filter((item) => { var _a; return !(!item || ((_a = item === null || item === void 0 ? void 0 : item.badge) === null || _a === void 0 ? void 0 : _a.text) === '0'); });

package/dist/design-system/yoo-side-menu.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb, ak as dispatchCustomEvent, t as translate, _ as getSession } from './index-504f216f.js';
+import { o as isWeb, ak as dispatchCustomEvent, t as translate, _ as getSession } from './index-0ca062eb.js';
 import { l as isNumber } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';
 
-const sideMenuCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{--menu-width:15rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--menu-width);height:100%;background:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .scrolling-container{position:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .divider{height:0.0625rem;margin:var(--spacing-08, 0.5rem) 0;background-color:var(--stable-light, #f1f1f1)}:host .avatar-divider{width:2.25rem;margin:auto;background-color:transparent}:host .top-container{-ms-flex:1;flex:1}:host .top-container .header-items{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 var(--spacing-16, 1rem) 0}:host .top-container .header-items yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host .top-container yoo-form-input{margin:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.has-header{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.hidden{display:none;opacity:0}:host .top-container .header-logo yoo-img{--logo-text-color:var(--dark, #000000);height:2.125rem}:host .top-container .header-logo:hover{cursor:pointer}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:2rem;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .avatar-container:hover{background:var(--app-color-10, rgba(90, 48, 244, 0.1));cursor:pointer}:host .avatar-container yoo-icon{margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-08, 0.5rem)}:host .avatar-container .profile-avatar-and-name{display:-ms-flexbox;display:flex}:host .avatar-container .profile-avatar-and-name .user-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host yoo-accordion{--accordion-background:transparent;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:var(--font-weight-400, 400);--title-font-color:var(--dark, #000000);--title-icon-color:var(--text-color, #807f83);--right-icon-color:var(--stable, #adadad);--hover-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-color:var(--app-color, #5a30f4)}:host .icon-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:2.25rem}:host .top-list{padding-bottom:var(--spacing-04, 0.25rem)}:host .top-list .menu-icon{margin-bottom:0 !important}:host .bottom-container,:host .top-container{margin:var(--spacing-16, 1rem) var(--spacing-24, 1.5rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);-webkit-transition:0.3s;transition:0.3s}:host .bottom-container .icon-container,:host .top-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;margin:var(--spacing-02, 0.125rem) 0;border-radius:50%;cursor:pointer}:host .bottom-container .icon-container:hover,:host .top-container .icon-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .bottom-container .icon-container yoo-badge,:host .top-container .icon-container yoo-badge{position:absolute;top:1rem;right:auto;bottom:auto;left:-0.325rem}:host .bottom-container .icon-container yoo-badge.count,:host .top-container .icon-container yoo-badge.count{background-color:var(--light, #ffffff);border:solid var(--light, #ffffff) 0.1875rem;border-radius:50%;position:absolute;top:-0.5625rem;right:-0.6875rem;bottom:auto;left:auto}:host .bottom-container .icon-row,:host .top-container .icon-row{display:-ms-flexbox;display:flex}:host .bottom-container .icon-row .icon-container.toggle-icon,:host .top-container .icon-row .icon-container.toggle-icon{position:absolute;right:1.5rem}:host(.collapsed){width:4.5rem}:host(.collapsed) .bottom-container,:host(.collapsed) .top-container{margin:var(--spacing-08, 0.5rem) 0}:host(.collapsed) .top-container .header-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;margin:var(--spacing-04, 0.25rem) 0}:host(.collapsed) .top-container .header-logo:hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:50%}:host(.collapsed) .top-container .header-logo yoo-img{width:1.5rem;height:1.5rem}:host(.hidden){width:0}:host(.custom-theme:not(.feed)){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff);--text-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.custom-theme:not(.feed)) yoo-accordion{--divider-background:var(--light-10, rgba(255, 255, 255, 0.1));--hover-background:var(--stable-light-60, rgba(241, 241, 241, 0.6));--selected-background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.custom-theme:not(.feed)) .avatar-container:hover{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.no-margin) .top-container{margin-top:0;margin-bottom:0}";
+const sideMenuCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{--menu-width:15rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--menu-width);height:100%;background:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .scrolling-container{position:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .divider{height:0.0625rem;margin:var(--spacing-08, 0.5rem) 0;background-color:var(--stable-light, #f1f1f1)}:host .avatar-divider{width:2.25rem;margin:auto;background-color:transparent}:host .top-container{-ms-flex:1;flex:1}:host .top-container .header-items{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 var(--spacing-16, 1rem) 0}:host .top-container .header-items yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host .top-container yoo-form-input{margin:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.has-header{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.hidden{display:none;opacity:0}:host .top-container .header-logo yoo-img{--logo-text-color:var(--dark, #000000);height:2.125rem}:host .top-container .header-logo:hover{cursor:pointer}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2rem;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .avatar-container:hover{background:var(--app-color-10, rgba(90, 48, 244, 0.1));cursor:pointer}:host .avatar-container yoo-icon{margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-08, 0.5rem)}:host .avatar-container .profile-avatar-and-name{display:-ms-flexbox;display:flex;width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)))}:host .avatar-container .profile-avatar-and-name .user-name{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)));margin-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host yoo-accordion{--accordion-background:transparent;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:var(--font-weight-400, 400);--title-font-color:var(--dark, #000000);--title-icon-color:var(--text-color, #807f83);--right-icon-color:var(--stable, #adadad);--hover-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-color:var(--app-color, #5a30f4)}:host .icon-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:2.25rem}:host .top-list{padding-bottom:var(--spacing-04, 0.25rem)}:host .top-list .menu-icon{margin-bottom:0 !important}:host .bottom-container,:host .top-container{margin:var(--spacing-16, 1rem) var(--spacing-24, 1.5rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);-webkit-transition:0.3s;transition:0.3s}:host .bottom-container .icon-container,:host .top-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;margin:var(--spacing-02, 0.125rem) 0;border-radius:50%;cursor:pointer}:host .bottom-container .icon-container:hover,:host .top-container .icon-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .bottom-container .icon-container yoo-badge,:host .top-container .icon-container yoo-badge{position:absolute;top:1rem;right:auto;bottom:auto;left:-0.325rem}:host .bottom-container .icon-container yoo-badge.count,:host .top-container .icon-container yoo-badge.count{background-color:var(--light, #ffffff);border:solid var(--light, #ffffff) 0.1875rem;border-radius:50%;position:absolute;top:-0.5625rem;right:-0.6875rem;bottom:auto;left:auto}:host .bottom-container .icon-row,:host .top-container .icon-row{display:-ms-flexbox;display:flex}:host .bottom-container .icon-row .icon-container.toggle-icon,:host .top-container .icon-row .icon-container.toggle-icon{position:absolute;right:1.5rem}:host(.collapsed){width:4.5rem}:host(.collapsed) .bottom-container,:host(.collapsed) .top-container{margin:var(--spacing-08, 0.5rem) 0}:host(.collapsed) .top-container .header-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;margin:var(--spacing-04, 0.25rem) 0}:host(.collapsed) .top-container .header-logo:hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:50%}:host(.collapsed) .top-container .header-logo yoo-img{width:1.5rem;height:1.5rem}:host(.hidden){width:0}:host(.custom-theme:not(.feed)){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff);--text-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.custom-theme:not(.feed)) yoo-accordion{--divider-background:var(--light-10, rgba(255, 255, 255, 0.1));--hover-background:var(--stable-light-60, rgba(241, 241, 241, 0.6));--selected-background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.custom-theme:not(.feed)) .avatar-container:hover{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.no-margin) .top-container{margin-top:0;margin-bottom:0}";
 
 const YooSideMenuComponent = class {
   constructor(hostRef) {
@@ -131,7 +131,7 @@ const YooSideMenuComponent = class {
         entries[this.selectedIndex].selected = true;
       }
       const isCustomTheme = getSession().isCustomTheme;
-      return (h("yoo-accordion", { class: { 'side-menu': !isSubMenu, 'side-menu-sub': isSubMenu, 'custom-theme': isCustomTheme }, forceEntryUpdate: true, entries: entries, maxTitleCharacters: !isSubMenu ? 18 : undefined, iconPairRight: ['arrow-down', 'arrow-up'], allowMultipleSelection: false, isSubMenu: isSubMenu, onAccordionSelected: (ev) => {
+      return (h("yoo-accordion", { class: { 'side-menu': !isSubMenu, 'side-menu-sub': isSubMenu, 'custom-theme': isCustomTheme }, forceEntryUpdate: true, entries: entries, iconPairRight: ['arrow-down', 'arrow-up'], allowMultipleSelection: false, isSubMenu: isSubMenu, onAccordionSelected: (ev) => {
           if (!isSubMenu) {
             this.selectedIndex = ev.detail.selected ? ev.detail.index : undefined;
           }
@@ -184,7 +184,7 @@ const YooSideMenuComponent = class {
   }
   renderAccountAvatar() {
     return this.isMenuCollapsed ? (h("yoo-tooltip", { hoverable: true, placement: "right" }, h("div", { class: "icon-container" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true })))) : ([
-      h("div", { class: "profile-avatar-and-name" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true }), this.user && (h("div", { class: "user-name" }, h("yoo-truncate", { content: `${this.user.firstName} ${this.user.lastName}`, maxLength: 14 })))),
+      h("div", { class: "profile-avatar-and-name" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true }), this.user && (h("div", { class: "user-name" }, h("yoo-truncated-line", { withTooltip: false, content: `${this.user.firstName} ${this.user.lastName}` })))),
       h("yoo-icon", { name: this.isContextMenuOpen ? 'arrow-up' : 'arrow-down', color: "stable" })
     ]);
   }

package/dist/design-system/yoo-slides-media.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { I as closeModal, S as ScreenOrientation, r as findParent, ai as isImage, aN as isImageUrl, d as isNativeMobile, e as isAndroid, az as capitalizeFirstLetter, T as translateMulti, n as showModal, o as isWeb, E as getAsyncExtraData, t as translate, aY as showToast, J as gsapTimeline, av as isPhotoEdited, aK as gsapTo, u as isIphoneX, W as pipes, ag as isVideo } from './index-504f216f.js';
+import { I as closeModal, S as ScreenOrientation, r as findParent, ai as isImage, aN as isImageUrl, d as isNativeMobile, e as isAndroid, az as capitalizeFirstLetter, T as translateMulti, n as showModal, o as isWeb, E as getAsyncExtraData, t as translate, aY as showToast, J as gsapTimeline, av as isPhotoEdited, aK as gsapTo, u as isIphoneX, W as pipes, ag as isVideo } from './index-0ca062eb.js';
 import { a as isArray } from './lodash-494e728c.js';
-import { n as lockSwipes } from './common-helpers-b49fc758.js';
-import { b as parseEntityForCardMedia } from './entities-helpers-ca12f1df.js';
-import { d as fuzzySearch } from './form-text-area-helpers-a7ffe854.js';
+import { n as lockSwipes } from './common-helpers-a2613dd7.js';
+import { b as parseEntityForCardMedia } from './entities-helpers-79d32798.js';
+import { d as fuzzySearch } from './form-text-area-helpers-c81622ec.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';
 

package/dist/design-system/yoo-start-meeting-popup.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate } from './index-504f216f.js';
-import { b as getAppContext } from './common-helpers-b49fc758.js';
+import { t as translate } from './index-0ca062eb.js';
+import { b as getAppContext } from './common-helpers-a2613dd7.js';
 import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-93c86f26.js';