x-sccba 0.1.1 → 0.2.3

package/dist/use-dialog-Do_Gec3_.js

@@ -1,432 +0,0 @@
-import { U as UPDATE_MODEL_EVENT } from "./event-BZTOGHfp.js";
-import { d as isBoolean } from "./types-C0XFCitV.js";
-import { a as buildProps, d as definePropType } from "./runtime-CB4FCs2u.js";
-import { t as teleportProps } from "./index-BdeqYK4K.js";
-import { i as iconPropType } from "./icon-CSlgLnB8.js";
-import { P as PatchFlags } from "./vnode-BqiJmLQh.js";
-import { g as useNamespace, N as NOOP, j as defaultNamespace, i as isObject, b as isArray, d as isFunction } from "./dayjs.min-DmpOrZt7.js";
-import { isRef, computed, watch, onScopeDispose, defineComponent, createVNode, h, renderSlot, getCurrentInstance, ref, nextTick, onMounted } from "vue";
-import { t as throwError, d as debugWarn } from "./error-pXqGnBfl.js";
-import { h as hasClass, b as addClass, g as getStyle, r as removeClass, a as addUnit } from "./style-DRszTUom.js";
-import { g as getScrollBarWidth } from "./scroll-CVUkY-30.js";
-import { u as useId } from "./index-DBYFA4Zs.js";
-import { u as useZIndex } from "./index-DWYi6V7Z.js";
-import { u as useGlobalConfig } from "./use-global-config-DIkOmzgu.js";
-import { m as useTimeoutFn, i as isClient } from "./index-BaiB6iW4.js";
-const useLockscreen = (trigger, options = {}) => {
-  if (!isRef(trigger)) throwError("[useLockscreen]", "You need to pass a ref param to this function");
-  const ns = options.ns || useNamespace("popup");
-  const hiddenCls = computed(() => ns.bm("parent", "hidden"));
-  let scrollBarWidth = 0;
-  let withoutHiddenClass = false;
-  let bodyWidth = "0";
-  let cleaned = false;
-  const cleanup = () => {
-    if (cleaned) return;
-    cleaned = true;
-    setTimeout(() => {
-      if (typeof document === "undefined") return;
-      if (withoutHiddenClass && document) {
-        document.body.style.width = bodyWidth;
-        removeClass(document.body, hiddenCls.value);
-      }
-    }, 200);
-  };
-  watch(trigger, (val) => {
-    if (!val) {
-      cleanup();
-      return;
-    }
-    cleaned = false;
-    withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
-    if (withoutHiddenClass) {
-      bodyWidth = document.body.style.width;
-      addClass(document.body, hiddenCls.value);
-    }
-    scrollBarWidth = getScrollBarWidth(ns.namespace.value);
-    const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-    const bodyOverflowY = getStyle(document.body, "overflowY");
-    if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
-  });
-  onScopeDispose(() => cleanup());
-};
-const useSameTarget = (handleClick) => {
-  if (!handleClick) return {
-    onClick: NOOP,
-    onMousedown: NOOP,
-    onMouseup: NOOP
-  };
-  let mousedownTarget = false;
-  let mouseupTarget = false;
-  const onClick = (e) => {
-    if (mousedownTarget && mouseupTarget) handleClick(e);
-    mousedownTarget = mouseupTarget = false;
-  };
-  const onMousedown = (e) => {
-    mousedownTarget = e.target === e.currentTarget;
-  };
-  const onMouseup = (e) => {
-    mouseupTarget = e.target === e.currentTarget;
-  };
-  return {
-    onClick,
-    onMousedown,
-    onMouseup
-  };
-};
-const dialogContentProps = buildProps({
-  center: Boolean,
-  alignCenter: {
-    type: Boolean,
-    default: void 0
-  },
-  closeIcon: { type: iconPropType },
-  draggable: {
-    type: Boolean,
-    default: void 0
-  },
-  overflow: {
-    type: Boolean,
-    default: void 0
-  },
-  fullscreen: Boolean,
-  headerClass: String,
-  bodyClass: String,
-  footerClass: String,
-  showClose: {
-    type: Boolean,
-    default: true
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  ariaLevel: {
-    type: String,
-    default: "2"
-  }
-});
-const dialogContentEmits = { close: () => true };
-const dialogProps = buildProps({
-  ...dialogContentProps,
-  appendToBody: Boolean,
-  appendTo: {
-    type: teleportProps.to.type,
-    default: "body"
-  },
-  beforeClose: { type: definePropType(Function) },
-  destroyOnClose: Boolean,
-  closeOnClickModal: {
-    type: Boolean,
-    default: true
-  },
-  closeOnPressEscape: {
-    type: Boolean,
-    default: true
-  },
-  lockScroll: {
-    type: Boolean,
-    default: true
-  },
-  modal: {
-    type: Boolean,
-    default: true
-  },
-  modalPenetrable: Boolean,
-  openDelay: {
-    type: Number,
-    default: 0
-  },
-  closeDelay: {
-    type: Number,
-    default: 0
-  },
-  top: { type: String },
-  modelValue: Boolean,
-  modalClass: String,
-  headerClass: String,
-  bodyClass: String,
-  footerClass: String,
-  width: { type: [String, Number] },
-  zIndex: { type: Number },
-  trapFocus: Boolean,
-  headerAriaLevel: {
-    type: String,
-    default: "2"
-  },
-  transition: {
-    type: definePropType([String, Object]),
-    default: void 0
-  }
-});
-const dialogEmits = {
-  open: () => true,
-  opened: () => true,
-  close: () => true,
-  closed: () => true,
-  [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
-  openAutoFocus: () => true,
-  closeAutoFocus: () => true
-};
-const overlayProps = buildProps({
-  mask: {
-    type: Boolean,
-    default: true
-  },
-  customMaskEvent: Boolean,
-  overlayClass: { type: definePropType([
-    String,
-    Array,
-    Object
-  ]) },
-  zIndex: { type: definePropType([String, Number]) }
-});
-const overlayEmits = { click: (evt) => evt instanceof MouseEvent };
-const BLOCK = "overlay";
-var overlay_default = defineComponent({
-  name: "ElOverlay",
-  props: overlayProps,
-  emits: overlayEmits,
-  setup(props, { slots, emit }) {
-    const ns = useNamespace(BLOCK);
-    const onMaskClick = (e) => {
-      emit("click", e);
-    };
-    const { onClick, onMousedown, onMouseup } = useSameTarget(props.customMaskEvent ? void 0 : onMaskClick);
-    return () => {
-      return props.mask ? createVNode("div", {
-        class: [ns.b(), props.overlayClass],
-        style: { zIndex: props.zIndex },
-        onClick,
-        onMousedown,
-        onMouseup
-      }, [renderSlot(slots, "default")], PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS, [
-        "onClick",
-        "onMouseup",
-        "onMousedown"
-      ]) : h("div", {
-        class: props.overlayClass,
-        style: {
-          zIndex: props.zIndex,
-          position: "fixed",
-          top: "0px",
-          right: "0px",
-          bottom: "0px",
-          left: "0px"
-        }
-      }, [renderSlot(slots, "default")]);
-    };
-  }
-});
-const ElOverlay = overlay_default;
-const dialogInjectionKey = Symbol("dialogInjectionKey");
-const DEFAULT_DIALOG_TRANSITION = "dialog-fade";
-const COMPONENT_NAME = "ElDialog";
-const useDialog = (props, targetRef) => {
-  const emit = getCurrentInstance().emit;
-  const { nextZIndex } = useZIndex();
-  let lastPosition = "";
-  const titleId = useId();
-  const bodyId = useId();
-  const visible = ref(false);
-  const closed = ref(false);
-  const rendered = ref(false);
-  const zIndex = ref(props.zIndex ?? nextZIndex());
-  const closing = ref(false);
-  let openTimer = void 0;
-  let closeTimer = void 0;
-  const config = useGlobalConfig();
-  const namespace = computed(() => {
-    var _a;
-    return ((_a = config.value) == null ? void 0 : _a.namespace) ?? defaultNamespace;
-  });
-  const globalConfig = computed(() => {
-    var _a;
-    return (_a = config.value) == null ? void 0 : _a.dialog;
-  });
-  const style = computed(() => {
-    const style2 = {};
-    const varPrefix = `--${namespace.value}-dialog`;
-    if (!props.fullscreen) {
-      if (props.top) style2[`${varPrefix}-margin-top`] = props.top;
-      const width = addUnit(props.width);
-      if (width) style2[`${varPrefix}-width`] = width;
-    }
-    return style2;
-  });
-  const _draggable = computed(() => {
-    var _a;
-    return (props.draggable ?? ((_a = globalConfig.value) == null ? void 0 : _a.draggable) ?? false) && !props.fullscreen;
-  });
-  const _alignCenter = computed(() => {
-    var _a;
-    return props.alignCenter ?? ((_a = globalConfig.value) == null ? void 0 : _a.alignCenter) ?? false;
-  });
-  const _overflow = computed(() => {
-    var _a;
-    return props.overflow ?? ((_a = globalConfig.value) == null ? void 0 : _a.overflow) ?? false;
-  });
-  const overlayDialogStyle = computed(() => {
-    if (_alignCenter.value) return { display: "flex" };
-    return {};
-  });
-  const transitionConfig = computed(() => {
-    var _a;
-    const transition = props.transition ?? ((_a = globalConfig.value) == null ? void 0 : _a.transition) ?? DEFAULT_DIALOG_TRANSITION;
-    const baseConfig = {
-      name: transition,
-      onAfterEnter: afterEnter,
-      onBeforeLeave: beforeLeave,
-      onAfterLeave: afterLeave
-    };
-    if (isObject(transition)) {
-      const config2 = { ...transition };
-      const _mergeHook = (userHook, defaultHook) => {
-        return (el) => {
-          if (isArray(userHook)) userHook.forEach((fn) => {
-            if (isFunction(fn)) fn(el);
-          });
-          else if (isFunction(userHook)) userHook(el);
-          defaultHook();
-        };
-      };
-      config2.onAfterEnter = _mergeHook(config2.onAfterEnter, afterEnter);
-      config2.onBeforeLeave = _mergeHook(config2.onBeforeLeave, beforeLeave);
-      config2.onAfterLeave = _mergeHook(config2.onAfterLeave, afterLeave);
-      if (!config2.name) {
-        config2.name = DEFAULT_DIALOG_TRANSITION;
-        debugWarn(COMPONENT_NAME, `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`);
-      }
-      return config2;
-    }
-    return baseConfig;
-  });
-  function afterEnter() {
-    emit("opened");
-  }
-  function afterLeave() {
-    emit("closed");
-    emit(UPDATE_MODEL_EVENT, false);
-    if (props.destroyOnClose) rendered.value = false;
-    closing.value = false;
-  }
-  function beforeLeave() {
-    closing.value = true;
-    emit("close");
-  }
-  function open() {
-    closeTimer == null ? void 0 : closeTimer();
-    openTimer == null ? void 0 : openTimer();
-    if (props.openDelay && props.openDelay > 0) ({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay));
-    else doOpen();
-  }
-  function close() {
-    openTimer == null ? void 0 : openTimer();
-    closeTimer == null ? void 0 : closeTimer();
-    if (props.closeDelay && props.closeDelay > 0) ({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay));
-    else doClose();
-  }
-  function handleClose() {
-    function hide(shouldCancel) {
-      if (shouldCancel) return;
-      closed.value = true;
-      visible.value = false;
-    }
-    if (props.beforeClose) props.beforeClose(hide);
-    else close();
-  }
-  function onModalClick() {
-    if (props.closeOnClickModal) handleClose();
-  }
-  function doOpen() {
-    if (!isClient) return;
-    visible.value = true;
-  }
-  function doClose() {
-    visible.value = false;
-  }
-  function onOpenAutoFocus() {
-    emit("openAutoFocus");
-  }
-  function onCloseAutoFocus() {
-    emit("closeAutoFocus");
-  }
-  function onFocusoutPrevented(event) {
-    var _a;
-    if (((_a = event.detail) == null ? void 0 : _a.focusReason) === "pointer") event.preventDefault();
-  }
-  if (props.lockScroll) useLockscreen(visible);
-  function onCloseRequested() {
-    if (props.closeOnPressEscape) handleClose();
-  }
-  watch(() => props.zIndex, () => {
-    zIndex.value = props.zIndex ?? nextZIndex();
-  });
-  watch(() => props.modelValue, (val) => {
-    if (val) {
-      closed.value = false;
-      closing.value = false;
-      open();
-      rendered.value = true;
-      zIndex.value = props.zIndex ?? nextZIndex();
-      nextTick(() => {
-        emit("open");
-        if (targetRef.value) {
-          targetRef.value.parentElement.scrollTop = 0;
-          targetRef.value.parentElement.scrollLeft = 0;
-          targetRef.value.scrollTop = 0;
-        }
-      });
-    } else if (visible.value) close();
-  });
-  watch(() => props.fullscreen, (val) => {
-    if (!targetRef.value) return;
-    if (val) {
-      lastPosition = targetRef.value.style.transform;
-      targetRef.value.style.transform = "";
-    } else targetRef.value.style.transform = lastPosition;
-  });
-  onMounted(() => {
-    if (props.modelValue) {
-      visible.value = true;
-      rendered.value = true;
-      open();
-    }
-  });
-  return {
-    afterEnter,
-    afterLeave,
-    beforeLeave,
-    handleClose,
-    onModalClick,
-    close,
-    doClose,
-    onOpenAutoFocus,
-    onCloseAutoFocus,
-    onCloseRequested,
-    onFocusoutPrevented,
-    titleId,
-    bodyId,
-    closed,
-    style,
-    overlayDialogStyle,
-    rendered,
-    visible,
-    zIndex,
-    transitionConfig,
-    _draggable,
-    _alignCenter,
-    _overflow,
-    closing
-  };
-};
-export {
-  ElOverlay as E,
-  dialogProps as a,
-  dialogContentEmits as b,
-  dialogContentProps as c,
-  dialogEmits as d,
-  dialogInjectionKey as e,
-  useSameTarget as f,
-  useDialog as u
-};

package/dist/use-form-common-props-DpjF0kFa.js

@@ -1,29 +0,0 @@
-import { getCurrentInstance, computed, inject, unref, ref } from "vue";
-import { u as useGlobalSize } from "./index-DnN9GCDs.js";
-import { a as formContextKey, f as formItemContextKey } from "./constants-BgotWPAz.js";
-const useProp = (name) => {
-  const vm = getCurrentInstance();
-  return computed(() => {
-    var _a, _b;
-    return (_b = (_a = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a.$props) == null ? void 0 : _b[name];
-  });
-};
-const useFormSize = (fallback, ignore = {}) => {
-  const emptyRef = ref(void 0);
-  const size = ignore.prop ? emptyRef : useProp("size");
-  const globalConfig = ignore.global ? emptyRef : useGlobalSize();
-  const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
-  const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
-  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
-};
-const useFormDisabled = (fallback) => {
-  const disabled = useProp("disabled");
-  const form = inject(formContextKey, void 0);
-  return computed(() => {
-    return disabled.value ?? unref(fallback) ?? (form == null ? void 0 : form.disabled) ?? false;
-  });
-};
-export {
-  useFormDisabled as a,
-  useFormSize as u
-};

package/dist/use-form-item-C4JPFSaq.js

@@ -1,53 +0,0 @@
-import { u as useId } from "./index-DBYFA4Zs.js";
-import { f as formItemContextKey, a as formContextKey } from "./constants-BgotWPAz.js";
-import { inject, ref, getCurrentInstance, computed, onMounted, watch, toRef, onUnmounted } from "vue";
-const useFormItem = () => {
-  return {
-    form: inject(formContextKey, void 0),
-    formItem: inject(formItemContextKey, void 0)
-  };
-};
-const useFormItemInputId = (props, { formItemContext, disableIdGeneration, disableIdManagement }) => {
-  if (!disableIdGeneration) disableIdGeneration = ref(false);
-  if (!disableIdManagement) disableIdManagement = ref(false);
-  const instance = getCurrentInstance();
-  const inLabel = () => {
-    let parent = instance == null ? void 0 : instance.parent;
-    while (parent) {
-      if (parent.type.name === "ElFormItem") return false;
-      if (parent.type.name === "ElLabelWrap") return true;
-      parent = parent.parent;
-    }
-    return false;
-  };
-  const inputId = ref();
-  let idUnwatch = void 0;
-  const isLabeledByFormItem = computed(() => {
-    var _a;
-    return !!(!(props.label || props.ariaLabel) && formItemContext && formItemContext.inputIds && ((_a = formItemContext.inputIds) == null ? void 0 : _a.length) <= 1);
-  });
-  onMounted(() => {
-    idUnwatch = watch([toRef(props, "id"), disableIdGeneration], ([id, disableIdGeneration2]) => {
-      const newId = id ?? (!disableIdGeneration2 ? useId().value : void 0);
-      if (newId !== inputId.value) {
-        if ((formItemContext == null ? void 0 : formItemContext.removeInputId) && !inLabel()) {
-          inputId.value && formItemContext.removeInputId(inputId.value);
-          if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) formItemContext.addInputId(newId);
-        }
-        inputId.value = newId;
-      }
-    }, { immediate: true });
-  });
-  onUnmounted(() => {
-    idUnwatch && idUnwatch();
-    if (formItemContext == null ? void 0 : formItemContext.removeInputId) inputId.value && formItemContext.removeInputId(inputId.value);
-  });
-  return {
-    isLabeledByFormItem,
-    inputId
-  };
-};
-export {
-  useFormItemInputId as a,
-  useFormItem as u
-};

package/dist/use-global-config-DIkOmzgu.js

@@ -1,78 +0,0 @@
-import { k as keysOf } from "./style-DRszTUom.js";
-import { d as debugWarn } from "./error-pXqGnBfl.js";
-import { l as localeContextKey, u as useLocale } from "./index-MQN6yJqm.js";
-import { n as namespaceContextKey, g as useNamespace, j as defaultNamespace } from "./dayjs.min-DmpOrZt7.js";
-import { z as zIndexContextKey, u as useZIndex, d as defaultInitialZIndex } from "./index-DWYi6V7Z.js";
-import { S as SIZE_INJECTION_KEY } from "./index-DnN9GCDs.js";
-import { e as emptyValuesContextKey } from "./index-fPGkCqrP.js";
-import { getCurrentInstance, inject, ref, computed, unref, provide } from "vue";
-const configProviderContextKey = Symbol();
-const globalConfig = ref();
-function useGlobalConfig(key, defaultValue = void 0) {
-  const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
-  if (key) return computed(() => {
-    var _a;
-    return ((_a = config.value) == null ? void 0 : _a[key]) ?? defaultValue;
-  });
-  else return config;
-}
-function useGlobalComponentSettings(block, sizeFallback) {
-  const config = useGlobalConfig();
-  const ns = useNamespace(block, computed(() => {
-    var _a;
-    return ((_a = config.value) == null ? void 0 : _a.namespace) || defaultNamespace;
-  }));
-  const locale = useLocale(computed(() => {
-    var _a;
-    return (_a = config.value) == null ? void 0 : _a.locale;
-  }));
-  const zIndex = useZIndex(computed(() => {
-    var _a;
-    return ((_a = config.value) == null ? void 0 : _a.zIndex) || defaultInitialZIndex;
-  }));
-  const size = computed(() => {
-    var _a;
-    return unref(sizeFallback) || ((_a = config.value) == null ? void 0 : _a.size) || "";
-  });
-  provideGlobalConfig(computed(() => unref(config) || {}));
-  return {
-    ns,
-    locale,
-    zIndex,
-    size
-  };
-}
-const provideGlobalConfig = (config, app, global = false) => {
-  const inSetup = !!getCurrentInstance();
-  const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = inSetup ? provide : void 0;
-  if (!provideFn) {
-    debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
-    return;
-  }
-  const context = computed(() => {
-    const cfg = unref(config);
-    if (!(oldConfig == null ? void 0 : oldConfig.value)) return cfg;
-    return mergeConfig(oldConfig.value, cfg);
-  });
-  provideFn(configProviderContextKey, context);
-  provideFn(localeContextKey, computed(() => context.value.locale));
-  provideFn(namespaceContextKey, computed(() => context.value.namespace));
-  provideFn(zIndexContextKey, computed(() => context.value.zIndex));
-  provideFn(SIZE_INJECTION_KEY, { size: computed(() => context.value.size || "") });
-  provideFn(emptyValuesContextKey, computed(() => ({
-    emptyValues: context.value.emptyValues,
-    valueOnClear: context.value.valueOnClear
-  })));
-  if (global || !globalConfig.value) globalConfig.value = context.value;
-  return context;
-};
-const mergeConfig = (a, b) => {
-  const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
-  const obj = {};
-  for (const key of keys) obj[key] = b[key] !== void 0 ? b[key] : a[key];
-  return obj;
-};
-export {
-  useGlobalConfig as u
-};

package/dist/use-wheel-BV8Mq6rq.js

@@ -1,73 +0,0 @@
-import { i as isFirefox } from "./event-C9lMmKj-.js";
-import { c as cAF, r as rAF } from "./raf-CkmnBxQx.js";
-const DEFAULT_DYNAMIC_LIST_ITEM_SIZE = 50;
-const ITEM_RENDER_EVT = "itemRendered";
-const SCROLL_EVT = "scroll";
-const FORWARD = "forward";
-const BACKWARD = "backward";
-const AUTO_ALIGNMENT = "auto";
-const SMART_ALIGNMENT = "smart";
-const START_ALIGNMENT = "start";
-const CENTERED_ALIGNMENT = "center";
-const END_ALIGNMENT = "end";
-const HORIZONTAL = "horizontal";
-const VERTICAL = "vertical";
-const LTR = "ltr";
-const RTL = "rtl";
-const RTL_OFFSET_NAG = "negative";
-const RTL_OFFSET_POS_ASC = "positive-ascending";
-const RTL_OFFSET_POS_DESC = "positive-descending";
-const ScrollbarDirKey = {
-  [HORIZONTAL]: "left",
-  [VERTICAL]: "top"
-};
-const SCROLLBAR_MIN_SIZE = 20;
-const useWheel = ({ atEndEdge, atStartEdge, layout }, onWheelDelta) => {
-  let frameHandle;
-  let offset = 0;
-  const hasReachedEdge = (offset2) => {
-    return offset2 < 0 && atStartEdge.value || offset2 > 0 && atEndEdge.value;
-  };
-  const onWheel = (e) => {
-    cAF(frameHandle);
-    let { deltaX, deltaY } = e;
-    if (e.shiftKey && deltaY !== 0) {
-      deltaX = deltaY;
-      deltaY = 0;
-    }
-    const newOffset = layout.value === HORIZONTAL ? deltaX : deltaY;
-    if (hasReachedEdge(newOffset)) return;
-    offset += newOffset;
-    if (!isFirefox() && newOffset !== 0) e.preventDefault();
-    frameHandle = rAF(() => {
-      onWheelDelta(offset);
-      offset = 0;
-    });
-  };
-  return {
-    hasReachedEdge,
-    onWheel
-  };
-};
-export {
-  AUTO_ALIGNMENT as A,
-  BACKWARD as B,
-  CENTERED_ALIGNMENT as C,
-  DEFAULT_DYNAMIC_LIST_ITEM_SIZE as D,
-  END_ALIGNMENT as E,
-  FORWARD as F,
-  HORIZONTAL as H,
-  ITEM_RENDER_EVT as I,
-  LTR as L,
-  RTL as R,
-  ScrollbarDirKey as S,
-  VERTICAL as V,
-  RTL_OFFSET_POS_DESC as a,
-  RTL_OFFSET_NAG as b,
-  RTL_OFFSET_POS_ASC as c,
-  SCROLLBAR_MIN_SIZE as d,
-  SCROLL_EVT as e,
-  START_ALIGNMENT as f,
-  SMART_ALIGNMENT as g,
-  useWheel as u
-};