bromcom-ui 2.11.1-rc.9-3 → 2.11.1

package/dist/components/rc-overflow.js

@@ -10,603 +10,11 @@ import './number-helper.js';
 import { S as StringHelper } from './string-helper.js';
 import './element-dragger.js';
 import './bcm.js';
+import { F as ForwardOverflow } from './Overflow.js';
 import { r as react, a as reactDom } from './index3.js';
-import { c as classnames } from './index2.js';
-import { R as RefResizeObserver, w as wrapperRaf, u as useEvent, a as useLayoutEffect } from './raf.js';
 import { d as defineCustomElement$2 } from './icon.js';
 import { d as defineCustomElement$1 } from './tooltip.js';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : 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);
-}
-
-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 _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var _excluded$2 = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"];
-// Use shared variable to save bundle size
-var UNDEFINED = undefined;
-function InternalItem(props, ref) {
-  var prefixCls = props.prefixCls,
-    invalidate = props.invalidate,
-    item = props.item,
-    renderItem = props.renderItem,
-    responsive = props.responsive,
-    responsiveDisabled = props.responsiveDisabled,
-    registerSize = props.registerSize,
-    itemKey = props.itemKey,
-    className = props.className,
-    style = props.style,
-    children = props.children,
-    display = props.display,
-    order = props.order,
-    _props$component = props.component,
-    Component = _props$component === void 0 ? 'div' : _props$component,
-    restProps = _objectWithoutProperties(props, _excluded$2);
-  var mergedHidden = responsive && !display;
-  // ================================ Effect ================================
-  function internalRegisterSize(width) {
-    registerSize(itemKey, width);
-  }
-  react.useEffect(function () {
-    return function () {
-      internalRegisterSize(null);
-    };
-  }, []);
-  // ================================ Render ================================
-  var childNode = renderItem && item !== UNDEFINED ? renderItem(item) : children;
-  var overflowStyle;
-  if (!invalidate) {
-    overflowStyle = {
-      opacity: mergedHidden ? 0 : 1,
-      height: mergedHidden ? 0 : UNDEFINED,
-      overflowY: mergedHidden ? 'hidden' : UNDEFINED,
-      order: responsive ? order : UNDEFINED,
-      pointerEvents: mergedHidden ? 'none' : UNDEFINED,
-      position: mergedHidden ? 'absolute' : UNDEFINED
-    };
-  }
-  var overflowProps = {};
-  if (mergedHidden) {
-    overflowProps['aria-hidden'] = true;
-  }
-  var itemNode = /*#__PURE__*/react.createElement(Component, _extends({
-    className: classnames(!invalidate && prefixCls, className),
-    style: _objectSpread2(_objectSpread2({}, overflowStyle), style)
-  }, overflowProps, restProps, {
-    ref: ref
-  }), childNode);
-  if (responsive) {
-    itemNode = /*#__PURE__*/react.createElement(RefResizeObserver, {
-      onResize: function onResize(_ref) {
-        var offsetWidth = _ref.offsetWidth;
-        internalRegisterSize(offsetWidth);
-      },
-      disabled: responsiveDisabled
-    }, itemNode);
-  }
-  return itemNode;
-}
-var Item = /*#__PURE__*/react.forwardRef(InternalItem);
-Item.displayName = 'Item';
-
-function channelUpdate(callback) {
-  if (typeof MessageChannel === 'undefined') {
-    wrapperRaf(callback);
-  } else {
-    var channel = new MessageChannel();
-    channel.port1.onmessage = function () {
-      return callback();
-    };
-    channel.port2.postMessage(undefined);
-  }
-}
-
-/**
- * Batcher for record any `useEffectState` need update.
- */
-function useBatcher() {
-  // Updater Trigger
-  var updateFuncRef = react.useRef(null);
-  // Notify update
-  var notifyEffectUpdate = function notifyEffectUpdate(callback) {
-    if (!updateFuncRef.current) {
-      updateFuncRef.current = [];
-      channelUpdate(function () {
-        reactDom.unstable_batchedUpdates(function () {
-          updateFuncRef.current.forEach(function (fn) {
-            fn();
-          });
-          updateFuncRef.current = null;
-        });
-      });
-    }
-    updateFuncRef.current.push(callback);
-  };
-  return notifyEffectUpdate;
-}
-/**
- * Trigger state update by `useLayoutEffect` to save perf.
- */
-function useEffectState(notifyEffectUpdate, defaultValue) {
-  // Value
-  var _React$useState = react.useState(defaultValue),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    stateValue = _React$useState2[0],
-    setStateValue = _React$useState2[1];
-  // Set State
-  var setEffectVal = useEvent(function (nextValue) {
-    notifyEffectUpdate(function () {
-      setStateValue(nextValue);
-    });
-  });
-  return [stateValue, setEffectVal];
-}
-
-var OverflowContext = /*#__PURE__*/react.createContext(null);
-
-var _excluded$1 = ["component"],
-  _excluded2 = ["className"],
-  _excluded3 = ["className"];
-var InternalRawItem = function InternalRawItem(props, ref) {
-  var context = react.useContext(OverflowContext);
-  // Render directly when context not provided
-  if (!context) {
-    var _props$component = props.component,
-      Component = _props$component === void 0 ? 'div' : _props$component,
-      _restProps = _objectWithoutProperties(props, _excluded$1);
-    return /*#__PURE__*/react.createElement(Component, _extends({}, _restProps, {
-      ref: ref
-    }));
-  }
-  var contextClassName = context.className,
-    restContext = _objectWithoutProperties(context, _excluded2);
-  var className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded3);
-  // Do not pass context to sub item to avoid multiple measure
-  return /*#__PURE__*/react.createElement(OverflowContext.Provider, {
-    value: null
-  }, /*#__PURE__*/react.createElement(Item, _extends({
-    ref: ref,
-    className: classnames(contextClassName, className)
-  }, restContext, restProps)));
-};
-var RawItem = /*#__PURE__*/react.forwardRef(InternalRawItem);
-RawItem.displayName = 'RawItem';
-
-var _excluded = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"];
-var RESPONSIVE = 'responsive';
-var INVALIDATE = 'invalidate';
-function defaultRenderRest(omittedItems) {
-  return "+ ".concat(omittedItems.length, " ...");
-}
-function Overflow(props, ref) {
-  var _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? 'rc-overflow' : _props$prefixCls,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    renderItem = props.renderItem,
-    renderRawItem = props.renderRawItem,
-    itemKey = props.itemKey,
-    _props$itemWidth = props.itemWidth,
-    itemWidth = _props$itemWidth === void 0 ? 10 : _props$itemWidth,
-    ssr = props.ssr,
-    style = props.style,
-    className = props.className,
-    maxCount = props.maxCount,
-    renderRest = props.renderRest,
-    renderRawRest = props.renderRawRest,
-    suffix = props.suffix,
-    _props$component = props.component,
-    Component = _props$component === void 0 ? 'div' : _props$component,
-    itemComponent = props.itemComponent,
-    onVisibleChange = props.onVisibleChange,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var fullySSR = ssr === 'full';
-  var notifyEffectUpdate = useBatcher();
-  var _useEffectState = useEffectState(notifyEffectUpdate, null),
-    _useEffectState2 = _slicedToArray(_useEffectState, 2),
-    containerWidth = _useEffectState2[0],
-    setContainerWidth = _useEffectState2[1];
-  var mergedContainerWidth = containerWidth || 0;
-  var _useEffectState3 = useEffectState(notifyEffectUpdate, new Map()),
-    _useEffectState4 = _slicedToArray(_useEffectState3, 2),
-    itemWidths = _useEffectState4[0],
-    setItemWidths = _useEffectState4[1];
-  var _useEffectState5 = useEffectState(notifyEffectUpdate, 0),
-    _useEffectState6 = _slicedToArray(_useEffectState5, 2),
-    prevRestWidth = _useEffectState6[0],
-    setPrevRestWidth = _useEffectState6[1];
-  var _useEffectState7 = useEffectState(notifyEffectUpdate, 0),
-    _useEffectState8 = _slicedToArray(_useEffectState7, 2),
-    restWidth = _useEffectState8[0],
-    setRestWidth = _useEffectState8[1];
-  var _useEffectState9 = useEffectState(notifyEffectUpdate, 0),
-    _useEffectState10 = _slicedToArray(_useEffectState9, 2),
-    suffixWidth = _useEffectState10[0],
-    setSuffixWidth = _useEffectState10[1];
-  var _useState = react.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    suffixFixedStart = _useState2[0],
-    setSuffixFixedStart = _useState2[1];
-  var _useState3 = react.useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    displayCount = _useState4[0],
-    setDisplayCount = _useState4[1];
-  var mergedDisplayCount = react.useMemo(function () {
-    if (displayCount === null && fullySSR) {
-      return Number.MAX_SAFE_INTEGER;
-    }
-    return displayCount || 0;
-  }, [displayCount, containerWidth]);
-  var _useState5 = react.useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    restReady = _useState6[0],
-    setRestReady = _useState6[1];
-  var itemPrefixCls = "".concat(prefixCls, "-item");
-  // Always use the max width to avoid blink
-  var mergedRestWidth = Math.max(prevRestWidth, restWidth);
-  // ================================= Data =================================
-  var isResponsive = maxCount === RESPONSIVE;
-  var shouldResponsive = data.length && isResponsive;
-  var invalidate = maxCount === INVALIDATE;
-  /**
-   * When is `responsive`, we will always render rest node to get the real width of it for calculation
-   */
-  var showRest = shouldResponsive || typeof maxCount === 'number' && data.length > maxCount;
-  var mergedData = react.useMemo(function () {
-    var items = data;
-    if (shouldResponsive) {
-      if (containerWidth === null && fullySSR) {
-        items = data;
-      } else {
-        items = data.slice(0, Math.min(data.length, mergedContainerWidth / itemWidth));
-      }
-    } else if (typeof maxCount === 'number') {
-      items = data.slice(0, maxCount);
-    }
-    return items;
-  }, [data, itemWidth, containerWidth, maxCount, shouldResponsive]);
-  var omittedItems = react.useMemo(function () {
-    if (shouldResponsive) {
-      return data.slice(mergedDisplayCount + 1);
-    }
-    return data.slice(mergedData.length);
-  }, [data, mergedData, shouldResponsive, mergedDisplayCount]);
-  // ================================= Item =================================
-  var getKey = react.useCallback(function (item, index) {
-    var _ref;
-    if (typeof itemKey === 'function') {
-      return itemKey(item);
-    }
-    return (_ref = itemKey && (item === null || item === void 0 ? void 0 : item[itemKey])) !== null && _ref !== void 0 ? _ref : index;
-  }, [itemKey]);
-  var mergedRenderItem = react.useCallback(renderItem || function (item) {
-    return item;
-  }, [renderItem]);
-  function updateDisplayCount(count, suffixFixedStartVal, notReady) {
-    // React 18 will sync render even when the value is same in some case.
-    // We take `mergedData` as deps which may cause dead loop if it's dynamic generate.
-    // ref: https://github.com/ant-design/ant-design/issues/36559
-    if (displayCount === count && (suffixFixedStartVal === undefined || suffixFixedStartVal === suffixFixedStart)) {
-      return;
-    }
-    setDisplayCount(count);
-    if (!notReady) {
-      setRestReady(count < data.length - 1);
-      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(count);
-    }
-    if (suffixFixedStartVal !== undefined) {
-      setSuffixFixedStart(suffixFixedStartVal);
-    }
-  }
-  // ================================= Size =================================
-  function onOverflowResize(_, element) {
-    setContainerWidth(element.clientWidth);
-  }
-  function registerSize(key, width) {
-    setItemWidths(function (origin) {
-      var clone = new Map(origin);
-      if (width === null) {
-        clone.delete(key);
-      } else {
-        clone.set(key, width);
-      }
-      return clone;
-    });
-  }
-  function registerOverflowSize(_, width) {
-    setRestWidth(width);
-    setPrevRestWidth(restWidth);
-  }
-  function registerSuffixSize(_, width) {
-    setSuffixWidth(width);
-  }
-  // ================================ Effect ================================
-  function getItemWidth(index) {
-    return itemWidths.get(getKey(mergedData[index], index));
-  }
-  useLayoutEffect(function () {
-    if (mergedContainerWidth && typeof mergedRestWidth === 'number' && mergedData) {
-      var totalWidth = suffixWidth;
-      var len = mergedData.length;
-      var lastIndex = len - 1;
-      // When data count change to 0, reset this since not loop will reach
-      if (!len) {
-        updateDisplayCount(0, null);
-        return;
-      }
-      for (var i = 0; i < len; i += 1) {
-        var currentItemWidth = getItemWidth(i);
-        // Fully will always render
-        if (fullySSR) {
-          currentItemWidth = currentItemWidth || 0;
-        }
-        // Break since data not ready
-        if (currentItemWidth === undefined) {
-          updateDisplayCount(i - 1, undefined, true);
-          break;
-        }
-        // Find best match
-        totalWidth += currentItemWidth;
-        if (
-        // Only one means `totalWidth` is the final width
-        lastIndex === 0 && totalWidth <= mergedContainerWidth ||
-        // Last two width will be the final width
-        i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth) {
-          // Additional check if match the end
-          updateDisplayCount(lastIndex, null);
-          break;
-        } else if (totalWidth + mergedRestWidth > mergedContainerWidth) {
-          // Can not hold all the content to show rest
-          updateDisplayCount(i - 1, totalWidth - currentItemWidth - suffixWidth + restWidth);
-          break;
-        }
-      }
-      if (suffix && getItemWidth(0) + suffixWidth > mergedContainerWidth) {
-        setSuffixFixedStart(null);
-      }
-    }
-  }, [mergedContainerWidth, itemWidths, restWidth, suffixWidth, getKey, mergedData]);
-  // ================================ Render ================================
-  var displayRest = restReady && !!omittedItems.length;
-  var suffixStyle = {};
-  if (suffixFixedStart !== null && shouldResponsive) {
-    suffixStyle = {
-      position: 'absolute',
-      left: suffixFixedStart,
-      top: 0
-    };
-  }
-  var itemSharedProps = {
-    prefixCls: itemPrefixCls,
-    responsive: shouldResponsive,
-    component: itemComponent,
-    invalidate: invalidate
-  };
-  // >>>>> Choice render fun by `renderRawItem`
-  var internalRenderItemNode = renderRawItem ? function (item, index) {
-    var key = getKey(item, index);
-    return /*#__PURE__*/react.createElement(OverflowContext.Provider, {
-      key: key,
-      value: _objectSpread2(_objectSpread2({}, itemSharedProps), {}, {
-        order: index,
-        item: item,
-        itemKey: key,
-        registerSize: registerSize,
-        display: index <= mergedDisplayCount
-      })
-    }, renderRawItem(item, index));
-  } : function (item, index) {
-    var key = getKey(item, index);
-    return /*#__PURE__*/react.createElement(Item, _extends({}, itemSharedProps, {
-      order: index,
-      key: key,
-      item: item,
-      renderItem: mergedRenderItem,
-      itemKey: key,
-      registerSize: registerSize,
-      display: index <= mergedDisplayCount
-    }));
-  };
-  // >>>>> Rest node
-  var restNode;
-  var restContextProps = {
-    order: displayRest ? mergedDisplayCount : Number.MAX_SAFE_INTEGER,
-    className: "".concat(itemPrefixCls, "-rest"),
-    registerSize: registerOverflowSize,
-    display: displayRest
-  };
-  if (!renderRawRest) {
-    var mergedRenderRest = renderRest || defaultRenderRest;
-    restNode = /*#__PURE__*/react.createElement(Item, _extends({}, itemSharedProps, restContextProps), typeof mergedRenderRest === 'function' ? mergedRenderRest(omittedItems) : mergedRenderRest);
-  } else if (renderRawRest) {
-    restNode = /*#__PURE__*/react.createElement(OverflowContext.Provider, {
-      value: _objectSpread2(_objectSpread2({}, itemSharedProps), restContextProps)
-    }, renderRawRest(omittedItems));
-  }
-  var overflowNode = /*#__PURE__*/react.createElement(Component, _extends({
-    className: classnames(!invalidate && prefixCls, className),
-    style: style,
-    ref: ref
-  }, restProps), mergedData.map(internalRenderItemNode), showRest ? restNode : null, suffix && /*#__PURE__*/react.createElement(Item, _extends({}, itemSharedProps, {
-    responsive: isResponsive,
-    responsiveDisabled: !shouldResponsive,
-    order: mergedDisplayCount,
-    className: "".concat(itemPrefixCls, "-suffix"),
-    registerSize: registerSuffixSize,
-    display: true,
-    style: suffixStyle
-  }), suffix));
-  if (isResponsive) {
-    overflowNode = /*#__PURE__*/react.createElement(RefResizeObserver, {
-      onResize: onOverflowResize,
-      disabled: !shouldResponsive
-    }, overflowNode);
-  }
-  return overflowNode;
-}
-var ForwardOverflow = /*#__PURE__*/react.forwardRef(Overflow);
-ForwardOverflow.displayName = 'Overflow';
-ForwardOverflow.Item = RawItem;
-ForwardOverflow.RESPONSIVE = RESPONSIVE;
-ForwardOverflow.INVALIDATE = INVALIDATE;
-
 const rcOverflowCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.rc-overflow{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.rc-overflow-item{transition:all 0.3s ease;padding:0 2px;display:flex;align-items:center;justify-content:center}";
 
 const BcmRcOverflow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {