@yoobic/yobi 8.2.0-17 → 8.2.0-18

package/dist/cjs/yoo-form-choice-button.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-88c3cf9c.js');
-const formChoiceHelpers = require('./form-choice-helpers-e5394fc2.js');
+const formChoiceHelpers = require('./form-choice-helpers-da1c35a3.js');
 const readonlyCard = require('./readonly-card-98e9eb94.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-choice-card.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-88c3cf9c.js');
 const commonHelpers = require('./common-helpers-14c8bc18.js');
-const formChoiceHelpers = require('./form-choice-helpers-e5394fc2.js');
+const formChoiceHelpers = require('./form-choice-helpers-da1c35a3.js');
 const readonlyCard = require('./readonly-card-98e9eb94.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-choice-chat.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-5dbf8f43.js');
 const index$2 = require('./index-88c3cf9c.js');
-const formChoiceHelpers = require('./form-choice-helpers-e5394fc2.js');
+const formChoiceHelpers = require('./form-choice-helpers-da1c35a3.js');
 const readonlyCard = require('./readonly-card-98e9eb94.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-form-choice-image.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-88c3cf9c.js');
 const lodash = require('./lodash-597bda6d.js');
 const commonHelpers = require('./common-helpers-14c8bc18.js');
-const formChoiceHelpers = require('./form-choice-helpers-e5394fc2.js');
+const formChoiceHelpers = require('./form-choice-helpers-da1c35a3.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-5dbf8f43.js');
 require('./draggable-tags-helpers-bc98fae7.js');

package/dist/cjs/yoo-form-choice-radio.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-88c3cf9c.js');
 const lodash = require('./lodash-597bda6d.js');
 const formInputHelpers = require('./form-input-helpers-3c9a5dd1.js');
-const formChoiceHelpers = require('./form-choice-helpers-e5394fc2.js');
+const formChoiceHelpers = require('./form-choice-helpers-da1c35a3.js');
 const readonlyCard = require('./readonly-card-98e9eb94.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-5dbf8f43.js');

package/dist/cjs/yoo-form-input.cjs.entry.js

@@ -42,6 +42,7 @@ const YooFormInputComponent = class {
     this.size = 'large';
     this.initialCheckboxParams = null;
     this.fireInputChangeEvent = false;
+    this.allowDecimals = false;
     this.checkboxParams = null;
     this.hostWidth = 0;
     this.isKeyboardResizeModeInactive = index$1.isKeyboardResizeModeInactive();
@@ -157,6 +158,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';
@@ -198,7 +200,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 = index$1.isPresent(this.value);
   }
   disconnectedCallback() {
     if (index$1.isIOS()) {
@@ -226,30 +227,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 = formInputHelpers.convertValueForInputType(el.value, type);
-        this.wasPreviousKeyPressMinus = ev.data === '-';
-        this.inputHasValue = value === '' ? false : index$1.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 = formInputHelpers.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 && (!index$1.isNullOrUndefined(value) || value === '')));
+          this.emitValueAndSetValidity(value, skipValueAssignment);
+          this.localValue = value;
         }
-        const skipValueAssignment = !((this.localValue === null && value) || (this.localValue && (!index$1.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();
@@ -264,9 +269,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;
@@ -276,7 +281,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
@@ -328,7 +333,6 @@ const YooFormInputComponent = class {
   }
   clearInput() {
     this.localValue = null;
-    this.inputHasValue = false;
     if (this.inputElement) {
       this.inputElement.value = null;
       this.updateRemainingCharacters(true);
@@ -342,7 +346,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/cjs/yoo-form-multi-input.cjs.entry.js

@@ -50,13 +50,13 @@ const YooFormMultiInputComponent = class {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
-    this.setValueAndEmitChanges = index$1.debounce((value, skipValueAssignment = false) => {
+    this.setValueAndEmitChanges = (value, skipValueAssignment = false) => {
       if (!skipValueAssignment) {
         this.value = value;
       }
       const finalValue = this.isSimpleArray ? this.value[0] : this.value;
       formInputHelpers.setValueAndValidateInput(finalValue, this, false, true, true);
-    }, 500);
+    };
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -422,7 +422,8 @@ const YooFormMultiInputComponent = class {
     if (this.reverseValueDimensions) {
       values = this.arrayTransposing(values);
     }
-    this.setValueAndEmitChanges(values);
+    // use debounce to prevent performance issue while typing
+    index$1.debounce(this.setValueAndEmitChanges.bind(this), 500)(values);
   }
   onTranslationValueUpdated(ev) {
     ev.stopPropagation();

package/dist/collection/components/form/form-choice/form-choice-helpers.js

@@ -25,11 +25,11 @@ export function onItemSelect(item, choiceElement, preventSetValue = false) {
   }
 }
 export 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 '';
 }
 export function updateValue(newVal, oldVal, choiceElement, onSelectCall) {
   if (!isEqual(oldVal, newVal)) {

package/dist/collection/components/form/form-input/form-input.js

@@ -1,4 +1,4 @@
-import { copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, isAndroid, isAnimationsDisabled, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPresent, isSafari, isWeb, resizeObserve, showToast, translate } from '@shared/utils';
+import { copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, isAndroid, isAnimationsDisabled, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isSafari, isWeb, resizeObserve, showToast, translate } from '@shared/utils';
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { isFunction, isNumber, isString } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
@@ -19,6 +19,7 @@ export class YooFormInputComponent {
     this.size = 'large';
     this.initialCheckboxParams = null;
     this.fireInputChangeEvent = false;
+    this.allowDecimals = false;
     this.checkboxParams = null;
     this.hostWidth = 0;
     this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
@@ -134,6 +135,7 @@ export class YooFormInputComponent {
         break;
       case 'number':
         this.finalIconPrefix = this.iconPrefix ? this.iconPrefix : 'ranking';
+        !this.allowDecimals && this.step == undefined && (this.step = 1);
         break;
       case 'password':
         this.finalIconPrefix = 'password';
@@ -175,7 +177,6 @@ export class YooFormInputComponent {
     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()) {
@@ -203,30 +204,34 @@ export class YooFormInputComponent {
         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();
@@ -241,9 +246,9 @@ export class YooFormInputComponent {
       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;
@@ -253,7 +258,7 @@ export class YooFormInputComponent {
          * 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
@@ -305,7 +310,6 @@ export class YooFormInputComponent {
   }
   clearInput() {
     this.localValue = null;
-    this.inputHasValue = false;
     if (this.inputElement) {
       this.inputElement.value = null;
       this.updateRemainingCharacters(true);
@@ -319,7 +323,7 @@ export class YooFormInputComponent {
   }
   getPattern() {
     if (this.isNumberInput(this.inputType)) {
-      return '[+-]?[0-9]+[,.]?([0-9]+)?';
+      return `^([+-]{1})?[0-9]+${this.allowDecimals ? '[,.]?([0-9]+)?' : ''}`;
     }
   }
   isTextInput(inputType) {
@@ -1278,6 +1282,24 @@ export class YooFormInputComponent {
       "attribute": "fire-input-change-event",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "allowDecimals": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "allow-decimals",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {

package/dist/collection/components/form/form-multi-input/form-multi-input.js

@@ -31,13 +31,13 @@ export class YooFormMultiInputComponent {
     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();
@@ -403,7 +403,8 @@ export class YooFormMultiInputComponent {
     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();