@varlet/ui 1.23.4-alpha.4 → 1.23.4

package/lib/image-preview/ImagePreview.js

@@ -1,369 +0,0 @@
-"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

@@ -1 +0,0 @@
-: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

@@ -1,66 +0,0 @@
-@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

@@ -1,74 +0,0 @@
-"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

@@ -1,40 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,99 +0,0 @@
-"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

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

package/lib/index-anchor/IndexAnchorSfc.less

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

package/lib/index-anchor/index.js

@@ -1,17 +0,0 @@
-"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;