@windrun-huaiin/third-ui 13.1.4 → 13.1.5

package/dist/node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/shared/utils.mjs

@@ -1,288 +0,0 @@
-import { a as getWindow } from './ssr-window.esm.mjs';
-
-function classesToTokens(classes = '') {
-  return classes.trim().split(' ').filter(c => !!c.trim());
-}
-
-function deleteProps(obj) {
-  const object = obj;
-  Object.keys(object).forEach(key => {
-    try {
-      object[key] = null;
-    } catch (e) {
-      // no getter for object
-    }
-    try {
-      delete object[key];
-    } catch (e) {
-      // something got wrong
-    }
-  });
-}
-function nextTick(callback, delay = 0) {
-  return setTimeout(callback, delay);
-}
-function now() {
-  return Date.now();
-}
-function getComputedStyle(el) {
-  const window = getWindow();
-  let style;
-  if (window.getComputedStyle) {
-    style = window.getComputedStyle(el, null);
-  }
-  if (!style && el.currentStyle) {
-    style = el.currentStyle;
-  }
-  if (!style) {
-    style = el.style;
-  }
-  return style;
-}
-function getTranslate(el, axis = 'x') {
-  const window = getWindow();
-  let matrix;
-  let curTransform;
-  let transformMatrix;
-  const curStyle = getComputedStyle(el);
-  if (window.WebKitCSSMatrix) {
-    curTransform = curStyle.transform || curStyle.webkitTransform;
-    if (curTransform.split(',').length > 6) {
-      curTransform = curTransform.split(', ').map(a => a.replace(',', '.')).join(', ');
-    }
-    // Some old versions of Webkit choke when 'none' is passed; pass
-    // empty string instead in this case
-    transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);
-  } else {
-    transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
-    matrix = transformMatrix.toString().split(',');
-  }
-  if (axis === 'x') {
-    // Latest Chrome and webkits Fix
-    if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41;
-    // Crazy IE10 Matrix
-    else if (matrix.length === 16) curTransform = parseFloat(matrix[12]);
-    // Normal Browsers
-    else curTransform = parseFloat(matrix[4]);
-  }
-  if (axis === 'y') {
-    // Latest Chrome and webkits Fix
-    if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42;
-    // Crazy IE10 Matrix
-    else if (matrix.length === 16) curTransform = parseFloat(matrix[13]);
-    // Normal Browsers
-    else curTransform = parseFloat(matrix[5]);
-  }
-  return curTransform || 0;
-}
-function isObject(o) {
-  return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';
-}
-function isNode(node) {
-  // eslint-disable-next-line
-  if (typeof window !== 'undefined' && typeof window.HTMLElement !== 'undefined') {
-    return node instanceof HTMLElement;
-  }
-  return node && (node.nodeType === 1 || node.nodeType === 11);
-}
-function extend(...args) {
-  const to = Object(args[0]);
-  const noExtend = ['__proto__', 'constructor', 'prototype'];
-  for (let i = 1; i < args.length; i += 1) {
-    const nextSource = args[i];
-    if (nextSource !== undefined && nextSource !== null && !isNode(nextSource)) {
-      const keysArray = Object.keys(Object(nextSource)).filter(key => noExtend.indexOf(key) < 0);
-      for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
-        const nextKey = keysArray[nextIndex];
-        const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
-        if (desc !== undefined && desc.enumerable) {
-          if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {
-            if (nextSource[nextKey].__swiper__) {
-              to[nextKey] = nextSource[nextKey];
-            } else {
-              extend(to[nextKey], nextSource[nextKey]);
-            }
-          } else if (!isObject(to[nextKey]) && isObject(nextSource[nextKey])) {
-            to[nextKey] = {};
-            if (nextSource[nextKey].__swiper__) {
-              to[nextKey] = nextSource[nextKey];
-            } else {
-              extend(to[nextKey], nextSource[nextKey]);
-            }
-          } else {
-            to[nextKey] = nextSource[nextKey];
-          }
-        }
-      }
-    }
-  }
-  return to;
-}
-function setCSSProperty(el, varName, varValue) {
-  el.style.setProperty(varName, varValue);
-}
-function animateCSSModeScroll({
-  swiper,
-  targetPosition,
-  side
-}) {
-  const window = getWindow();
-  const startPosition = -swiper.translate;
-  let startTime = null;
-  let time;
-  const duration = swiper.params.speed;
-  swiper.wrapperEl.style.scrollSnapType = 'none';
-  window.cancelAnimationFrame(swiper.cssModeFrameID);
-  const dir = targetPosition > startPosition ? 'next' : 'prev';
-  const isOutOfBound = (current, target) => {
-    return dir === 'next' && current >= target || dir === 'prev' && current <= target;
-  };
-  const animate = () => {
-    time = new Date().getTime();
-    if (startTime === null) {
-      startTime = time;
-    }
-    const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
-    const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2;
-    let currentPosition = startPosition + easeProgress * (targetPosition - startPosition);
-    if (isOutOfBound(currentPosition, targetPosition)) {
-      currentPosition = targetPosition;
-    }
-    swiper.wrapperEl.scrollTo({
-      [side]: currentPosition
-    });
-    if (isOutOfBound(currentPosition, targetPosition)) {
-      swiper.wrapperEl.style.overflow = 'hidden';
-      swiper.wrapperEl.style.scrollSnapType = '';
-      setTimeout(() => {
-        swiper.wrapperEl.style.overflow = '';
-        swiper.wrapperEl.scrollTo({
-          [side]: currentPosition
-        });
-      });
-      window.cancelAnimationFrame(swiper.cssModeFrameID);
-      return;
-    }
-    swiper.cssModeFrameID = window.requestAnimationFrame(animate);
-  };
-  animate();
-}
-function elementChildren(element, selector = '') {
-  const window = getWindow();
-  const children = [...element.children];
-  if (window.HTMLSlotElement && element instanceof HTMLSlotElement) {
-    children.push(...element.assignedElements());
-  }
-  if (!selector) {
-    return children;
-  }
-  return children.filter(el => el.matches(selector));
-}
-function elementIsChildOfSlot(el, slot) {
-  // Breadth-first search through all parent's children and assigned elements
-  const elementsQueue = [slot];
-  while (elementsQueue.length > 0) {
-    const elementToCheck = elementsQueue.shift();
-    if (el === elementToCheck) {
-      return true;
-    }
-    elementsQueue.push(...elementToCheck.children, ...(elementToCheck.shadowRoot ? elementToCheck.shadowRoot.children : []), ...(elementToCheck.assignedElements ? elementToCheck.assignedElements() : []));
-  }
-}
-function elementIsChildOf(el, parent) {
-  const window = getWindow();
-  let isChild = parent.contains(el);
-  if (!isChild && window.HTMLSlotElement && parent instanceof HTMLSlotElement) {
-    const children = [...parent.assignedElements()];
-    isChild = children.includes(el);
-    if (!isChild) {
-      isChild = elementIsChildOfSlot(el, parent);
-    }
-  }
-  return isChild;
-}
-function showWarning(text) {
-  try {
-    console.warn(text);
-    return;
-  } catch (err) {
-    // err
-  }
-}
-function createElement(tag, classes = []) {
-  const el = document.createElement(tag);
-  el.classList.add(...(Array.isArray(classes) ? classes : classesToTokens(classes)));
-  return el;
-}
-function elementPrevAll(el, selector) {
-  const prevEls = [];
-  while (el.previousElementSibling) {
-    const prev = el.previousElementSibling; // eslint-disable-line
-    if (selector) {
-      if (prev.matches(selector)) prevEls.push(prev);
-    } else prevEls.push(prev);
-    el = prev;
-  }
-  return prevEls;
-}
-function elementNextAll(el, selector) {
-  const nextEls = [];
-  while (el.nextElementSibling) {
-    const next = el.nextElementSibling; // eslint-disable-line
-    if (selector) {
-      if (next.matches(selector)) nextEls.push(next);
-    } else nextEls.push(next);
-    el = next;
-  }
-  return nextEls;
-}
-function elementStyle(el, prop) {
-  const window = getWindow();
-  return window.getComputedStyle(el, null).getPropertyValue(prop);
-}
-function elementIndex(el) {
-  let child = el;
-  let i;
-  if (child) {
-    i = 0;
-    // eslint-disable-next-line
-    while ((child = child.previousSibling) !== null) {
-      if (child.nodeType === 1) i += 1;
-    }
-    return i;
-  }
-  return undefined;
-}
-function elementParents(el, selector) {
-  const parents = []; // eslint-disable-line
-  let parent = el.parentElement; // eslint-disable-line
-  while (parent) {
-    if (selector) {
-      if (parent.matches(selector)) parents.push(parent);
-    } else {
-      parents.push(parent);
-    }
-    parent = parent.parentElement;
-  }
-  return parents;
-}
-function elementOuterSize(el, size, includeMargins) {
-  const window = getWindow();
-  {
-    return el[size === 'width' ? 'offsetWidth' : 'offsetHeight'] + parseFloat(window.getComputedStyle(el, null).getPropertyValue(size === 'width' ? 'margin-right' : 'margin-top')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue(size === 'width' ? 'margin-left' : 'margin-bottom'));
-  }
-}
-function makeElementsArray(el) {
-  return (Array.isArray(el) ? el : [el]).filter(e => !!e);
-}
-function setInnerHTML(el, html = '') {
-  if (typeof trustedTypes !== 'undefined') {
-    el.innerHTML = trustedTypes.createPolicy('html', {
-      createHTML: s => s
-    }).createHTML(html);
-  } else {
-    el.innerHTML = html;
-  }
-}
-
-export { setCSSProperty as b, createElement as c, elementParents as d, elementChildren as e, now as h, elementOuterSize as i, elementIndex as j, classesToTokens as k, getTranslate as l, makeElementsArray as m, nextTick as n, isObject as p, elementStyle as q, elementNextAll as r, setInnerHTML as s, elementPrevAll as t, animateCSSModeScroll as u, showWarning as v, elementIsChildOf as w, extend as x, deleteProps as y };

