funda-ui 4.2.611 → 4.2.675

package/Accordion/index.js

@@ -53,10 +53,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           /*
            * All easing functions
            * @link: https://easings.net
-           * @param {number} t   - time (Amount of time that has passed since the beginning of the animation. Usually starts at 0 and is slowly increased using a game loop or other update function.)
-           * @param {number} b   - beginning value (The starting point of the animation. Usually it's a static value, you can start at 0 for example.)
-           * @param {number} c   - change in value (The amount of change needed to go from starting point to end point. It's also usually a static value.)
-           * @param {number} d   - duration (Amount of time the animation will take. Usually a static value aswell.)
+           * @param {Number} t   - time (Amount of time that has passed since the beginning of the animation. Usually starts at 0 and is slowly increased using a game loop or other update function.)
+           * @param {Number} b   - beginning value (The starting point of the animation. Usually it's a static value, you can start at 0 for example.)
+           * @param {Number} c   - change in value (The amount of change needed to go from starting point to end point. It's also usually a static value.)
+           * @param {Number} d   - duration (Amount of time the animation will take. Usually a static value aswell.)
            * @return {number}
            */
           function _easeLinear(t, b, c, d) {
@@ -485,6 +485,108 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
+/***/ 188:
+/***/ (function(module, exports, __webpack_require__) {
+
+/* module decorator */ module = __webpack_require__.nmd(module);
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
+})(this, function () {
+  return (/******/function () {
+      // webpackBootstrap
+      /******/
+      "use strict";
+
+      /******/ // The require scope
+      /******/
+      var __nested_webpack_require_987__ = {};
+      /******/
+      /************************************************************************/
+      /******/ /* webpack/runtime/define property getters */
+      /******/
+      (function () {
+        /******/ // define getter functions for harmony exports
+        /******/__nested_webpack_require_987__.d = function (exports, definition) {
+          /******/for (var key in definition) {
+            /******/if (__nested_webpack_require_987__.o(definition, key) && !__nested_webpack_require_987__.o(exports, key)) {
+              /******/Object.defineProperty(exports, key, {
+                enumerable: true,
+                get: definition[key]
+              });
+              /******/
+            }
+            /******/
+          }
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/hasOwnProperty shorthand */
+      /******/
+      (function () {
+        /******/__nested_webpack_require_987__.o = function (obj, prop) {
+          return Object.prototype.hasOwnProperty.call(obj, prop);
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/make namespace object */
+      /******/
+      (function () {
+        /******/ // define __esModule on exports
+        /******/__nested_webpack_require_987__.r = function (exports) {
+          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+            /******/Object.defineProperty(exports, Symbol.toStringTag, {
+              value: 'Module'
+            });
+            /******/
+          }
+          /******/
+          Object.defineProperty(exports, '__esModule', {
+            value: true
+          });
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /************************************************************************/
+      var __webpack_exports__ = {};
+      __nested_webpack_require_987__.r(__webpack_exports__);
+      /* harmony export */
+      __nested_webpack_require_987__.d(__webpack_exports__, {
+        /* harmony export */"clsWrite": function clsWrite() {
+          return (/* binding */_clsWrite
+          );
+        }
+        /* harmony export */
+      });
+      /**
+       * Output of class name
+       * @param {*} s      - Any
+       * @param  {String} defaultCls      - Default string
+       * @param  {?*} targetCls      - Any
+       * @returns HtmlElementCollection
+       */
+      function _clsWrite(s, defaultCls) {
+        var targetCls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+        return s || s === '' ? typeof targetCls === 'undefined' ? s : targetCls : defaultCls;
+      }
+
+      /******/
+      return __webpack_exports__;
+      /******/
+    }()
+  );
+});
+
+/***/ }),
+
 /***/ 787:
 /***/ ((module) => {
 
@@ -589,8 +691,11 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
 var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(787);
 var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
+// EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
+var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/AccordionItem.tsx
 
+
 var AccordionItem = function AccordionItem(props) {
   var heightObserver = props.heightObserver,
     index = props.index,
@@ -634,29 +739,29 @@ var AccordionItem = function AccordionItem(props) {
   }, [heightObserver]);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     "data-index": index,
-    className: "custom-accordion-item ".concat(itemClassName || itemClassName === '' ? itemClassName : "accordion-item", " ").concat(activedClassName),
+    className: "custom-accordion-item ".concat((0,cls.clsWrite)(itemClassName, 'accordion-item'), " ").concat(activedClassName),
     onClick: triggerType === 'click' ? onToggleEv : function () {},
     onMouseOver: triggerType === 'click' ? function () {} : onToggleEv,
     onTransitionEnd: typeof onTransitionEnd === 'function' ? onTransitionEnd : function () {},
     "aria-expanded": defaultActive ? 'true' : 'false',
     style: typeof itemStyle !== 'undefined' ? itemStyle : {}
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "custom-accordion-header ".concat(itemHeaderClassName || itemHeaderClassName === '' ? itemHeaderClassName : "accordion-header position-relative"),
+    className: "custom-accordion-header ".concat((0,cls.clsWrite)(itemHeaderClassName, 'accordion-header position-relative')),
     role: "presentation"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
     tabIndex: -1,
-    className: "custom-accordion-trigger ".concat(itemTriggerClassName || itemTriggerClassName === '' ? itemTriggerClassName : "accordion-button", " ").concat(activedClassName === '' ? 'collapsed' : 'active'),
+    className: "custom-accordion-trigger ".concat((0,cls.clsWrite)(itemTriggerClassName, 'accordion-button'), " ").concat(activedClassName === '' ? 'collapsed' : 'active'),
     type: "button"
   }, title), itemTriggerIcon), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     ref: contentWrapperRef,
-    className: "custom-accordion-content__wrapper w-100 ".concat(itemContentWrapperClassName || itemContentWrapperClassName === '' ? itemContentWrapperClassName : "accordion-collapse"),
+    className: "custom-accordion-content__wrapper w-100 ".concat((0,cls.clsWrite)(itemContentWrapperClassName, 'accordion-collapse')),
     role: "tabpanel",
     style: {
       height: defaultActive ? 'auto' : '0px',
       overflow: 'hidden' // “overflow” affects the width, so add `w-100` to `custom-accordion-content__wrapper`
     }
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "custom-accordion-content ".concat(itemContentClassName || itemContentClassName === '' ? itemContentClassName : "accordion-body"),
+    className: "custom-accordion-content ".concat((0,cls.clsWrite)(itemContentClassName, 'accordion-body')),
     ref: contentRef
   }, children))));
 };
