@nutui/nutui 3.2.2 → 3.2.4-beta.0

package/dist/packages/_es/Pagination.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -7,7 +7,7 @@ import { toRefs, computed, watchEffect, openBlock, createElementBlock, createEle
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName, create, translate } = createComponent("pagination");
+const { create, translate } = createComponent("pagination");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -64,7 +64,7 @@ const _sfc_main = create({
       if (isSelect)
         emit("change", curPage);
     };
-    const setPage = (number, text, active) => {
+    const setPage = (number, text, active = false) => {
       return { number, text, active };
     };
     const pages = computed(() => {
@@ -72,16 +72,16 @@ const _sfc_main = create({
         return;
       let items = [];
       const pageCount = countRef.value;
-      const pageSize = showPageSize.value;
+      const pageSize = +showPageSize.value;
       let startPage = 1;
       let endPage = pageCount;
       const partialShow = pageCount > pageSize;
       if (partialShow) {
         startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1);
-        endPage = startPage + pageSize - 1;
+        endPage = startPage + +pageSize - 1;
         if (endPage > pageCount) {
           endPage = pageCount;
-          startPage = endPage - pageSize + 1;
+          startPage = endPage - +pageSize + 1;
         }
       }
       for (var i = startPage; i <= endPage; i++) {

package/dist/packages/_es/Picker.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -116,7 +97,7 @@ const _sfc_main$1 = create$1({
     };
     const onTouchMove = (event) => {
       touch.move(event);
-      if (touch.isVertical) {
+      if (touch.isVertical()) {
         moving.value = true;
         preventDefault(event, true);
       }
@@ -211,24 +192,34 @@ const _sfc_main$1 = create$1({
       touchTime.value = 0;
       setChooseValue();
     };
-    watch(() => props.column, (val) => {
-      if (props.column && props.column.length > 0) {
+    watch(
+      () => props.column,
+      (val) => {
+        if (props.column && props.column.length > 0) {
+          state.transformY = 0;
+          modifyStatus(false);
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      () => props.value,
+      (val) => {
         state.transformY = 0;
         modifyStatus(false);
+      },
+      {
+        deep: true
       }
-    }, {
-      deep: true
-    });
-    watch(() => props.value, (val) => {
-      state.transformY = 0;
-      modifyStatus(false);
-    }, {
-      deep: true
-    });
+    );
     onMounted(() => {
       modifyStatus(true);
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(state)), toRefs(props)), {
+    return {
+      ...toRefs(state),
+      ...toRefs(props),
       wrapper,
       setRollerStyle,
       isHidden,
@@ -241,7 +232,7 @@ const _sfc_main$1 = create$1({
       touchTileStyle,
       setMove,
       stopMomentum
-    });
+    };
   }
 });
 const _hoisted_1$1 = {
@@ -296,7 +287,8 @@ const _sfc_main = create({
     [column.name]: column,
     [Popup.name]: Popup
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     modelValue: {
       type: Array,
       default: () => []
@@ -331,7 +323,7 @@ const _sfc_main = create({
       type: [Number, String],
       default: 1e3
     }
-  }),
+  },
   emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
   setup(props, { emit }) {
     const state = reactive({
@@ -457,30 +449,44 @@ const _sfc_main = create({
       if (props.visible)
         state.show = false;
     });
-    watch(() => props.modelValue, (newValues) => {
-      const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
-      if (!isSameValue) {
-        defaultValues.value = newValues;
+    watch(
+      () => props.modelValue,
+      (newValues) => {
+        const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
+        if (!isSameValue) {
+          defaultValues.value = newValues;
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      defaultValues,
+      (newValues) => {
+        const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
+        if (!isSameValue) {
+          emit("update:modelValue", newValues);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.visible,
+      (val) => {
+        state.show = val;
+        if (val)
+          pickerColumn.value = [];
       }
-    }, { deep: true });
-    watch(defaultValues, (newValues) => {
-      const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
-      if (!isSameValue) {
-        emit("update:modelValue", newValues);
+    );
+    watch(
+      () => props.columns,
+      (val) => {
+        if (val.length)
+          state.formattedColumns = val;
       }
-    }, { immediate: true });
-    watch(() => props.visible, (val) => {
-      state.show = val;
-      if (val)
-        pickerColumn.value = [];
-    });
-    watch(() => props.columns, (val) => {
-      if (val.length)
-        state.formattedColumns = val;
-    });
-    return __spreadProps(__spreadValues({
-      classes
-    }, toRefs(state)), {
+    );
+    return {
+      classes,
+      ...toRefs(state),
       column,
       columnsType,
       columnsList,
@@ -491,7 +497,7 @@ const _sfc_main = create({
       translate,
       pickerColumn,
       swipeRef
-    });
+    };
   }
 });
 const _hoisted_1 = { class: "nut-picker__bar" };
@@ -539,6 +545,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               key: columnIndex
             }, [
               createVNode(_component_nut_picker_column, {
+                ref_for: true,
                 ref: _ctx.swipeRef,
                 itemShow: _ctx.show,
                 column: column2,

package/dist/packages/_es/Popover.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -57,32 +38,47 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 var round = Math.round;
-function getBoundingClientRect(element, includeScale) {
+function getUAString() {
+  var uaData = navigator.userAgentData;
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function(item) {
+      return item.brand + "/" + item.version;
+    }).join(" ");
+  }
+  return navigator.userAgent;
+}
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth;
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
-  }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+  var _ref = isElement(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width,
+    height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x,
+    y
   };
 }
 function getWindowScroll(node) {
@@ -136,7 +132,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -218,8 +214,8 @@ function getTrueOffsetParent(element) {
   return element.offsetParent;
 }
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
   if (isIE && isHTMLElement(element)) {
     var elementCss = getComputedStyle(element);
     if (elementCss.position === "fixed") {
@@ -806,7 +802,8 @@ const _sfc_main = create({
     [Popup.name]: Popup,
     [Button.name]: Button
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     list: {
       type: Array,
       default: []
@@ -831,7 +828,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     }
-  }),
+  },
   emits: ["update", "update:visible", "close", "choose", "open"],
   setup(props, { emit }) {
     let popper;
@@ -906,13 +903,19 @@ const _sfc_main = create({
     onUnmounted(() => {
       window.removeEventListener("click", clickAway, true);
     });
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-      uploadLocation();
-    });
-    watch(() => props.location, (value) => {
-      uploadLocation();
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+        uploadLocation();
+      }
+    );
+    watch(
+      () => props.location,
+      (value) => {
+        uploadLocation();
+      }
+    );
     const update = (val) => {
       emit("update", val);
       emit("update:visible", val);

package/dist/packages/_es/Popup.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -48,7 +29,8 @@ const useLockScroll = (isLock) => {
 };
 const { componentName, create } = createComponent("popup");
 let _zIndex = 2e3;
-const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
+const popupProps = {
+  ...overlayProps,
   position: {
     type: String,
     default: "center"
@@ -97,13 +79,15 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
     type: Boolean,
     default: false
   }
-});
+};
 const _sfc_main = create({
   components: {
     [overlay.name]: overlay,
     [_sfc_main$1.name]: _sfc_main$1
   },
-  props: __spreadValues({}, popupProps),
+  props: {
+    ...popupProps
+  },
   emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
   setup(props, { emit }) {
     const popupRef = ref();
@@ -127,10 +111,11 @@ const _sfc_main = create({
       };
     });
     const popStyle = computed(() => {
-      return __spreadValues({
+      return {
         zIndex: state.zIndex,
-        animationDuration: props.duration ? `${props.duration}s` : "initial"
-      }, props.style);
+        animationDuration: props.duration ? `${props.duration}s` : "initial",
+        ...props.style
+      };
     });
     const open = () => {
       if (props.zIndex != 2e3) {
@@ -197,20 +182,30 @@ const _sfc_main = create({
         state.keepAlive = true;
       }
     });
-    watch(() => props.visible, (value) => {
-      if (value) {
-        open();
-      } else {
-        close();
+    watch(
+      () => props.visible,
+      (value) => {
+        if (value) {
+          open();
+        } else {
+          close();
+        }
       }
-    });
-    watch(() => props.position, (value) => {
-      value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
-    });
-    watch(() => props.closeable, (value) => {
-      state.closed = value;
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    );
+    watch(
+      () => props.position,
+      (value) => {
+        value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
+      }
+    );
+    watch(
+      () => props.closeable,
+      (value) => {
+        state.closed = value;
+      }
+    );
+    return {
+      ...toRefs(state),
       popStyle,
       classes,
       onClick,
@@ -219,7 +214,7 @@ const _sfc_main = create({
       onOpened,
       onClosed,
       popupRef
-    });
+    };
   }
 });
 const _hoisted_1 = { key: 1 };

package/dist/packages/_es/Price.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Progress.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -60,7 +60,7 @@ const _sfc_main = create({
       default: true
     }
   },
-  setup(props, { emit }) {
+  setup(props) {
     const slotDefault = !!useSlots().default;
     const height = ref(props.strokeWidth + "px");
     const progressOuter = ref();

package/dist/packages/_es/PullRefresh.js

@@ -1,21 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -319,7 +303,7 @@ const _sfc_main = create({
         }
       }
     };
-    return __spreadValues({
+    return {
       scroller,
       touchStart,
       touchMove,
@@ -331,8 +315,9 @@ const _sfc_main = create({
       reachLeft,
       getBottomStyle,
       refreshTopTem,
-      refreshBottomTem
-    }, toRefs(state));
+      refreshBottomTem,
+      ...toRefs(state)
+    };
   }
 });
 const _hoisted_1 = {

package/dist/packages/_es/Radio.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -67,15 +67,23 @@ const _sfc_main = create({
     };
     const renderLabel = () => {
       var _a;
-      return h("view", {
-        class: `${componentName}__label ${props.disabled ? `${componentName}__label--disabled` : ""}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: `${componentName}__label ${props.disabled ? `${componentName}__label--disabled` : ""}`
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
     const renderButton = () => {
       var _a;
-      return h("view", {
-        class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
     const handleClick = () => {
       if (isCurValue.value || props.disabled)
@@ -84,12 +92,16 @@ const _sfc_main = create({
     };
     let reverseState = position.value === "left";
     return () => {
-      return h("view", {
-        class: `${componentName} ${componentName}--${props.shape} ${reverseState ? `${componentName}--reverse` : ""}`,
-        onClick: handleClick
-      }, [
-        props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
-      ]);
+      return h(
+        "view",
+        {
+          class: `${componentName} ${componentName}--${props.shape} ${reverseState ? `${componentName}--reverse` : ""}`,
+          onClick: handleClick
+        },
+        [
+          props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+        ]
+      );
     };
   }
 });

package/dist/packages/_es/RadioGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2 Thu Sep 08 2022 22:10:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.0 Fri Oct 14 2022 14:39:24 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -30,12 +30,19 @@ const _sfc_main = create({
       position: props.textPosition,
       updateValue
     });
-    watch(() => props.modelValue, (value) => emit("change", value));
+    watch(
+      () => props.modelValue,
+      (value) => emit("change", value)
+    );
     return () => {
       var _a;
-      return h("view", {
-        class: `${componentName} ${componentName}--${props.direction}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: `${componentName} ${componentName}--${props.direction}`
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
   }
 });