@yoobic/yobi 7.7.92 → 7.7.93

package/dist/cjs/yoo-ag-grid_96.cjs.entry.js

@@ -126872,7 +126872,8 @@ const YooFormDynamicComponent = class {
       case inputBar_interface.FormFieldType.feedback:
         TagType = 'yoo-form-feedback';
         extraAttrs = {
-          class: this.appColor
+          class: this.appColor,
+          isReadonly: readonly
         };
         break;
       case inputBar_interface.FormFieldType.signature:

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

@@ -8,8 +8,8 @@ require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
 const isEqual = require('./isEqual-35c41499.js');
+const isNumber = require('./isNumber-4c1ace60.js');
 require('./isUndefined-8f9cfd10.js');
-require('./isNumber-4c1ace60.js');
 require('./common-helpers-797be2a6.js');
 require('./get-91c14783.js');
 require('./_baseGet-89e374f5.js');
@@ -104,7 +104,8 @@ const YooFormRangeComponent = class {
     }
   }
   renderReadonly() {
-    return (index.h("div", { class: "readonly" }, index.h("div", null, this.value ? this.value[0] : null), index.h("div", null, this.value && this.isRangeSlider ? this.value[1] : null)));
+    var _a, _b;
+    return (index.h("div", { class: "readonly" }, index.h("div", null, isNumber.isNumber(this.value) ? this.value : null), index.h("div", null, rrule.isArray(this.value) && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.isRangeSlider ? this.value[0] : null), index.h("div", null, rrule.isArray(this.value) && ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) > 1 && this.isRangeSlider ? this.value[1] : null)));
   }
   renderEditable() {
     const iterable = this.isRangeSlider ? [1, 2] : [1];

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

@@ -3101,7 +3101,8 @@ export class YooFormDynamicComponent {
       case FormFieldType.feedback:
         TagType = 'yoo-form-feedback';
         extraAttrs = {
-          class: this.appColor
+          class: this.appColor,
+          isReadonly: readonly
         };
         break;
       case FormFieldType.signature:

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

@@ -5,7 +5,7 @@
  */
 import { Component, Event, h, Host, Prop } from '@stencil/core';
 import { setValidator, setValueAndValidateInput } from '@utils';
-import { isArray, isEqual, isFinite } from 'lodash-es';
+import { isArray, isEqual, isFinite, isNumber } from 'lodash-es';
 export class YooFormRangeComponent {
   constructor() {
     /**
@@ -82,9 +82,11 @@ export class YooFormRangeComponent {
     }
   }
   renderReadonly() {
+    var _a, _b;
     return (h("div", { class: "readonly" },
-      h("div", null, this.value ? this.value[0] : null),
-      h("div", null, this.value && this.isRangeSlider ? this.value[1] : null)));
+      h("div", null, isNumber(this.value) ? this.value : null),
+      h("div", null, isArray(this.value) && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.isRangeSlider ? this.value[0] : null),
+      h("div", null, isArray(this.value) && ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) > 1 && this.isRangeSlider ? this.value[1] : null)));
   }
   renderEditable() {
     const iterable = this.isRangeSlider ? [1, 2] : [1];