@@ -682,6 +787,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
 // Adapt the easing parameters of TweenMax
 var EasingList = /*#__PURE__*/function (EasingList) {
   EasingList["linear"] = "linear";
@@ -789,7 +895,7 @@ var Accordion = function Accordion(props) {
     }
   }
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "custom-accordion-item ".concat(wrapperClassName || wrapperClassName === '' ? wrapperClassName : "accordion"),
+    className: "custom-accordion-item ".concat((0,cls.clsWrite)(wrapperClassName, 'accordion')),
     role: "tablist",
     ref: rootRef
   }, children != null ? children.map(function (item, i) {

package/BackToTop/index.js

@@ -203,10 +203,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       /*
        * All easing functions
        * @link: https://easings.net
-       * @param {number} t   - time (Amount of time that has passed since the beginning of the animation. Usually starts at 0 and is slowly increased using a game loop or other update function.)
-       * @param {number} b   - beginning value (The starting point of the animation. Usually it's a static value, you can start at 0 for example.)
-       * @param {number} c   - change in value (The amount of change needed to go from starting point to end point. It's also usually a static value.)
-       * @param {number} d   - duration (Amount of time the animation will take. Usually a static value aswell.)
+       * @param {Number} t   - time (Amount of time that has passed since the beginning of the animation. Usually starts at 0 and is slowly increased using a game loop or other update function.)
+       * @param {Number} b   - beginning value (The starting point of the animation. Usually it's a static value, you can start at 0 for example.)
+       * @param {Number} c   - change in value (The amount of change needed to go from starting point to end point. It's also usually a static value.)
+       * @param {Number} d   - duration (Amount of time the animation will take. Usually a static value aswell.)
        * @return {number}
        */
       function _easeLinear(t, b, c, d) {

package/CascadingSelect/index.js

@@ -206,6 +206,108 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
+/***/ 188:
+/***/ (function(module, exports, __webpack_require__) {
+
+/* module decorator */ module = __webpack_require__.nmd(module);
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
+})(this, function () {
+  return (/******/function () {
+      // webpackBootstrap
+      /******/
+      "use strict";
+
+      /******/ // The require scope
+      /******/
+      var __nested_webpack_require_987__ = {};
+      /******/
+      /************************************************************************/
+      /******/ /* webpack/runtime/define property getters */
+      /******/
+      (function () {
+        /******/ // define getter functions for harmony exports
+        /******/__nested_webpack_require_987__.d = function (exports, definition) {
+          /******/for (var key in definition) {
+            /******/if (__nested_webpack_require_987__.o(definition, key) && !__nested_webpack_require_987__.o(exports, key)) {
+              /******/Object.defineProperty(exports, key, {
+                enumerable: true,
+                get: definition[key]
+              });
+              /******/
+            }
+            /******/
+          }
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/hasOwnProperty shorthand */
+      /******/
+      (function () {
+        /******/__nested_webpack_require_987__.o = function (obj, prop) {
+          return Object.prototype.hasOwnProperty.call(obj, prop);
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/make namespace object */
+      /******/
+      (function () {
+        /******/ // define __esModule on exports
+        /******/__nested_webpack_require_987__.r = function (exports) {
+          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+            /******/Object.defineProperty(exports, Symbol.toStringTag, {
+              value: 'Module'
+            });
+            /******/
+          }
+          /******/
+          Object.defineProperty(exports, '__esModule', {
+            value: true
+          });
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /************************************************************************/
+      var __webpack_exports__ = {};
+      __nested_webpack_require_987__.r(__webpack_exports__);
+      /* harmony export */
+      __nested_webpack_require_987__.d(__webpack_exports__, {
+        /* harmony export */"clsWrite": function clsWrite() {
+          return (/* binding */_clsWrite
+          );
+        }
+        /* harmony export */
+      });
+      /**
+       * Output of class name
+       * @param {*} s      - Any
+       * @param  {String} defaultCls      - Default string
+       * @param  {?*} targetCls      - Any
+       * @returns HtmlElementCollection
+       */
+      function _clsWrite(s, defaultCls) {
+        var targetCls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+        return s || s === '' ? typeof targetCls === 'undefined' ? s : targetCls : defaultCls;
+      }
+
+      /******/
+      return __webpack_exports__;
+      /******/
+    }()
+  );
+});
+
+/***/ }),
+
 /***/ 79:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -301,8 +403,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       });
       /**
        * Convert value to string separated by square brackets 
-       * @param {string} str  such as: 1,2,3
-       * @returns {string} such as: [1][2][3]
+       * @param {String} str  such as: 1,2,3
+       * @returns {String} such as: [1][2][3]
        */
       function _convertStringByCommaToValByBrackets(str) {
         if (typeof str === 'undefined' || str === null || str === '') {
@@ -315,8 +417,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
       /**
        * Convert array value to string  separated by square brackets 
-       * @param {string[]} arr  such as: ['1','2','3']
-       * @returns {string} such as: [1][2][3]
+       * @param {String[]} arr  such as: ['1','2','3']
+       * @returns {String} such as: [1][2][3]
        */
       function _convertArrToValByBrackets(arr) {
         if (!Array.isArray(arr)) return '';
@@ -327,8 +429,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
       /**
        * Convert value to string separated by curly braces
-       * @param {string} str  such as: 1,2,3
-       * @returns {string} such as: {1}{2}{3}
+       * @param {String} str  such as: 1,2,3
+       * @returns {String} such as: {1}{2}{3}
        */
       function _convertStringByCommaToValByBraces(str) {
         if (typeof str === 'undefined' || str === null || str === '') {
@@ -341,8 +443,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
       /**
        * Convert array value to string  separated by curly braces
-       * @param {string[]} arr  such as: ['1','2','3']
-       * @returns {string} such as: {1}{2}{3}
+       * @param {String[]} arr  such as: ['1','2','3']
+       * @returns {String} such as: {1}{2}{3}
        */
       function _convertArrToValByBraces(arr) {
         if (!Array.isArray(arr)) return '';
@@ -455,8 +557,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       });
       /**
        * Determine whether an extractor is included
-       * @param {string} str    =>  input string. such as 'a[1], b[2]', '{a[1]}'
-       * @returns {boolean} 
+       * @param {String} str    =>  input string. such as 'a[1], b[2]', '{a[1]}'
+       * @returns {Boolean} 
        */
       function _extractorExist(str) {
         if (typeof str === 'undefined' || str === null || str === '') {
@@ -471,8 +573,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
       /**
        * Extract the contents of square brackets
-       * @param {string} str    =>  input string. such as '[1,2] [f][c]'
-       * @param {boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
+       * @param {String} str    =>  input string. such as '[1,2] [f][c]'
+       * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
        * @returns {Array<string>|string} such as: ['1,2','f','c']
        */
       function _extractContentsOfBrackets(str) {
@@ -490,8 +592,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
       /**
        * Extract the contents of curly braces
-       * @param {string} str    =>  input string. such as '{1,2} {f}{c}'
-       * @param {boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
+       * @param {String} str    =>  input string. such as '{1,2} {f}{c}'
+       * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
        * @returns {Array<string>|string} such as: ['1,2','f','c']
        */
       function _extractContentsOfBraces(str) {
@@ -509,8 +611,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
       /**
        * Extract the contents of parentheses
-       * @param {string} str    =>  input string. such as '(1,2) (f)(c)'
-       * @param {boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
+       * @param {String} str    =>  input string. such as '(1,2) (f)(c)'
+       * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
        * @returns {Array<string>|string} such as: ['1,2','f','c']
        */
       function _extractContentsOfParentheses(str) {
@@ -739,8 +841,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
        * Get the absolute position of the stage element
        * 
        * @param {HTMLElement} domElement  - A DOM node
-       * @param {number | string} left     - left offset
-       * @param {number | string} top      - top offset
+       * @param {Number | string} left     - left offset
+       * @param {Number | string} top      - top offset
        * @returns 
        */
       function _getAbsolutePositionOfStage(domElement) {
@@ -1637,6 +1739,8 @@ var extract = __webpack_require__(135);
 var convert = __webpack_require__(79);
 // EXTERNAL MODULE: ../Utils/dist/cjs/getElementProperty.js
 var getElementProperty = __webpack_require__(767);
+// EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
+var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/Group.tsx
 
 function Group(props) {
@@ -1727,6 +1831,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var CascadingSelect = function CascadingSelect(props) {
   var popupRef = props.popupRef,
     wrapperClassName = props.wrapperClassName,
@@ -2572,7 +2677,7 @@ var CascadingSelect = function CascadingSelect(props) {
     initDefaultValue(value);
   }, [value]);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: wrapperClassName || wrapperClassName === '' ? "cas-select__wrapper ".concat(wrapperClassName) : "cas-select__wrapper mb-3 position-relative",
+    className: (0,cls.clsWrite)(wrapperClassName, 'cas-select__wrapper mb-3 position-relative', "cas-select__wrapper ".concat(wrapperClassName)),
     ref: rootRef,
     "data-overlay-id": "cas-select__items-wrapper-".concat(idRes)
   }, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof label === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
@@ -2674,7 +2779,7 @@ var CascadingSelect = function CascadingSelect(props) {
     id: idRes,
     "data-overlay-id": "cas-select__items-wrapper-".concat(idRes),
     name: name,
-    className: "".concat(controlClassName || controlClassName === '' ? controlClassName : "form-control", " ").concat(controlExClassName || ''),
+    className: "".concat((0,cls.clsWrite)(controlClassName, 'form-control'), " ").concat(controlExClassName || ''),
     placeholder: placeholder,
     value: changedVal // placeholder will not change if defaultValue is used
     ,