@yoobic/yobi 8.5.0-31 → 8.5.0-33

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-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c0e214.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-370b5c9c.js');
+const commonHelpers = require('./common-helpers-3654a19e.js');
+const videoPlayerHelpers = require('./video-player-helpers-b6913ae8.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-b6913ae8.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./overlays-6e1601a4.js');
+require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-f71d0180.js');
-require('./common-helpers-12fd991b.js');
+require('./index-95f4392b.js');
+require('./common-helpers-3654a19e.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-95f4392b.js');
+const videoPlayerHelpers = require('./video-player-helpers-b6913ae8.js');
 const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
-require('./common-helpers-12fd991b.js');
+require('./common-helpers-3654a19e.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-95f4392b.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.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-3654a19e.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const commonHelpers = require('./common-helpers-3654a19e.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const commonHelpers = require('./common-helpers-3654a19e.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c0e214.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-95f4392b.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-3654a19e.js');
 const index$3 = require('./index-46d2ba10.js');
-const index$1 = require('./index-0579adc5.js');
+const index$1 = require('./index-ecb24a5f.js');
 const index$2 = require('./index-9c56868f.js');
-const overlays = require('./overlays-6e1601a4.js');
+const overlays = require('./overlays-16c0e214.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-16c0e214.js');
+require('./index-95f4392b.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-95f4392b.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-16c0e214.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-5da3d711.js');
 

package/dist/collection/components/2.molecules/accordion/accordion.js

@@ -191,7 +191,7 @@ export class YooAccordionComponent {
           'active-title': item.selected,
           'active-title-sub': this.isSubMenu,
           'selected-handler-item': item.selected && !isNullOrUndefined(item.handler)
-        }, onClick: () => this.onAccordionClick(item, index) }, h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !isNumber(item.notif) && h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && h("yoo-icon", { name: item.icon, color: item.selected && !isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), h("div", { class: { 'title': true, [item.color || '']: true } }, h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && h("span", { class: "count" }, item.subItemCount)), h("div", { class: "right-container" }, item.isBeta && h("yoo-tag", { innerHTML: translate('BETA'), color: "app-color" }), item.actionButtons && item.actionButtons.length > 0 && this.renderActionButton(item.actionButtons), this.iconPairRight && !item.handler && this.renderIconPair(item, this.iconPairRight), !!item.notif && isNumber(item.notif) && h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (h("yoo-tooltip", { onCloseTooltip: (ev) => this.tooltipClosed.emit(ev === null || ev === void 0 ? void 0 : ev.detail), ...item.tagElements.tooltip }, this.renderTag(item))) : (this.renderTag(item)), h("slot", { name: "header" }))),
+        }, onClick: () => this.onAccordionClick(item, index) }, h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !isNumber(item.notif) && h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && h("yoo-icon", { name: item.icon, color: item.selected && !isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), h("div", { class: { 'title': true, [item.color || '']: true } }, h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && h("span", { class: "count" }, item.subItemCount)), h("div", { class: "right-container" }, item.isBeta && h("yoo-tag", { innerHTML: translate('BETA'), color: "app-color-10" }), item.actionButtons && item.actionButtons.length > 0 && this.renderActionButton(item.actionButtons), this.iconPairRight && !item.handler && this.renderIconPair(item, this.iconPairRight), !!item.notif && isNumber(item.notif) && h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (h("yoo-tooltip", { onCloseTooltip: (ev) => this.tooltipClosed.emit(ev === null || ev === void 0 ? void 0 : ev.detail), ...item.tagElements.tooltip }, this.renderTag(item))) : (this.renderTag(item)), h("slot", { name: "header" }))),
       item.slotName && item.selected && h("slot", { name: item.slotName }),
       masterSearch && (h("yoo-form-input", { class: "search accordion-search", size: "medium", iconPrefix: "search", placeholder: "SEARCH", onInputChanged: (ev) => this.searchInputChanged.emit(ev.detail) }))
     ];

package/dist/collection/components/2.molecules/action-sheet/action-sheet.js

@@ -146,7 +146,7 @@ export class YooActionSheetComponent {
         last: lastIndex && !(button.icon || description),
         [button.textClass || '']: true,
         [button.color || '']: true
-      }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index]) }, button.icon && this.renderButtonIcon(button), h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (h("span", { class: { beta: button.isBeta } }, h("span", { innerHTML: text }), " ", h("yoo-tag", { color: "app-color" }, translate('BETA')))) : (h("span", { innerHTML: text })), description && h("div", { class: "description-container" }, description)), (isNumber(button.notif) || isString(button.notif) || isBoolean(button.notif)) && (h("div", { class: "badge-container" }, h("div", { class: "flex" }), isNumber(button.notif) && button.notif > 0 && h("yoo-badge", { text: button.notif.toLocaleString() }), isString(button.notif) && button.notif.length > 0 && h("yoo-badge", { text: button.notif }), isBoolean(button.notif) && button.notif === true && h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
+      }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index]) }, button.icon && this.renderButtonIcon(button), h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (h("span", { class: { beta: button.isBeta } }, h("span", { innerHTML: text }), " ", h("yoo-tag", { color: "app-color-10" }, translate('BETA')))) : (h("span", { innerHTML: text })), description && h("div", { class: "description-container" }, description)), (isNumber(button.notif) || isString(button.notif) || isBoolean(button.notif)) && (h("div", { class: "badge-container" }, h("div", { class: "flex" }), isNumber(button.notif) && button.notif > 0 && h("yoo-badge", { text: button.notif.toLocaleString() }), isString(button.notif) && button.notif.length > 0 && h("yoo-badge", { text: button.notif }), isBoolean(button.notif) && button.notif === true && h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
   }
   renderBottomContainer() {
     return (h("div", { class: "bottom-container" }, h("div", { class: "cancel-container", onClick: () => this.closeActionSheet(false, true), ref: (el) => (this.cancelDiv = el), onTouchStart: () => this.onItemTouchStart(this.cancelDiv), onTouchEnd: () => this.onItemTouchEnd(this.cancelDiv) }, translate('CANCEL'))));

package/dist/collection/components/entities/entity/entity.js

@@ -690,7 +690,7 @@ export class YooEntityComponent {
         iconTopLeftColor: creationType.color,
         imgSrc: creationType.imgSrc,
         tagElements: compact([
-          creationType.isBeta ? { innerHTML: translate('BETA'), customColor: getCssColor('app-color') } : null,
+          creationType.isBeta ? { innerHTML: translate('BETA'), customColor: getCssColor('app-color-10') } : null,
           creationType.needsUpgrade ? { innerHTML: translate('NEEDSUPGRADE'), customColor: getCssColor('accent') } : null
         ]),
         tooltip: creationType.needsUpgrade ? creationType.tooltip : null

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,12 @@ svg:not(:root) {
   border: none;
   border-radius: 0;
 }
+:host .char-counter {
+  margin-top: var(--spacing-04, 0.25rem);
+  color: var(--text-color, #807f83);
+  font-size: var(--font-size-12, 0.75rem);
+  text-align: right;
+}
 
 :host(.link) {
   display: flex;