@yoobic/yobi 8.2.0-17 → 8.2.0-18

package/dist/design-system/{form-choice-helpers-62cf0a50.js → form-choice-helpers-7f7bf83b.js}

@@ -26,11 +26,11 @@ function onItemSelect(item, choiceElement, preventSetValue = false) {
   }
 }
 function getColor(value, valuesColor, selection) {
-  if (valuesColor && value) {
-    if (!isSelected(value, selection))
-      return '';
-    return valuesColor.find(valueColor => valueColor.key === value).value || '';
+  var _a;
+  if ((valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.length) && value) {
+    return isSelected(value, selection) ? ((_a = valuesColor.find(({ key }) => key === value)) === null || _a === void 0 ? void 0 : _a.value) || '' : '';
   }
+  return '';
 }
 function updateValue(newVal, oldVal, choiceElement, onSelectCall) {
   if (!isEqual(oldVal, newVal)) {

package/dist/design-system/yoo-form-choice-button.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 translate, T as translateMulti } from './index-31fcf34b.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect } from './form-choice-helpers-62cf0a50.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect } from './form-choice-helpers-7f7bf83b.js';
 import { R as ReadonlyCard } from './readonly-card-7ac5609f.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-form-choice-card.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 { i as isChromatic, t as translate, T as translateMulti } from './index-31fcf34b.js';
 import { s as setColorSVG } from './common-helpers-cd0eef7a.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect } from './form-choice-helpers-62cf0a50.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect } from './form-choice-helpers-7f7bf83b.js';
 import { R as ReadonlyCard } from './readonly-card-7ac5609f.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-form-choice-chat.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 { M as MessageType } from './index-161cea2b.js';
 import { t as translate, T as translateMulti } from './index-31fcf34b.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect } from './form-choice-helpers-62cf0a50.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect } from './form-choice-helpers-7f7bf83b.js';
 import { R as ReadonlyCard } from './readonly-card-7ac5609f.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-form-choice-image.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, i as createEvent, h, e as Host, g as getElement
 import { T as translateMulti } from './index-31fcf34b.js';
 import { y as isEqual, p as isString } from './lodash-b0ad17f3.js';
 import { c as showSlidesMedia } from './common-helpers-cd0eef7a.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-62cf0a50.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-7f7bf83b.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-161cea2b.js';
 import './draggable-tags-helpers-e5a59085.js';

package/dist/design-system/yoo-form-choice-radio.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, i as createEvent, h, e as Host, g as getElement
 import { t as translate, T as translateMulti } from './index-31fcf34b.js';
 import { c as compact, p as isString } from './lodash-b0ad17f3.js';
 import { a as setValueAndValidateInput } from './form-input-helpers-eba381d1.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect } from './form-choice-helpers-62cf0a50.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect } from './form-choice-helpers-7f7bf83b.js';
 import { R as ReadonlyCard } from './readonly-card-7ac5609f.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-161cea2b.js';

