@varlet/ui 1.23.3 → 1.23.4-alpha.3

package/lib/image-preview/ImagePreview.js

@@ -0,0 +1,369 @@
+"use strict";
+
+exports.__esModule = true;
+exports.render = render;
+exports.default = void 0;
+
+var _swipe = _interopRequireDefault(require("../swipe"));
+
+var _swipeItem = _interopRequireDefault(require("../swipe-item"));
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _vue = require("vue");
+
+var _props = require("./props");
+
+var _shared = require("../utils/shared");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var DISTANCE_OFFSET = 12;
+var EVENT_DELAY = 200;
+var ANIMATION_DURATION = 200;
+
+var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
+
+var _hoisted_1 = ["src", "alt"];
+var _hoisted_2 = {
+  key: 0,
+  class: "var-image-preview__indicators"
+};
+
+function render(_ctx, _cache) {
+  var _component_var_swipe_item = (0, _vue.resolveComponent)("var-swipe-item");
+
+  var _component_var_swipe = (0, _vue.resolveComponent)("var-swipe");
+
+  var _component_var_icon = (0, _vue.resolveComponent)("var-icon");
+
+  var _component_var_popup = (0, _vue.resolveComponent)("var-popup");
+
+  return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_popup, {
+    class: "var-image-preview__popup",
+    "var-image-preview-cover": "",
+    transition: "var-fade",
+    show: _ctx.popupShow,
+    overlay: false,
+    "close-on-click-overlay": false,
+    "lock-scroll": _ctx.lockScroll,
+    teleport: _ctx.teleport,
+    onOpen: _ctx.onOpen,
+    onClose: _ctx.onClose,
+    onClosed: _ctx.onClosed,
+    onOpened: _ctx.onOpened,
+    onRouteChange: _ctx.onRouteChange
+  }, {
+    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_var_swipe, (0, _vue.mergeProps)({
+      class: "var-image-preview__swipe",
+      "var-image-preview-cover": "",
+      touchable: _ctx.canSwipe,
+      indicator: _ctx.indicator && _ctx.images.length > 1,
+      "initial-index": _ctx.initialIndex,
+      loop: _ctx.loop,
+      onChange: _ctx.onChange
+    }, _ctx.$attrs), {
+      default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(_ctx.images, image => {
+        return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_swipe_item, {
+          class: "var-image-preview__swipe-item",
+          "var-image-preview-cover": "",
+          key: image
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", {
+            class: "var-image-preview__zoom-container",
+            style: (0, _vue.normalizeStyle)({
+              transform: "scale(" + _ctx.scale + ") translate(" + _ctx.translateX + "px, " + _ctx.translateY + "px)",
+              transitionTimingFunction: _ctx.transitionTimingFunction,
+              transitionDuration: _ctx.transitionDuration
+            }),
+            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
+            onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
+            onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args))
+          }, [(0, _vue.createElementVNode)("img", {
+            class: "var-image-preview__image",
+            src: image,
+            alt: image
+          }, null, 8
+          /* PROPS */
+          , _hoisted_1)], 36
+          /* STYLE, HYDRATE_EVENTS */
+          )]),
+          _: 2
+          /* DYNAMIC */
+
+        }, 1024
+        /* DYNAMIC_SLOTS */
+        );
+      }), 128
+      /* KEYED_FRAGMENT */
+      ))]),
+      indicator: (0, _vue.withCtx)(({
+        index,
+        length
+      }) => [(0, _vue.renderSlot)(_ctx.$slots, "indicator", {
+        index: index,
+        length: length
+      }, () => [_ctx.indicator && _ctx.images.length > 1 ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_2, (0, _vue.toDisplayString)(index + 1) + " / " + (0, _vue.toDisplayString)(length), 1
+      /* TEXT */
+      )) : (0, _vue.createCommentVNode)("v-if", true)])]),
+      _: 3
+      /* FORWARDED */
+
+    }, 16
+    /* FULL_PROPS */
+    , ["touchable", "indicator", "initial-index", "loop", "onChange"]), (0, _vue.renderSlot)(_ctx.$slots, "close-icon", {}, () => [_ctx.closeable ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_icon, {
+      key: 0,
+      class: "var-image-preview__close-icon",
+      name: "close-circle",
+      "var-image-preview-cover": "",
+      onClick: _ctx.close
+    }, null, 8
+    /* PROPS */
+    , ["onClick"])) : (0, _vue.createCommentVNode)("v-if", true)])]),
+    _: 3
+    /* FORWARDED */
+
+  }, 8
+  /* PROPS */
+  , ["show", "lock-scroll", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange"]);
+}
+
+var _default = (0, _vue.defineComponent)({
+  render,
+  name: 'VarImagePreview',
+  components: {
+    VarSwipe: _swipe.default,
+    VarSwipeItem: _swipeItem.default,
+    VarPopup: _popup.default,
+    VarIcon: _icon.default
+  },
+  inheritAttrs: false,
+  props: _props.props,
+
+  setup(props) {
+    var popupShow = (0, _vue.ref)(false);
+    var initialIndex = (0, _vue.computed)(() => {
+      var {
+        images,
+        current
+      } = props;
+      var index = images.findIndex(image => image === current);
+      return index >= 0 ? index : 0;
+    });
+    var scale = (0, _vue.ref)(1);
+    var translateX = (0, _vue.ref)(0);
+    var translateY = (0, _vue.ref)(0);
+    var transitionTimingFunction = (0, _vue.ref)(undefined);
+    var transitionDuration = (0, _vue.ref)(undefined);
+    var canSwipe = (0, _vue.ref)(true);
+    var startTouch = null;
+    var prevTouch = null;
+    var checker = null;
+
+    var getDistance = (touch, target) => {
+      var {
+        clientX: touchX,
+        clientY: touchY
+      } = touch;
+      var {
+        clientX: targetX,
+        clientY: targetY
+      } = target;
+      return Math.abs(Math.sqrt(Math.pow(targetX - touchX, 2) + Math.pow(targetY - touchY, 2)));
+    };
+
+    var createVarTouch = (touches, target) => ({
+      clientX: touches.clientX,
+      clientY: touches.clientY,
+      timestamp: Date.now(),
+      target
+    });
+
+    var zoomIn = () => {
+      scale.value = (0, _shared.toNumber)(props.zoom);
+      canSwipe.value = false;
+      prevTouch = null;
+      window.setTimeout(() => {
+        transitionTimingFunction.value = 'linear';
+        transitionDuration.value = '0s';
+      }, ANIMATION_DURATION);
+    };
+
+    var zoomOut = () => {
+      scale.value = 1;
+      translateX.value = 0;
+      translateY.value = 0;
+      canSwipe.value = true;
+      prevTouch = null;
+      transitionTimingFunction.value = undefined;
+      transitionDuration.value = undefined;
+    };
+
+    var isDoubleTouch = currentTouch => {
+      if (!prevTouch) {
+        return false;
+      }
+
+      return getDistance(prevTouch, currentTouch) <= DISTANCE_OFFSET && currentTouch.timestamp - prevTouch.timestamp <= EVENT_DELAY && prevTouch.target === currentTouch.target;
+    };
+
+    var isTapTouch = target => {
+      if (!startTouch || !prevTouch) {
+        return false;
+      }
+
+      return getDistance(startTouch, prevTouch) <= DISTANCE_OFFSET && (target === startTouch.target || target.parentNode === startTouch.target);
+    };
+
+    var handleTouchend = event => {
+      checker = window.setTimeout(() => {
+        isTapTouch(event.target) && close();
+        startTouch = null;
+      }, EVENT_DELAY);
+    };
+
+    var handleTouchstart = event => {
+      checker && window.clearTimeout(checker);
+      var {
+        touches
+      } = event;
+      var currentTouch = createVarTouch(touches[0], event.currentTarget);
+      startTouch = currentTouch;
+
+      if (isDoubleTouch(currentTouch)) {
+        scale.value > 1 ? zoomOut() : zoomIn();
+        return;
+      }
+
+      prevTouch = currentTouch;
+    };
+
+    var getZoom = target => {
+      var {
+        offsetWidth,
+        offsetHeight
+      } = target;
+      var {
+        naturalWidth,
+        naturalHeight
+      } = target.querySelector('.var-image-preview__image');
+      return {
+        width: offsetWidth,
+        height: offsetHeight,
+        imageRadio: naturalHeight / naturalWidth,
+        rootRadio: offsetHeight / offsetWidth,
+        zoom: (0, _shared.toNumber)(props.zoom)
+      };
+    };
+
+    var getLimitX = target => {
+      var {
+        zoom,
+        imageRadio,
+        rootRadio,
+        width,
+        height
+      } = getZoom(target);
+
+      if (!imageRadio) {
+        return 0;
+      }
+
+      var displayWidth = imageRadio > rootRadio ? height / imageRadio : width;
+      return Math.max(0, (zoom * displayWidth - width) / 2) / zoom;
+    };
+
+    var getLimitY = target => {
+      var {
+        zoom,
+        imageRadio,
+        rootRadio,
+        width,
+        height
+      } = getZoom(target);
+
+      if (!imageRadio) {
+        return 0;
+      }
+
+      var displayHeight = imageRadio > rootRadio ? height : width * imageRadio;
+      return Math.max(0, (zoom * displayHeight - height) / 2) / zoom;
+    };
+
+    var getMoveTranslate = (current, move, limit) => {
+      if (current + move >= limit) {
+        return limit;
+      }
+
+      if (current + move <= -limit) {
+        return -limit;
+      }
+
+      return current + move;
+    };
+
+    var handleTouchmove = event => {
+      if (!prevTouch) {
+        return;
+      }
+
+      var target = event.currentTarget;
+      var {
+        touches
+      } = event;
+      var currentTouch = createVarTouch(touches[0], target);
+
+      if (scale.value > 1) {
+        var moveX = currentTouch.clientX - prevTouch.clientX;
+        var moveY = currentTouch.clientY - prevTouch.clientY;
+        var limitX = getLimitX(target);
+        var limitY = getLimitY(target);
+        translateX.value = getMoveTranslate(translateX.value, moveX, limitX);
+        translateY.value = getMoveTranslate(translateY.value, moveY, limitY);
+      }
+
+      prevTouch = currentTouch;
+    };
+
+    var close = () => {
+      var _props$onUpdateShow2;
+
+      if (scale.value > 1) {
+        zoomOut();
+        setTimeout(() => {
+          var _props$onUpdateShow;
+
+          return (_props$onUpdateShow = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow.call(props, false);
+        }, ANIMATION_DURATION);
+        return;
+      }
+
+      (_props$onUpdateShow2 = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow2.call(props, false);
+    };
+
+    (0, _vue.watch)(() => props.show, newValue => {
+      popupShow.value = newValue;
+    }, {
+      immediate: true
+    });
+    return {
+      initialIndex,
+      popupShow,
+      scale,
+      translateX,
+      translateY,
+      canSwipe,
+      transitionTimingFunction,
+      transitionDuration,
+      handleTouchstart,
+      handleTouchmove,
+      handleTouchend,
+      close
+    };
+  }
+
+});
+
+exports.default = _default;

package/lib/image-preview/imagePreview.css

@@ -0,0 +1 @@
+:root { --image-preview-swipe-indicators-text-color: #ddd; --image-preview-swipe-indicators-padding: 16px 0; --image-preview-zoom-container-background: #000; --image-preview-close-icon-top: 13px; --image-preview-close-icon-right: 14px; --image-preview-close-icon-size: 22px; --image-preview-close-icon-color: #fff;}.var-image-preview__popup[var-image-preview-cover] { background: transparent;}.var-image-preview__swipe[var-image-preview-cover] { width: 100vw; height: 100vh;}.var-image-preview__swipe-item[var-image-preview-cover] { overflow: hidden;}.var-image-preview__close-icon[var-image-preview-cover] { position: absolute; top: var(--image-preview-close-icon-top); right: var(--image-preview-close-icon-right); color: var(--image-preview-close-icon-color); font-size: var(--image-preview-close-icon-size);}.var-image-preview__indicators { position: absolute; top: 0; width: 100%; padding: var(--image-preview-swipe-indicators-padding); color: var(--image-preview-swipe-indicators-text-color); text-align: center;}.var-image-preview__image { width: 100%; height: 100%; object-fit: contain; -webkit-user-drag: none;}.var-image-preview__zoom-container { display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; transition: transform 0.2s; background: var(--image-preview-zoom-container-background);}

package/lib/image-preview/imagePreview.less

@@ -0,0 +1,66 @@
+@image-preview-swipe-indicators-text-color: #ddd;
+@image-preview-swipe-indicators-padding: 16px 0;
+@image-preview-zoom-container-background: #000;
+@image-preview-close-icon-top: 13px;
+@image-preview-close-icon-right: 14px;
+@image-preview-close-icon-size: 22px;
+@image-preview-close-icon-color: #fff;
+
+:root {
+  --image-preview-swipe-indicators-text-color: @image-preview-swipe-indicators-text-color;
+  --image-preview-swipe-indicators-padding: @image-preview-swipe-indicators-padding;
+  --image-preview-zoom-container-background: @image-preview-zoom-container-background;
+  --image-preview-close-icon-top: @image-preview-close-icon-top;
+  --image-preview-close-icon-right: @image-preview-close-icon-right;
+  --image-preview-close-icon-size: @image-preview-close-icon-size;
+  --image-preview-close-icon-color: @image-preview-close-icon-color;
+}
+
+.var-image-preview {
+  &__popup[var-image-preview-cover] {
+    background: transparent;
+  }
+
+  &__swipe[var-image-preview-cover] {
+    width: 100vw;
+    height: 100vh;
+  }
+
+  &__swipe-item[var-image-preview-cover] {
+    overflow: hidden;
+  }
+
+  &__close-icon[var-image-preview-cover] {
+    position: absolute;
+    top: var(--image-preview-close-icon-top);
+    right: var(--image-preview-close-icon-right);
+    color: var(--image-preview-close-icon-color);
+    font-size: var(--image-preview-close-icon-size);
+  }
+
+  &__indicators {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    padding: var(--image-preview-swipe-indicators-padding);
+    color: var(--image-preview-swipe-indicators-text-color);
+    text-align: center;
+  }
+
+  &__image {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    -webkit-user-drag: none;
+  }
+
+  &__zoom-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100vw;
+    height: 100vh;
+    transition: transform 0.2s;
+    background: var(--image-preview-zoom-container-background);
+  }
+}

package/lib/image-preview/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports._ImagePreviewComponent = void 0;
+
+var _ImagePreview = _interopRequireDefault(require("./ImagePreview.js"));
+
+var _vue = require("vue");
+
+var _shared = require("../utils/shared");
+
+var _components = require("../utils/components");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var singletonOptions;
+
+function ImagePreview(options) {
+  if (!_shared.inBrowser) {
+    return;
+  }
+
+  ImagePreview.close();
+  var imagePreviewOptions = (0, _shared.isString)(options) ? {
+    images: [options]
+  } : (0, _shared.isArray)(options) ? {
+    images: options
+  } : options;
+  var reactiveImagePreviewOptions = (0, _vue.reactive)(imagePreviewOptions);
+  reactiveImagePreviewOptions.teleport = 'body';
+  singletonOptions = reactiveImagePreviewOptions;
+  var {
+    unmountInstance
+  } = (0, _components.mountInstance)(_ImagePreview.default, reactiveImagePreviewOptions, {
+    onClose: () => reactiveImagePreviewOptions.onClose == null ? void 0 : reactiveImagePreviewOptions.onClose(),
+    onClosed: () => {
+      reactiveImagePreviewOptions.onClosed == null ? void 0 : reactiveImagePreviewOptions.onClosed();
+      unmountInstance();
+      singletonOptions === reactiveImagePreviewOptions && (singletonOptions = null);
+    },
+    onRouteChange: () => {
+      unmountInstance();
+      singletonOptions === reactiveImagePreviewOptions && (singletonOptions = null);
+    },
+    'onUpdate:show': value => {
+      reactiveImagePreviewOptions.show = value;
+    }
+  });
+  reactiveImagePreviewOptions.show = true;
+}
+
+ImagePreview.close = () => {
+  if (singletonOptions != null) {
+    var prevSingletonOptions = singletonOptions;
+    singletonOptions = null;
+    (0, _vue.nextTick)().then(() => {
+      prevSingletonOptions.show = false;
+    });
+  }
+};
+
+_ImagePreview.default.install = function (app) {
+  app.component(_ImagePreview.default.name, _ImagePreview.default);
+};
+
+ImagePreview.install = function (app) {
+  app.component(_ImagePreview.default.name, _ImagePreview.default);
+};
+
+ImagePreview.Component = _ImagePreview.default;
+var _ImagePreviewComponent = _ImagePreview.default;
+exports._ImagePreviewComponent = _ImagePreviewComponent;
+var _default = ImagePreview;
+exports.default = _default;

package/lib/image-preview/props.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports.props = void 0;
+
+var _components = require("../utils/components");
+
+var _props = require("../swipe/props");
+
+var _props2 = require("../popup/props");
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var props = _extends({
+  show: {
+    type: Boolean,
+    default: false
+  },
+  images: {
+    type: Array,
+    default: () => []
+  },
+  current: {
+    type: String
+  },
+  zoom: {
+    type: [String, Number],
+    default: 2
+  },
+  closeable: {
+    type: Boolean,
+    default: false
+  },
+  'onUpdate:show': {
+    type: Function
+  }
+}, (0, _components.pickProps)(_props.props, ['loop', 'indicator', 'onChange']), (0, _components.pickProps)(_props2.props, ['lockScroll', 'teleport', 'onOpen', 'onClose', 'onOpened', 'onClosed', // internal for function call closes the dialog
+'onRouteChange']));
+
+exports.props = props;

package/lib/image-preview/style/index.js

@@ -0,0 +1,7 @@
+require('../../styles/common.css')
+require('../../icon/icon.css')
+require('../../swipe/swipe.css')
+require('../../swipe-item/swipeItem.css')
+require('../../popup/popup.css')
+require('../imagePreview.css')
+require('../ImagePreviewSfc.css')

package/lib/image-preview/style/less.js

@@ -0,0 +1,7 @@
+require('../../styles/common.less')
+require('../../icon/icon.less')
+require('../../swipe/swipe.less')
+require('../../swipe-item/swipeItem.less')
+require('../../popup/popup.less')
+require('../imagePreview.less')
+require('../ImagePreviewSfc.less')

package/lib/index-anchor/IndexAnchor.js

@@ -0,0 +1,99 @@
+"use strict";
+
+exports.__esModule = true;
+exports.render = render;
+exports.default = void 0;
+
+var _sticky = _interopRequireDefault(require("../sticky"));
+
+var _vue = require("vue");
+
+var _provide = require("./provide");
+
+var _props = require("./props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function render(_ctx, _cache) {
+  return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.sticky ? 'var-sticky' : _ctx.Transition), {
+    "offset-top": _ctx.sticky ? _ctx.stickyOffsetTop : null,
+    "z-index": _ctx.sticky ? _ctx.zIndex : null,
+    disabled: _ctx.disabled && !_ctx.cssMode,
+    "css-mode": _ctx.cssMode,
+    ref: "anchorEl"
+  }, {
+    default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", (0, _vue.mergeProps)({
+      class: "var-index-anchor"
+    }, _ctx.$attrs), [(0, _vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.name), 1
+    /* TEXT */
+    )])], 16
+    /* FULL_PROPS */
+    )]),
+    _: 3
+    /* FORWARDED */
+
+  }, 8
+  /* PROPS */
+  , ["offset-top", "z-index", "disabled", "css-mode"]);
+}
+
+var _default = (0, _vue.defineComponent)({
+  render,
+  name: 'VarIndexAnchor',
+  components: {
+    VarSticky: _sticky.default
+  },
+  inheritAttrs: false,
+  props: _props.props,
+
+  setup(props) {
+    var {
+      index,
+      indexBar,
+      bindIndexBar
+    } = (0, _provide.useIndexBar)();
+    var ownTop = (0, _vue.ref)(0);
+    var disabled = (0, _vue.ref)(false);
+    var name = (0, _vue.computed)(() => props.index);
+    var anchorEl = (0, _vue.ref)(null);
+    var {
+      active,
+      sticky,
+      cssMode,
+      stickyOffsetTop,
+      zIndex
+    } = indexBar;
+
+    var setOwnTop = () => {
+      if (!anchorEl.value) return;
+      ownTop.value = anchorEl.value.$el ? anchorEl.value.$el.offsetTop : anchorEl.value.offsetTop;
+    };
+
+    var setDisabled = value => {
+      disabled.value = value;
+    };
+
+    var indexAnchorProvider = {
+      index,
+      name,
+      ownTop,
+      setOwnTop,
+      setDisabled
+    };
+    bindIndexBar(indexAnchorProvider);
+    return {
+      name,
+      anchorEl,
+      active,
+      sticky,
+      zIndex,
+      disabled,
+      cssMode,
+      stickyOffsetTop,
+      Transition: _vue.Transition
+    };
+  }
+
+});
+
+exports.default = _default;

package/lib/index-anchor/IndexAnchorSfc.css

@@ -0,0 +1 @@
+.var-index-anchor { position: relative;}

package/lib/index-anchor/IndexAnchorSfc.less

@@ -0,0 +1 @@
+.var-index-anchor { position: relative;}

package/lib/index-anchor/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports._IndexAnchorComponent = void 0;
+
+var _IndexAnchor = _interopRequireDefault(require("./IndexAnchor.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_IndexAnchor.default.install = function (app) {
+  app.component(_IndexAnchor.default.name, _IndexAnchor.default);
+};
+
+var _IndexAnchorComponent = _IndexAnchor.default;
+exports._IndexAnchorComponent = _IndexAnchorComponent;
+var _default = _IndexAnchor.default;
+exports.default = _default;