package/dist/node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper-react.js

@@ -1,390 +0,0 @@
-'use strict';
-
-var React = require('react');
-var swiperCore = require('./shared/swiper-core.js');
-var updateOnVirtualData = require('./shared/update-on-virtual-data.js');
-var updateSwiper = require('./shared/update-swiper.js');
-
-/**
- * Swiper React 12.0.3
- * Most modern mobile touch slider and framework with hardware accelerated transitions
- * https://swiperjs.com
- *
- * Copyright 2014-2025 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: October 21, 2025
- */
-
-
-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 isChildSwiperSlide(child) {
-  return child.type && child.type.displayName && child.type.displayName.includes('SwiperSlide');
-}
-function processChildren(c) {
-  const slides = [];
-  React.Children.toArray(c).forEach(child => {
-    if (isChildSwiperSlide(child)) {
-      slides.push(child);
-    } else if (child.props && child.props.children) {
-      processChildren(child.props.children).forEach(slide => slides.push(slide));
-    }
-  });
-  return slides;
-}
-function getChildren(c) {
-  const slides = [];
-  const slots = {
-    'container-start': [],
-    'container-end': [],
-    'wrapper-start': [],
-    'wrapper-end': []
-  };
-  React.Children.toArray(c).forEach(child => {
-    if (isChildSwiperSlide(child)) {
-      slides.push(child);
-    } else if (child.props && child.props.slot && slots[child.props.slot]) {
-      slots[child.props.slot].push(child);
-    } else if (child.props && child.props.children) {
-      const foundSlides = processChildren(child.props.children);
-      if (foundSlides.length > 0) {
-        foundSlides.forEach(slide => slides.push(slide));
-      } else {
-        slots['container-end'].push(child);
-      }
-    } else {
-      slots['container-end'].push(child);
-    }
-  });
-  return {
-    slides,
-    slots
-  };
-}
-
-function renderVirtual(swiper, slides, virtualData) {
-  if (!virtualData) return null;
-  const getSlideIndex = index => {
-    let slideIndex = index;
-    if (index < 0) {
-      slideIndex = slides.length + index;
-    } else if (slideIndex >= slides.length) {
-      // eslint-disable-next-line
-      slideIndex = slideIndex - slides.length;
-    }
-    return slideIndex;
-  };
-  const style = swiper.isHorizontal() ? {
-    [swiper.rtlTranslate ? 'right' : 'left']: `${virtualData.offset}px`
-  } : {
-    top: `${virtualData.offset}px`
-  };
-  const {
-    from,
-    to
-  } = virtualData;
-  const loopFrom = swiper.params.loop ? -slides.length : 0;
-  const loopTo = swiper.params.loop ? slides.length * 2 : slides.length;
-  const slidesToRender = [];
-  for (let i = loopFrom; i < loopTo; i += 1) {
-    if (i >= from && i <= to) {
-      slidesToRender.push(slides[getSlideIndex(i)]);
-    }
-  }
-  return slidesToRender.map((child, index) => {
-    return /*#__PURE__*/React.cloneElement(child, {
-      swiper,
-      style,
-      key: child.props.virtualIndex || child.key || `slide-${index}`
-    });
-  });
-}
-
-function useIsomorphicLayoutEffect(callback, deps) {
-  // eslint-disable-next-line
-  if (typeof window === 'undefined') return React.useEffect(callback, deps);
-  return React.useLayoutEffect(callback, deps);
-}
-
-const SwiperSlideContext = /*#__PURE__*/React.createContext(null);
-const SwiperContext = /*#__PURE__*/React.createContext(null);
-
-const Swiper = /*#__PURE__*/React.forwardRef(({
-  className,
-  tag: Tag = 'div',
-  wrapperTag: WrapperTag = 'div',
-  children,
-  onSwiper,
-  ...rest
-} = {}, externalElRef) => {
-  let eventsAssigned = false;
-  const [containerClasses, setContainerClasses] = React.useState('swiper');
-  const [virtualData, setVirtualData] = React.useState(null);
-  const [breakpointChanged, setBreakpointChanged] = React.useState(false);
-  const initializedRef = React.useRef(false);
-  const swiperElRef = React.useRef(null);
-  const swiperRef = React.useRef(null);
-  const oldPassedParamsRef = React.useRef(null);
-  const oldSlides = React.useRef(null);
-  const nextElRef = React.useRef(null);
-  const prevElRef = React.useRef(null);
-  const paginationElRef = React.useRef(null);
-  const scrollbarElRef = React.useRef(null);
-  const {
-    params: swiperParams,
-    passedParams,
-    rest: restProps,
-    events
-  } = updateOnVirtualData.g(rest);
-  const {
-    slides,
-    slots
-  } = getChildren(children);
-  const onBeforeBreakpoint = () => {
-    setBreakpointChanged(!breakpointChanged);
-  };
-  Object.assign(swiperParams.on, {
-    _containerClasses(swiper, classes) {
-      setContainerClasses(classes);
-    }
-  });
-  const initSwiper = () => {
-    // init swiper
-    Object.assign(swiperParams.on, events);
-    eventsAssigned = true;
-    const passParams = {
-      ...swiperParams
-    };
-    delete passParams.wrapperClass;
-    swiperRef.current = new swiperCore.S(passParams);
-    if (swiperRef.current.virtual && swiperRef.current.params.virtual.enabled) {
-      swiperRef.current.virtual.slides = slides;
-      const extendWith = {
-        cache: false,
-        slides,
-        renderExternal: setVirtualData,
-        renderExternalUpdate: false
-      };
-      updateSwiper.e(swiperRef.current.params.virtual, extendWith);
-      updateSwiper.e(swiperRef.current.originalParams.virtual, extendWith);
-    }
-  };
-  if (!swiperElRef.current) {
-    initSwiper();
-  }
-
-  // Listen for breakpoints change
-  if (swiperRef.current) {
-    swiperRef.current.on('_beforeBreakpoint', onBeforeBreakpoint);
-  }
-  const attachEvents = () => {
-    if (eventsAssigned || !events || !swiperRef.current) return;
-    Object.keys(events).forEach(eventName => {
-      swiperRef.current.on(eventName, events[eventName]);
-    });
-  };
-  const detachEvents = () => {
-    if (!events || !swiperRef.current) return;
-    Object.keys(events).forEach(eventName => {
-      swiperRef.current.off(eventName, events[eventName]);
-    });
-  };
-  React.useEffect(() => {
-    return () => {
-      if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);
-    };
-  });
-
-  // set initialized flag
-  React.useEffect(() => {
-    if (!initializedRef.current && swiperRef.current) {
-      swiperRef.current.emitSlidesClasses();
-      initializedRef.current = true;
-    }
-  });
-
-  // mount swiper
-  useIsomorphicLayoutEffect(() => {
-    if (externalElRef) {
-      externalElRef.current = swiperElRef.current;
-    }
-    if (!swiperElRef.current) return;
-    if (swiperRef.current.destroyed) {
-      initSwiper();
-    }
-    updateOnVirtualData.m({
-      el: swiperElRef.current,
-      nextEl: nextElRef.current,
-      prevEl: prevElRef.current,
-      paginationEl: paginationElRef.current,
-      scrollbarEl: scrollbarElRef.current,
-      swiper: swiperRef.current
-    }, swiperParams);
-    if (onSwiper && !swiperRef.current.destroyed) onSwiper(swiperRef.current);
-    // eslint-disable-next-line
-    return () => {
-      if (swiperRef.current && !swiperRef.current.destroyed) {
-        swiperRef.current.destroy(true, false);
-      }
-    };
-  }, []);
-
-  // watch for params change
-  useIsomorphicLayoutEffect(() => {
-    attachEvents();
-    const changedParams = updateOnVirtualData.a(passedParams, oldPassedParamsRef.current, slides, oldSlides.current, c => c.key);
-    oldPassedParamsRef.current = passedParams;
-    oldSlides.current = slides;
-    if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {
-      updateSwiper.u({
-        swiper: swiperRef.current,
-        slides,
-        passedParams,
-        changedParams,
-        nextEl: nextElRef.current,
-        prevEl: prevElRef.current,
-        scrollbarEl: scrollbarElRef.current,
-        paginationEl: paginationElRef.current
-      });
-    }
-    return () => {
-      detachEvents();
-    };
-  });
-
-  // update on virtual update
-  useIsomorphicLayoutEffect(() => {
-    updateOnVirtualData.u(swiperRef.current);
-  }, [virtualData]);
-
-  // bypass swiper instance to slides
-  function renderSlides() {
-    if (swiperParams.virtual) {
-      return renderVirtual(swiperRef.current, slides, virtualData);
-    }
-    return slides.map((child, index) => {
-      return /*#__PURE__*/React.cloneElement(child, {
-        swiper: swiperRef.current,
-        swiperSlideIndex: index
-      });
-    });
-  }
-  return /*#__PURE__*/React.createElement(Tag, _extends({
-    ref: swiperElRef,
-    className: updateSwiper.d(`${containerClasses}${className ? ` ${className}` : ''}`)
-  }, restProps), /*#__PURE__*/React.createElement(SwiperContext.Provider, {
-    value: swiperRef.current
-  }, slots['container-start'], /*#__PURE__*/React.createElement(WrapperTag, {
-    className: updateSwiper.w(swiperParams.wrapperClass)
-  }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), updateSwiper.n(swiperParams) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: prevElRef,
-    className: "swiper-button-prev"
-  }), /*#__PURE__*/React.createElement("div", {
-    ref: nextElRef,
-    className: "swiper-button-next"
-  })), updateSwiper.b(swiperParams) && /*#__PURE__*/React.createElement("div", {
-    ref: scrollbarElRef,
-    className: "swiper-scrollbar"
-  }), updateSwiper.a(swiperParams) && /*#__PURE__*/React.createElement("div", {
-    ref: paginationElRef,
-    className: "swiper-pagination"
-  }), slots['container-end']));
-});
-Swiper.displayName = 'Swiper';
-
-const SwiperSlide = /*#__PURE__*/React.forwardRef(({
-  tag: Tag = 'div',
-  children,
-  className = '',
-  swiper,
-  zoom,
-  lazy,
-  virtualIndex,
-  swiperSlideIndex,
-  ...rest
-} = {}, externalRef) => {
-  const slideElRef = React.useRef(null);
-  const [slideClasses, setSlideClasses] = React.useState('swiper-slide');
-  const [lazyLoaded, setLazyLoaded] = React.useState(false);
-  function updateClasses(_s, el, classNames) {
-    if (el === slideElRef.current) {
-      setSlideClasses(classNames);
-    }
-  }
-  useIsomorphicLayoutEffect(() => {
-    if (typeof swiperSlideIndex !== 'undefined') {
-      slideElRef.current.swiperSlideIndex = swiperSlideIndex;
-    }
-    if (externalRef) {
-      externalRef.current = slideElRef.current;
-    }
-    if (!slideElRef.current || !swiper) {
-      return;
-    }
-    if (swiper.destroyed) {
-      if (slideClasses !== 'swiper-slide') {
-        setSlideClasses('swiper-slide');
-      }
-      return;
-    }
-    swiper.on('_slideClass', updateClasses);
-    // eslint-disable-next-line
-    return () => {
-      if (!swiper) return;
-      swiper.off('_slideClass', updateClasses);
-    };
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (swiper && slideElRef.current && !swiper.destroyed) {
-      setSlideClasses(swiper.getSlideClasses(slideElRef.current));
-    }
-  }, [swiper]);
-  const slideData = {
-    isActive: slideClasses.indexOf('swiper-slide-active') >= 0,
-    isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,
-    isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0,
-    isNext: slideClasses.indexOf('swiper-slide-next') >= 0
-  };
-  const renderChildren = () => {
-    return typeof children === 'function' ? children(slideData) : children;
-  };
-  const onLoad = () => {
-    setLazyLoaded(true);
-  };
-  return /*#__PURE__*/React.createElement(Tag, _extends({
-    ref: slideElRef,
-    className: updateSwiper.d(`${slideClasses}${className ? ` ${className}` : ''}`),
-    "data-swiper-slide-index": virtualIndex,
-    onLoad: onLoad
-  }, rest), zoom && /*#__PURE__*/React.createElement(SwiperSlideContext.Provider, {
-    value: slideData
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "swiper-zoom-container",
-    "data-swiper-zoom": typeof zoom === 'number' ? zoom : undefined
-  }, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React.createElement("div", {
-    className: "swiper-lazy-preloader"
-  }))), !zoom && /*#__PURE__*/React.createElement(SwiperSlideContext.Provider, {
-    value: slideData
-  }, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React.createElement("div", {
-    className: "swiper-lazy-preloader"
-  })));
-});
-SwiperSlide.displayName = 'SwiperSlide';
-
-exports.Swiper = Swiper;
-exports.SwiperSlide = SwiperSlide;