package/dist/design-system/yoo-form-input.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 { dk as isKeyboardResizeModeInactive, o as isWeb, R as isNullOrUndefined, p as debounce, v as isIOS, ab as enableKeyboardResize, aE as isPresent, aa as disableKeyboardResize, d as isNativeMobile, bG as isSafari, e as isAndroid, dt as isHTML, fw as extractTextFromStringHTML, an as copyToClipboard, aZ as showToast, t as translate, dm as resizeObserve, c$ as isAnimationsDisabled } from './index-31fcf34b.js';
+import { dk as isKeyboardResizeModeInactive, o as isWeb, R as isNullOrUndefined, p as debounce, v as isIOS, ab as enableKeyboardResize, aa as disableKeyboardResize, d as isNativeMobile, bG as isSafari, e as isAndroid, dt as isHTML, fw as extractTextFromStringHTML, an as copyToClipboard, aZ as showToast, t as translate, dm as resizeObserve, c$ as isAnimationsDisabled } from './index-31fcf34b.js';
 import { p as isString, i as isFunction, l as isNumber } from './lodash-b0ad17f3.js';
 import { b as getAppContext } from './common-helpers-cd0eef7a.js';
 import { v as validate, i as initNumber, a as setValueAndValidateInput, s as setValidator, c as convertValueForInputType, h as onIconClicked, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-eba381d1.js';
@@ -38,6 +38,7 @@ const YooFormInputComponent = class {
     this.size = 'large';
     this.initialCheckboxParams = null;
     this.fireInputChangeEvent = false;
+    this.allowDecimals = false;
     this.checkboxParams = null;
     this.hostWidth = 0;
     this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
@@ -153,6 +154,7 @@ const YooFormInputComponent = class {
         break;
       case 'number':
         this.finalIconPrefix = this.iconPrefix ? this.iconPrefix : 'ranking';
+        !this.allowDecimals && this.step == undefined && (this.step = 1);
         break;
       case 'password':
         this.finalIconPrefix = 'password';
@@ -194,7 +196,6 @@ const YooFormInputComponent = class {
     this.internalPlaceholder = ((_b = this.checkboxParams) === null || _b === void 0 ? void 0 : _b.value) ? null : this.placeholder;
     this.inputType = this.type;
     this.setLocalValue(true);
-    this.inputHasValue = isPresent(this.value);
   }
   disconnectedCallback() {
     if (isIOS()) {
@@ -222,30 +223,34 @@ const YooFormInputComponent = class {
         el.value = this.localValue + '.';
       }
       if (!isNumberInput || el.value || ev.data !== '-') {
-        if (isNumberInput && ['e', '+'].includes(ev.data)) {
-          el.value = this.value;
-        }
-        value = convertValueForInputType(el.value, type);
-        this.wasPreviousKeyPressMinus = ev.data === '-';
-        this.inputHasValue = value === '' ? false : isPresent(value);
-        if (this.maxCharacters) {
-          if (this.maxCharacters - el.value.length < 0) {
-            value = value.substring(0, this.maxCharacters);
-            el.value = value;
-            this.remainingCharacters = 0;
+        if (!(isNumberInput && (el.value.length === 1 && el.value[0] === '-'))) {
+          if (isNumberInput && ['e', '+'].includes(ev.data)) {
+            el.value = this.value;
           }
-          else {
-            this.remainingCharacters = this.maxCharacters - el.value.length;
+          value = convertValueForInputType(el.value, type);
+          if (this.maxCharacters) {
+            if (this.maxCharacters - el.value.length < 0) {
+              value = value.substring(0, this.maxCharacters);
+              el.value = value;
+              this.remainingCharacters = 0;
+            }
+            else {
+              this.remainingCharacters = this.maxCharacters - el.value.length;
+            }
           }
+          const skipValueAssignment = !((this.localValue === null && value) || (this.localValue && (!isNullOrUndefined(value) || value === '')));
+          this.emitValueAndSetValidity(value, skipValueAssignment);
+          this.localValue = value;
         }
-        const skipValueAssignment = !((this.localValue === null && value) || (this.localValue && (!isNullOrUndefined(value) || value === '')));
-        this.emitValueAndSetValidity(value, skipValueAssignment);
-        this.localValue = value;
+      }
+      if (isNumberInput && (ev.data === '-' || !el.value)) {
+        this.wasPreviousKeyPressMinus = ev.data === '-';
       }
     }
   }
   onKeyPress(ev) {
     const keycode = ev.keyCode;
+    const inputValue = ev.target.value;
     const BACKSPACE_KEYCODE = 8;
     if (keycode !== BACKSPACE_KEYCODE && this.maxCharacters && this.remainingCharacters < 1) {
       ev.preventDefault();
@@ -260,9 +265,9 @@ const YooFormInputComponent = class {
       if (ev.key === 'Tab') {
         this.tabPressed.emit(true);
       }
-      if (this.type === 'number') {
-        // prevent decimal point if minimal step is 1
-        if (this.step && Number.isInteger(this.step) && ev.key === '.') {
+      if (this.isNumberInput(this.type)) {
+        // prevent decimal point if not allowed
+        if (!this.allowDecimals && ev.key === '.') {
           ev.preventDefault();
         }
         const MINUS_KEYCODE = 189;
@@ -272,7 +277,7 @@ const YooFormInputComponent = class {
          * For example '222-2', as this will return a value of null which leads to validation issues in an
          * optional field.
          */
-        if ((this.inputHasValue || this.wasPreviousKeyPressMinus) && keycode === MINUS_KEYCODE) {
+        if ((inputValue || this.wasPreviousKeyPressMinus) && keycode === MINUS_KEYCODE) {
           ev.preventDefault();
         }
         // This only allows the keycodes of numbers 0-9
@@ -324,7 +329,6 @@ const YooFormInputComponent = class {
   }
   clearInput() {
     this.localValue = null;
-    this.inputHasValue = false;
     if (this.inputElement) {
       this.inputElement.value = null;
       this.updateRemainingCharacters(true);
@@ -338,7 +342,7 @@ const YooFormInputComponent = class {
   }
   getPattern() {
     if (this.isNumberInput(this.inputType)) {
-      return '[+-]?[0-9]+[,.]?([0-9]+)?';
+      return `^([+-]{1})?[0-9]+${this.allowDecimals ? '[,.]?([0-9]+)?' : ''}`;
     }
   }
   isTextInput(inputType) {

package/dist/design-system/yoo-form-multi-input.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { p as debounce, aI as getUUID, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-31fcf34b.js';
+import { aI as getUUID, p as debounce, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-31fcf34b.js';
 import { y as isEqual } from './lodash-b0ad17f3.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import { b as getAppContext } from './common-helpers-cd0eef7a.js';
@@ -46,13 +46,13 @@ const YooFormMultiInputComponent = class {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
-    this.setValueAndEmitChanges = debounce((value, skipValueAssignment = false) => {
+    this.setValueAndEmitChanges = (value, skipValueAssignment = false) => {
       if (!skipValueAssignment) {
         this.value = value;
       }
       const finalValue = this.isSimpleArray ? this.value[0] : this.value;
       setValueAndValidateInput(finalValue, this, false, true, true);
-    }, 500);
+    };
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -418,7 +418,8 @@ const YooFormMultiInputComponent = class {
     if (this.reverseValueDimensions) {
       values = this.arrayTransposing(values);
     }
-    this.setValueAndEmitChanges(values);
+    // use debounce to prevent performance issue while typing
+    debounce(this.setValueAndEmitChanges.bind(this), 500)(values);
   }
   onTranslationValueUpdated(ev) {
     ev.stopPropagation();