@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-7PXALKLM.js

@@ -1,245 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
-
-
-var _chunkM3FVPPMMjs = require('./chunk-M3FVPPMM.js');
-
-
-var _chunkZRHDNGWOjs = require('./chunk-ZRHDNGWO.js');
-
-
-var _chunkGDPU5MYAjs = require('./chunk-GDPU5MYA.js');
-
-
-var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-
-var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
-
-// src/components/ChatWindow.tsx
-var _react = require('react');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ChatWindow = ({
-  messages = [],
-  value,
-  defaultValue = "",
-  placeholder = "\u8BF7\u8F93\u5165\u6D88\u606F",
-  disabled = false,
-  maxLength,
-  emptyText = "\u6682\u65E0\u6D88\u606F",
-  sendText = "\u53D1\u9001",
-  messageListAriaLabel,
-  inputAriaLabel,
-  sendAriaLabel,
-  statusText,
-  statusVariant: _statusVariant = "info",
-  showAvatar = true,
-  showName = true,
-  showTime = false,
-  inputType = "textarea",
-  inputRows = 3,
-  sendOnEnter = true,
-  allowShiftEnter = true,
-  allowEmpty = false,
-  clearOnSend = true,
-  virtual = false,
-  virtualItemHeight = 88,
-  virtualHeight = 400,
-  autoScrollToBottom = true,
-  onChange,
-  onSend,
-  renderMessage,
-  className,
-  ...props
-}) => {
-  const [innerValue, setInnerValue] = _react.useState.call(void 0, _nullishCoalesce(value, () => ( defaultValue)));
-  _react.useEffect.call(void 0, () => {
-    if (value !== void 0) {
-      setInnerValue(value);
-    }
-  }, [value]);
-  const inputValue = value !== void 0 ? value : innerValue;
-  const wrapperClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden transition-all duration-300",
-      className
-    ),
-    [className]
-  );
-  const canSend = _react.useMemo.call(void 0, () => {
-    if (disabled) return false;
-    if (allowEmpty) return true;
-    const raw = String(_nullishCoalesce(inputValue, () => ( "")));
-    return raw.trim().length > 0;
-  }, [allowEmpty, disabled, inputValue]);
-  const handleValueChange = _react.useCallback.call(void 0, 
-    (nextValue) => {
-      if (value === void 0) {
-        setInnerValue(nextValue);
-      }
-      _optionalChain([onChange, 'optionalCall', _ => _(nextValue)]);
-    },
-    [onChange, value]
-  );
-  const handleSend = _react.useCallback.call(void 0, () => {
-    if (!canSend) return;
-    const payload = String(_nullishCoalesce(inputValue, () => ( "")));
-    _optionalChain([onSend, 'optionalCall', _2 => _2(payload)]);
-    if (clearOnSend) {
-      if (value === void 0) {
-        setInnerValue("");
-      }
-      _optionalChain([onChange, 'optionalCall', _3 => _3("")]);
-    }
-  }, [canSend, clearOnSend, inputValue, onSend, onChange, value]);
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (event) => {
-      if (!sendOnEnter) return;
-      if (event.key !== "Enter") return;
-      if (inputType === "textarea" && allowShiftEnter && event.shiftKey) return;
-      event.preventDefault();
-      handleSend();
-    },
-    [allowShiftEnter, handleSend, inputType, sendOnEnter]
-  );
-  const renderMessageItem = _react.useCallback.call(void 0, 
-    (message, index) => {
-      const isSelf = message.direction === "self";
-      const statusInfo = message.status ? _tigercatcore.getChatMessageStatusInfo.call(void 0, message.status) : void 0;
-      const timeText = showTime ? _tigercatcore.formatChatTime.call(void 0, message.time) : "";
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: _tigercatcore.classNames.call(void 0, 
-            "flex gap-3 items-start",
-            isSelf ? "flex-row-reverse" : "justify-start"
-          ),
-          "data-tiger-chat-message": true,
-          role: "listitem",
-          children: [
-            showAvatar && message.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk4MQCUKICjs.Avatar,
-              {
-                size: "sm",
-                src: message.user.avatar,
-                text: message.user.name,
-                className: "flex-shrink-0"
-              }
-            ) : null,
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "flex flex-col max-w-[75%]", isSelf && "items-end"), children: [
-              showName && _optionalChain([message, 'access', _4 => _4.user, 'optionalAccess', _5 => _5.name]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  className: _tigercatcore.classNames.call(void 0, 
-                    "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
-                    isSelf && "text-right"
-                  ),
-                  children: message.user.name
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  className: _tigercatcore.classNames.call(void 0, 
-                    "rounded-[var(--tiger-radius-lg,0.75rem)] px-4 py-2.5 text-sm break-words shadow-sm transition-all",
-                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-[var(--tiger-radius-sm,0.375rem)]" : "bg-[var(--tiger-surface,#ffffff)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] rounded-tl-[var(--tiger-radius-sm,0.375rem)]"
-                  ),
-                  "data-tiger-chat-bubble": true,
-                  children: _nullishCoalesce(_optionalChain([renderMessage, 'optionalCall', _6 => _6(message, index)]), () => ( message.content))
-                }
-              ),
-              statusInfo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "text-xs mt-1", statusInfo.className), children: message.statusText || statusInfo.text }),
-              timeText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]", children: timeText })
-            ] })
-          ]
-        },
-        _nullishCoalesce(message.id, () => ( index))
-      );
-    },
-    [renderMessage, showAvatar, showName, showTime]
-  );
-  const messageListRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (!autoScrollToBottom) return;
-    const raf = requestAnimationFrame(() => {
-      const el = messageListRef.current;
-      if (!el) return;
-      const target = _nullishCoalesce((virtual ? el.firstElementChild : el), () => ( el));
-      target.scrollTop = target.scrollHeight;
-    });
-    return () => cancelAnimationFrame(raf);
-  }, [messages.length, autoScrollToBottom, virtual]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
-    virtual && messages.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ref: messageListRef,
-        className: "flex-1 overflow-auto bg-[var(--tiger-surface-muted,#f9fafb)]",
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP36GX65Njs.VirtualList,
-          {
-            itemCount: messages.length,
-            itemHeight: virtualItemHeight,
-            height: virtualHeight,
-            renderItem: ({ index }) => renderMessageItem(messages[index], index)
-          }
-        )
-      }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ref: messageListRef,
-        className: "flex-1 overflow-auto p-5 space-y-4 bg-[var(--tiger-surface-muted,#f9fafb)]",
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
-        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRHDNGWOjs.Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
-      }
-    ),
-    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: statusText }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkM3FVPPMMjs.Input,
-        {
-          value: inputValue,
-          placeholder,
-          disabled,
-          maxLength,
-          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
-          onChange: (event) => handleValueChange(event.currentTarget.value),
-          onKeyDown: handleKeyDown
-        }
-      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGDPU5MYAjs.Textarea,
-        {
-          value: inputValue,
-          placeholder,
-          disabled,
-          maxLength,
-          rows: inputRows,
-          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
-          onChange: (event) => handleValueChange(event.currentTarget.value),
-          onKeyDown: handleKeyDown
-        }
-      ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
-    ] })
-  ] });
-};
-var ChatWindow_default = ChatWindow;
-
-
-
-
-exports.ChatWindow = ChatWindow; exports.ChatWindow_default = ChatWindow_default;

package/dist/chunk-7Z64GEMN.js

@@ -1,320 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Slider.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Thumb = _react.memo.call(void 0, 
-  ({
-    value,
-    thumbType = null,
-    disabled,
-    tooltip,
-    showTooltip,
-    activeThumb,
-    isDragging,
-    min,
-    max,
-    ariaLabel,
-    ariaLabelledby,
-    ariaDescribedby,
-    thumbClasses,
-    tooltipClasses,
-    setShowTooltip,
-    handleStart,
-    handleKeyDown,
-    getPercentage
-  }) => {
-    const left = getPercentage(value);
-    const showThumbTooltip = showTooltip && (thumbType === activeThumb || thumbType === null);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: thumbClasses,
-        style: { left: `${left}%` },
-        tabIndex: disabled ? -1 : 0,
-        role: "slider",
-        "aria-valuenow": value,
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        "aria-orientation": "horizontal",
-        "aria-disabled": disabled,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledby,
-        "aria-describedby": ariaDescribedby,
-        onMouseDown: (e) => handleStart(e, thumbType),
-        onTouchStart: (e) => handleStart(e, thumbType),
-        onMouseEnter: () => {
-          if (tooltip) setShowTooltip(true);
-        },
-        onMouseLeave: () => {
-          if (!isDragging) setShowTooltip(false);
-        },
-        onKeyDown: (e) => handleKeyDown(e, value, thumbType),
-        children: showThumbTooltip && tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tooltipClasses, children: value })
-      }
-    );
-  }
-);
-var Slider = ({
-  value: controlledValue,
-  defaultValue,
-  min = 0,
-  max = 100,
-  step = 1,
-  disabled = false,
-  marks = false,
-  tooltip = true,
-  size = "md",
-  range = false,
-  onChange,
-  className,
-  ...props
-}) => {
-  const {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    "aria-describedby": ariaDescribedby,
-    ...divProps
-  } = props;
-  const getInitialValue = () => {
-    if (controlledValue !== void 0) return controlledValue;
-    if (defaultValue !== void 0) return defaultValue;
-    return range ? [min, max] : min;
-  };
-  const [internalValue, setInternalValue] = _react.useState.call(void 0, getInitialValue());
-  const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
-  const [activeThumb, setActiveThumb] = _react.useState.call(void 0, null);
-  const [showTooltip, setShowTooltip] = _react.useState.call(void 0, false);
-  const trackRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (controlledValue !== void 0) {
-      setInternalValue(controlledValue);
-    }
-  }, [controlledValue]);
-  const getPercentage = _react.useCallback.call(void 0, 
-    (val) => _tigercatcore.sliderGetPercentage.call(void 0, val, min, max),
-    [min, max]
-  );
-  const getValueFromPosition = _react.useCallback.call(void 0, 
-    (clientX) => {
-      if (!trackRef.current) return min;
-      const rect = trackRef.current.getBoundingClientRect();
-      return _tigercatcore.sliderGetValueFromPosition.call(void 0, clientX - rect.left, rect.width, min, max, step);
-    },
-    [min, max, step]
-  );
-  const updateValue = _react.useCallback.call(void 0, 
-    (newValue) => {
-      setInternalValue(newValue);
-      _optionalChain([onChange, 'optionalCall', _ => _(newValue)]);
-    },
-    [onChange]
-  );
-  const handleMove = _react.useCallback.call(void 0, 
-    (event) => {
-      if (disabled || !isDragging) return;
-      const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
-      const newValue = getValueFromPosition(clientX);
-      if (range && Array.isArray(internalValue)) {
-        const [minVal, maxVal] = internalValue;
-        if (activeThumb === "min") {
-          updateValue([Math.min(newValue, maxVal), maxVal]);
-        } else if (activeThumb === "max") {
-          updateValue([minVal, Math.max(newValue, minVal)]);
-        }
-      } else {
-        updateValue(newValue);
-      }
-    },
-    [disabled, isDragging, activeThumb, range, internalValue, getValueFromPosition, updateValue]
-  );
-  const handleEnd = _react.useCallback.call(void 0, () => {
-    setIsDragging(false);
-    setActiveThumb(null);
-    setShowTooltip(false);
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    if (isDragging) {
-      const handleMouseMove = (e) => handleMove(e);
-      const handleTouchMove = (e) => handleMove(e);
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleEnd);
-      document.addEventListener("touchmove", handleTouchMove);
-      document.addEventListener("touchend", handleEnd);
-      return () => {
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleEnd);
-        document.removeEventListener("touchmove", handleTouchMove);
-        document.removeEventListener("touchend", handleEnd);
-      };
-    }
-  }, [isDragging, handleMove, handleEnd]);
-  const handleStart = _react.useCallback.call(void 0, 
-    (event, thumb) => {
-      if (disabled) return;
-      event.preventDefault();
-      setIsDragging(true);
-      setActiveThumb(thumb);
-      if (tooltip) setShowTooltip(true);
-    },
-    [disabled, tooltip]
-  );
-  const handleTrackClick = (e) => {
-    if (disabled) return;
-    const newValue = getValueFromPosition(e.clientX);
-    if (range && Array.isArray(internalValue)) {
-      const [minVal, maxVal] = internalValue;
-      const distToMin = Math.abs(newValue - minVal);
-      const distToMax = Math.abs(newValue - maxVal);
-      if (distToMin < distToMax) {
-        updateValue([newValue, maxVal]);
-      } else {
-        updateValue([minVal, newValue]);
-      }
-    } else {
-      updateValue(newValue);
-    }
-  };
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (e, value, thumbType) => {
-      if (disabled) return;
-      const newValue = _tigercatcore.sliderGetKeyboardValue.call(void 0, e.key, value, min, max, step);
-      if (newValue === null) return;
-      e.preventDefault();
-      if (range && Array.isArray(internalValue)) {
-        const [minVal, maxVal] = internalValue;
-        if (thumbType === "min") {
-          updateValue([Math.min(newValue, maxVal), maxVal]);
-        } else if (thumbType === "max") {
-          updateValue([minVal, Math.max(newValue, minVal)]);
-        }
-      } else {
-        updateValue(newValue);
-      }
-    },
-    [disabled, min, max, step, range, internalValue, updateValue]
-  );
-  const trackClasses = _react.useMemo.call(void 0, () => _tigercatcore.getSliderTrackClasses.call(void 0, size, disabled), [size, disabled]);
-  const rangeStyles = _react.useMemo.call(void 0, () => {
-    if (range && Array.isArray(internalValue)) {
-      const left = getPercentage(internalValue[0]);
-      return { left: `${left}%`, width: `${getPercentage(internalValue[1]) - left}%` };
-    }
-    const val = typeof internalValue === "number" ? internalValue : internalValue[0];
-    return { left: "0%", width: `${getPercentage(val)}%` };
-  }, [range, internalValue, getPercentage]);
-  const thumbClasses = _react.useMemo.call(void 0, () => _tigercatcore.getSliderThumbClasses.call(void 0, size, disabled), [size, disabled]);
-  const tooltipClasses = _react.useMemo.call(void 0, () => _tigercatcore.getSliderTooltipClasses.call(void 0, size), [size]);
-  const renderMarks = () => {
-    if (!marks) return null;
-    const marksObj = typeof marks === "boolean" ? {} : marks;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute w-full top-full mt-2", children: Object.entries(marksObj).map(([key, label]) => {
-      const value = Number(key);
-      const left = getPercentage(value);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "absolute text-xs text-[var(--tiger-text-muted,#6b7280)]",
-          style: { left: `${left}%`, transform: "translateX(-50%)" },
-          children: label
-        },
-        key
-      );
-    }) });
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.sliderBaseClasses, disabled && "cursor-not-allowed", className),
-      ...divProps,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: trackRef, className: trackClasses, onClick: handleTrackClick, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.sliderRangeClasses, style: rangeStyles }),
-          range && Array.isArray(internalValue) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              Thumb,
-              {
-                value: internalValue[0],
-                thumbType: "min",
-                disabled,
-                tooltip,
-                showTooltip,
-                activeThumb,
-                isDragging,
-                min,
-                max,
-                ariaLabel: ariaLabel ? `${ariaLabel} (min)` : "Minimum value",
-                ariaLabelledby,
-                ariaDescribedby,
-                thumbClasses,
-                tooltipClasses,
-                setShowTooltip,
-                handleStart,
-                handleKeyDown,
-                getPercentage
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              Thumb,
-              {
-                value: internalValue[1],
-                thumbType: "max",
-                disabled,
-                tooltip,
-                showTooltip,
-                activeThumb,
-                isDragging,
-                min,
-                max,
-                ariaLabel: ariaLabel ? `${ariaLabel} (max)` : "Maximum value",
-                ariaLabelledby,
-                ariaDescribedby,
-                thumbClasses,
-                tooltipClasses,
-                setShowTooltip,
-                handleStart,
-                handleKeyDown,
-                getPercentage
-              }
-            )
-          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            Thumb,
-            {
-              value: typeof internalValue === "number" ? internalValue : internalValue[0],
-              disabled,
-              tooltip,
-              showTooltip,
-              activeThumb,
-              isDragging,
-              min,
-              max,
-              ariaLabel,
-              ariaLabelledby,
-              ariaDescribedby,
-              thumbClasses,
-              tooltipClasses,
-              setShowTooltip,
-              handleStart,
-              handleKeyDown,
-              getPercentage
-            }
-          )
-        ] }),
-        renderMarks()
-      ]
-    }
-  );
-};
-
-
-
-exports.Slider = Slider;