@itcase/ui 1.0.43 → 1.0.44

package/dist/components/Swiper.js

@@ -15,7 +15,7 @@ require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
-require('../useStyles-e4accb53.js');
+require('../hooks/useStyles.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -1305,7 +1305,10 @@ const processLazyPreloader = (swiper, imageEl) => {
   const slideSelector = () => swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;
   const slideEl = imageEl.closest(slideSelector());
   if (slideEl) {
-    const lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);
+    let lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);
+    if (!lazyEl && swiper.isElement) {
+      lazyEl = slideEl.shadowRoot.querySelector(`.${swiper.params.lazyPreloaderClass}`);
+    }
     if (lazyEl) lazyEl.remove();
   }
 };
@@ -1662,6 +1665,7 @@ function setTransition(duration, byController) {
   const swiper = this;
   if (!swiper.params.cssMode) {
     swiper.wrapperEl.style.transitionDuration = `${duration}ms`;
+    swiper.wrapperEl.style.transitionDelay = duration === 0 ? `0ms` : '';
   }
   swiper.emit('setTransition', duration, byController);
 }
@@ -2266,7 +2270,6 @@ function loopFix(_temp) {
   if (swiper.controller && swiper.controller.control && !byController) {
     const loopParams = {
       slideRealIndex,
-      slideTo: false,
       direction,
       setTranslate,
       activeSlideIndex,
@@ -2274,10 +2277,16 @@ function loopFix(_temp) {
     };
     if (Array.isArray(swiper.controller.control)) {
       swiper.controller.control.forEach(c => {
-        if (!c.destroyed && c.params.loop) c.loopFix(loopParams);
+        if (!c.destroyed && c.params.loop) c.loopFix({
+          ...loopParams,
+          slideTo: c.params.slidesPerView === params.slidesPerView ? slideTo : false
+        });
       });
     } else if (swiper.controller.control instanceof swiper.constructor && swiper.controller.control.params.loop) {
-      swiper.controller.control.loopFix(loopParams);
+      swiper.controller.control.loopFix({
+        ...loopParams,
+        slideTo: swiper.controller.control.params.slidesPerView === params.slidesPerView ? slideTo : false
+      });
     }
   }
   swiper.emit('loopFix');
@@ -2709,8 +2718,8 @@ function onTouchEnd(event) {
   if (pointerIndex >= 0) {
     data.evCache.splice(pointerIndex, 1);
   }
-  if (['pointercancel', 'pointerout', 'pointerleave'].includes(event.type)) {
-    const proceed = event.type === 'pointercancel' && (swiper.browser.isSafari || swiper.browser.isWebView);
+  if (['pointercancel', 'pointerout', 'pointerleave', 'contextmenu'].includes(event.type)) {
+    const proceed = ['pointercancel', 'contextmenu'].includes(event.type) && (swiper.browser.isSafari || swiper.browser.isWebView);
     if (!proceed) {
       return;
     }
@@ -2991,6 +3000,9 @@ const events = (swiper, method) => {
   document[domMethod]('pointerleave', swiper.onTouchEnd, {
     passive: true
   });
+  document[domMethod]('contextmenu', swiper.onTouchEnd, {
+    passive: true
+  });
 
   // Prevent Links Clicks
   if (params.preventClicks || params.preventClicksPropagation) {
@@ -3897,7 +3909,11 @@ let Swiper$2 = class Swiper {
 
     // Attach events
     swiper.attachEvents();
-    [...swiper.el.querySelectorAll('[loading="lazy"]')].forEach(imageEl => {
+    const lazyElements = [...swiper.el.querySelectorAll('[loading="lazy"]')];
+    if (swiper.isElement) {
+      lazyElements.push(...swiper.hostEl.querySelectorAll('[loading="lazy"]'));
+    }
+    lazyElements.forEach(imageEl => {
       if (imageEl.complete) {
         processLazyPreloader(swiper, imageEl);
       } else {
@@ -4171,6 +4187,7 @@ function updateSwiper(_ref) {
     if (swiper.isElement && (!paginationEl || typeof paginationEl === 'string')) {
       paginationEl = document.createElement('div');
       paginationEl.classList.add('swiper-pagination');
+      paginationEl.part.add('pagination');
       swiper.el.appendChild(paginationEl);
     }
     if (paginationEl) currentParams.pagination.el = paginationEl;
@@ -4182,6 +4199,7 @@ function updateSwiper(_ref) {
     if (swiper.isElement && (!scrollbarEl || typeof scrollbarEl === 'string')) {
       scrollbarEl = document.createElement('div');
       scrollbarEl.classList.add('swiper-scrollbar');
+      scrollbarEl.part.add('scrollbar');
       swiper.el.appendChild(scrollbarEl);
     }
     if (scrollbarEl) currentParams.scrollbar.el = scrollbarEl;
@@ -4194,13 +4212,15 @@ function updateSwiper(_ref) {
       if (!nextEl || typeof nextEl === 'string') {
         nextEl = document.createElement('div');
         nextEl.classList.add('swiper-button-next');
-        nextEl.innerHTML = swiper.hostEl.nextButtonSvg;
+        nextEl.innerHTML = swiper.hostEl.constructor.nextButtonSvg;
+        nextEl.part.add('button-next');
         swiper.el.appendChild(nextEl);
       }
       if (!prevEl || typeof prevEl === 'string') {
         prevEl = document.createElement('div');
         prevEl.classList.add('swiper-button-prev');
-        nextEl.innerHTML = swiper.hostEl.prevButtonSvg;
+        prevEl.innerHTML = swiper.hostEl.constructor.prevButtonSvg;
+        prevEl.part.add('button-prev');
         swiper.el.appendChild(prevEl);
       }
     }
@@ -4354,7 +4374,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 10.1.0
+ * Swiper React 10.2.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4362,7 +4382,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: August 1, 2023
+ * Released on: August 17, 2023
  */
 
 
@@ -4737,100 +4757,96 @@ const SwiperSlide = /*#__PURE__*/React.forwardRef(function (_temp, externalRef)
 SwiperSlide.displayName = 'SwiperSlide';
 
 function Swiper(props) {
-  var activeSlideIndex = props.activeSlideIndex,
-    allowTouchMove = props.allowTouchMove,
-    autoHeight = props.autoHeight,
-    breakpoints = props.breakpoints,
-    children = props.children,
-    className = props.className,
-    direction = props.direction;
-    props.disabledButtonClass;
-    var forwardedRef = props.forwardedRef,
-    freeMode = props.freeMode,
-    id = props.id,
-    isChangeOnClickSlide = props.isChangeOnClickSlide,
-    isInit = props.isInit,
-    isNavigation = props.isNavigation,
-    isPagination = props.isPagination,
-    isScrollbar = props.isScrollbar,
-    items = props.items,
-    loop = props.loop,
-    modules = props.modules,
-    mousewheel = props.mousewheel,
-    nextButton = props.nextButton,
-    normalizeSlideIndex = props.normalizeSlideIndex,
-    prevButton = props.prevButton,
-    set = props.set,
-    setNextBtnDisabled = props.setNextBtnDisabled,
-    setPrevBtnDisabled = props.setPrevBtnDisabled,
-    slidesPerView = props.slidesPerView,
-    spaceBetween = props.spaceBetween,
-    speed = props.speed,
-    swiperClass = props.swiperClass,
-    title = props.title,
-    titleSize = props.titleSize,
-    titleTextColor = props.titleTextColor,
-    titleWeight = props.titleWeight,
-    titleAfter = props.titleAfter,
-    onSlideNextTransitionEnd = props.onSlideNextTransitionEnd,
-    onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd,
-    onSwiper = props.onSwiper,
-    onUpdate = props.onUpdate;
-  var swiperRef = React.useRef();
-  var _useSwiperRef = useSwiperRef(),
-    nextEl = _useSwiperRef[0],
-    nextRef = _useSwiperRef[1];
-  var _useSwiperRef2 = useSwiperRef(),
-    prevEl = _useSwiperRef2[0],
-    prevRef = _useSwiperRef2[1];
-  var isLoop = loop != null ? loop : true;
-  React.useImperativeHandle(forwardedRef, function () {
-    return swiperRef.current;
-  }, []);
-  var onInitSwiper = React.useCallback(function (swiper) {
+  const {
+    activeSlideIndex,
+    allowTouchMove,
+    autoHeight,
+    breakpoints,
+    children,
+    className,
+    direction,
+    disabledButtonClass,
+    forwardedRef,
+    // https://github.com/vercel/next.js/issues/4957
+    freeMode,
+    id,
+    isChangeOnClickSlide,
+    isInit,
+    isNavigation,
+    isPagination,
+    isScrollbar,
+    items,
+    loop,
+    modules,
+    mousewheel,
+    nextButton,
+    normalizeSlideIndex,
+    prevButton,
+    set,
+    setNextBtnDisabled,
+    setPrevBtnDisabled,
+    slidesPerView,
+    spaceBetween,
+    speed,
+    swiperClass,
+    title,
+    titleSize,
+    titleTextColor,
+    titleWeight,
+    titleAfter,
+    onSlideNextTransitionEnd,
+    onSlidePrevTransitionEnd,
+    onSwiper,
+    onUpdate
+  } = props;
+  const swiperRef = React.useRef();
+  const [nextEl, nextRef] = useSwiperRef();
+  const [prevEl, prevRef] = useSwiperRef();
+  const isLoop = loop ?? true;
+  React.useImperativeHandle(forwardedRef, () => swiperRef.current, []);
+  const onInitSwiper = React.useCallback(swiper => {
     // Set "disabled" state to navigation buttons on init
     if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
       setPrevBtnDisabled(swiper.isBeginning);
       setNextBtnDisabled(swiper.isEnd);
     }
   }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
-  var onSlideChange = React.useCallback(function (swiper) {
+  const onSlideChange = React.useCallback(swiper => {
     // Some things with clickedIndex
     if (isChangeOnClickSlide) {
       swiper.activeIndex = swiper.clickedIndex || activeSlideIndex;
     }
   }, [isChangeOnClickSlide, activeSlideIndex]);
-  var onTransitionStart = React.useCallback(function (swiper) {
+  const onTransitionStart = React.useCallback(swiper => {
     // Set "disabled" state to navigation buttons, when slider move
     if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
       setPrevBtnDisabled(swiper.isBeginning);
       setNextBtnDisabled(swiper.isEnd);
     }
   }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
-  React.useEffect(function () {
-    var _swiperRef$current;
-    var swiperInstance = (_swiperRef$current = swiperRef.current) == null ? void 0 : _swiperRef$current.swiper;
-    swiperInstance == null ? void 0 : swiperInstance.updateActiveIndex(activeSlideIndex);
-    swiperInstance == null ? void 0 : swiperInstance.updateSlidesClasses();
+  React.useEffect(() => {
+    const swiperInstance = swiperRef.current?.swiper;
+    swiperInstance?.updateActiveIndex(activeSlideIndex);
+    swiperInstance?.updateSlidesClasses();
   }, [activeSlideIndex]);
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'swiper_shape_',
     propsKey: 'shape'
   });
-  var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && "swiper-block_set_" + set),
+    className: clsx__default.default('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && `swiper-block_set_${set}`),
     id: id
   }, (title || prevButton && nextButton) && /*#__PURE__*/React__default.default.createElement("div", {
     className: "swiper-block__wrapper"
@@ -4849,18 +4865,18 @@ function Swiper(props) {
     ref: nextRef
   }, nextButton))), /*#__PURE__*/React__default.default.createElement(Swiper$1, {
     allowTouchMove: allowTouchMove,
-    autoHeight: autoHeight != null ? autoHeight : false,
+    autoHeight: autoHeight ?? false,
     breakpoints: breakpoints,
     className: clsx__default.default('swiper-block__swiper', swiperClass),
     direction: direction,
     freeMode: freeMode,
-    init: isInit != null ? isInit : true,
+    init: isInit ?? true,
     loop: isLoop,
     modules: modules,
     mousewheel: mousewheel,
     navigation: isNavigation ? {
-      prevEl: prevEl,
-      nextEl: nextEl
+      prevEl,
+      nextEl
     } : false,
     normalizeSlideIndex: normalizeSlideIndex,
     pagination: isPagination,
@@ -4868,7 +4884,7 @@ function Swiper(props) {
     scrollbar: isScrollbar,
     slidesPerView: slidesPerView,
     spaceBetween: spaceBetween,
-    speed: speed != null ? speed : 500,
+    speed: speed ?? 500,
     onInit: onInitSwiper,
     onSlideChange: onSlideChange,
     onSlideNextTransitionEnd: onSlideNextTransitionEnd,
@@ -4876,12 +4892,10 @@ function Swiper(props) {
     onSwiper: onSwiper,
     onUpdate: onUpdate,
     onTransitionStart: onTransitionStart
-  }, children || (items == null ? void 0 : items.map(function (item, i) {
-    return /*#__PURE__*/React__default.default.createElement(SwiperSlide, {
-      className: clsx__default.default(alignDirectionClass, alignClass),
-      key: "swiper-slide_" + i
-    }, item);
-  }))));
+  }, children || items?.map((item, i) => /*#__PURE__*/React__default.default.createElement(SwiperSlide, {
+    className: clsx__default.default(alignDirectionClass, alignClass),
+    key: `swiper-slide_${i}`
+  }, item))));
 }
 Swiper.propTypes = {
   activeSlideIndex: PropTypes__default.default.number,
@@ -4937,12 +4951,10 @@ Swiper.defaultProps = {
 };
 
 // https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
-var useSwiperRef = function useSwiperRef() {
-  var _useState = React.useState(null),
-    wrapper = _useState[0],
-    setWrapper = _useState[1];
-  var ref = React.useRef(null);
-  React.useEffect(function () {
+const useSwiperRef = () => {
+  const [wrapper, setWrapper] = React.useState(null);
+  const ref = React.useRef(null);
+  React.useEffect(() => {
     if (ref.current) {
       setWrapper(ref.current);
     }

package/dist/components/Switch.js

@@ -10,16 +10,18 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-var Switch = /*#__PURE__*/React__default.default.forwardRef(function Switch(props, ref) {
-  var className = props.className,
-    set = props.set,
-    size = props.size,
-    id = props.id,
-    checked = props.checked,
-    disabled = props.disabled,
-    onChange = props.onChange;
+const Switch = /*#__PURE__*/React__default.default.forwardRef(function Switch(props, ref) {
+  const {
+    className,
+    set,
+    size,
+    id,
+    checked,
+    disabled,
+    onChange
+  } = props;
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('switch', className, size && "switch_size_" + size, set && "switch_set_" + set)
+    className: clsx__default.default('switch', className, size && `switch_size_${size}`, set && `switch_set_${set}`)
   }, /*#__PURE__*/React__default.default.createElement("input", {
     checked: checked,
     className: "switch__checkbox",