mimir-ui-kit 1.39.4 → 1.41.0

package/dist/assets/CardTrail.css

@@ -0,0 +1 @@
+._card-trail_13qtm_3{display:flex;flex-direction:column}._card-trail-header_13qtm_7{display:flex;align-items:flex-end;justify-content:space-between}._card-trail-header_13qtm_7:not(:last-child){margin-bottom:var(--mimir-space-xs)}._card-trail-header-title_13qtm_15{font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-s1);letter-spacing:calc(var(--mimir-size-text-l) * -.02)}@media (max-width: 600px){._card-trail-header-title_13qtm_15{font-size:var(--mimir-size-text-m);letter-spacing:calc(var(--mimir-size-text-m) * -.02)}}._card-trail-list_13qtm_28{display:flex;padding:0;overflow:auto;white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}._card-trail-list_13qtm_28::-webkit-scrollbar{display:none}._card-trail-list-item_13qtm_40{scroll-snap-align:start;white-space:normal;white-space:initial}._card-trail-list-item_13qtm_40._pointer_13qtm_44{cursor:pointer}

package/dist/assets/PromoSlider.css

@@ -0,0 +1 @@
+@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:ease;transition-timing-function:initial;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._promo-slider-wrapper_1sy27_2{position:relative}._swiper_1sy27_6{width:100%}._slide_1sy27_10{position:relative;overflow:hidden;border-radius:var(--mimir-control-radius);cursor:pointer}._chip_1sy27_17{position:absolute;top:var(--mimir-space-m);left:var(--mimir-space-m)}._content_1sy27_23{position:absolute;bottom:var(--mimir-space-2xxl);left:var(--mimir-space-m);color:var(--white)}._custom-pagination_1sy27_30{position:absolute;bottom:var(--mimir-space-2m);left:50%;z-index:100;display:flex;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;transform:translate(-50%)}._bullet_1sy27_42,._bullet-active_1sy27_43,._bullet-s_1sy27_44,._bullet-xs_1sy27_45{transition:all .3s ease}._bullet_1sy27_42,._bullet-active_1sy27_43,._bullet-s_1sy27_44,._bullet-xs_1sy27_45{width:6px;height:6px;background-color:var(--black-15);border-radius:50%}._bullet-xs_1sy27_45{scale:.5}._bullet-s_1sy27_44{scale:.75}._bullet-active_1sy27_43{scale:1.333;background-color:var(--black-60)}

package/dist/assets/Tag.css

@@ -1 +1 @@
-._container_pnj33_2{display:flex;align-items:center;justify-content:center;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;color:var(--sapphire-normal);border:none;border:1px solid var(--sapphire-normal);border-top-left-radius:var(--mimir-control-radius-s);border-bottom-right-radius:var(--mimir-control-radius-s);transform:skew(-23.48deg)}._container_pnj33_2:hover{color:var(--sapphire-hover);border-color:var(--sapphire-hover)}._container_pnj33_2:active{color:var(--white);background-color:var(--sapphire-normal)}._container_pnj33_2:focus{box-shadow:0 0 4px 0 var(--mimir-box-shadow-focus)}._container_pnj33_2._disabled_pnj33_25{color:var(--white);background-color:var(--disabled);border-color:var(--disabled)}._container_pnj33_2 ._inner_pnj33_30{display:inline-block;font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--inter-font-family);line-height:var(--mimir-line-height-text-s1);transform:skew(23.48deg)}._container_pnj33_2._M_pnj33_38{height:40px;padding:0 15px}._container_pnj33_2._S_pnj33_42{height:32px;padding:0 11px}._container_pnj33_2._S_pnj33_42 ._inner_pnj33_30{font-size:var(--mimir-size-text-m);line-height:16px}._container_pnj33_2._XS_pnj33_50{height:26px;padding:0 8px}._container_pnj33_2._XS_pnj33_50 ._inner_pnj33_30{font-size:var(--mimir-size-text-s);line-height:20px}
+._container_zmbqd_2{display:flex;align-items:center;justify-content:center;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;color:var(--sapphire-normal);border:none;border:1px solid var(--sapphire-normal);border-top-left-radius:var(--mimir-control-radius-s);border-bottom-right-radius:var(--mimir-control-radius-s);transform:skew(-23.48deg)}._container_zmbqd_2:hover{color:var(--sapphire-hover);border-color:var(--sapphire-hover)}._container_zmbqd_2:active{color:var(--white);background-color:var(--sapphire-normal)}._container_zmbqd_2:focus{box-shadow:0 0 4px 0 var(--mimir-box-shadow-focus)}._container_zmbqd_2._disabled_zmbqd_25{color:var(--white);background-color:var(--disabled);border-color:var(--disabled)}._container_zmbqd_2 ._inner_zmbqd_30{display:inline-block;font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--inter-font-family);line-height:var(--mimir-line-height-text-s1);transform:skew(23.48deg)}._container_zmbqd_2._M_zmbqd_38{height:40px;padding:0 var(--mimir-space-m)}._container_zmbqd_2._S_zmbqd_42{height:32px;padding:0 var(--mimir-space-xss)}._container_zmbqd_2._S_zmbqd_42 ._inner_zmbqd_30{font-size:var(--mimir-size-text-m);line-height:16px}._container_zmbqd_2._XS_zmbqd_50{height:26px;padding:0 var(--mimir-space-xs)}._container_zmbqd_2._XS_zmbqd_50 ._inner_zmbqd_30{font-size:var(--mimir-size-text-s);line-height:20px}._container_zmbqd_2._XSS_zmbqd_58{height:18px;padding:0 var(--mimir-space-xs)}._container_zmbqd_2._XSS_zmbqd_58 ._inner_zmbqd_30{font-size:var(--mimir-size-text-s);line-height:20px}

package/dist/components/CardTrail/CardTrail.d.ts

@@ -0,0 +1,46 @@
+import { TButtonPropsWithoutStyles } from '../MergedButton';
+
+export type TProps = {
+    /**
+     * Заголовок списка.
+     */
+    title?: string;
+    /**
+     * Расстояние между карточками.
+     */
+    spaceBetween?: number;
+    /**
+     * Количество карточек для перелистывания.
+     */
+    scrollStep?: number;
+    /**
+     * Флаг, определяющий, нужно ли при клике на карточку скроллиться до нее.
+     */
+    scrollToCard?: boolean;
+    /**
+     * Дополнительные пропсы для кнопок переключения.
+     */
+    mergedButtonProps?: {
+        leftButton?: TButtonPropsWithoutStyles;
+        rightButton?: TButtonPropsWithoutStyles;
+    };
+    /**
+     * Класс, применяемый к обертке списка (section).
+     */
+    cardTrailClassName?: string;
+    /**
+     * Класс, применяемый к заголовку списка (header).
+     */
+    cardTrailHeaderClassName?: string;
+    /**
+     * Класс, применяемый к списку карточек (ul).
+     */
+    cardTrailListClassName?: string;
+    /**
+     * Класс, применяемый к карточке.
+     */
+    cardClassName?: string;
+};
+export declare const CardTrail: import('react').ForwardRefExoticComponent<TProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLUListElement>>;

package/dist/components/CardTrail/CardTrail.js

@@ -0,0 +1,133 @@
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { forwardRef as W, useRef as D, useState as _, useEffect as I, Children as M } from "react";
+import { DEFAULT_SPACE_BETWEEN as x, DEFAULT_SCROLL_STEP as H } from "./constants.js";
+import { hasHorizontalScroll as p, isScrollAtEdge as B } from "./utils.js";
+import { useMergeRefs as R } from "../../hooks/useMergeRefs/useMergeRefs.js";
+import { useThrottledCallback as j } from "../../hooks/useThrottledCallback/index.js";
+import { MergedButton as F } from "../MergedButton/MergedButton.js";
+import '../../assets/CardTrail.css';const U = "_pointer_13qtm_44", c = {
+  "card-trail": "_card-trail_13qtm_3",
+  "card-trail-header": "_card-trail-header_13qtm_7",
+  "card-trail-header-title": "_card-trail-header-title_13qtm_15",
+  "card-trail-list": "_card-trail-list_13qtm_28",
+  "card-trail-list-item": "_card-trail-list-item_13qtm_40",
+  pointer: U
+}, X = W((C, S) => {
+  const {
+    cardClassName: g,
+    cardTrailClassName: N,
+    cardTrailHeaderClassName: E,
+    cardTrailListClassName: b,
+    children: d,
+    title: h,
+    spaceBetween: s = x,
+    scrollStep: m = H,
+    mergedButtonProps: l,
+    scrollToCard: u = !1
+  } = C, t = D(null), [i, T] = _({
+    leftButton: !0,
+    rightButton: !1
+  }), [k, L] = _(
+    () => p(t == null ? void 0 : t.current)
+  ), q = R(t, S), v = j(() => {
+    const e = !B(t.current, "left"), r = !B(t.current, "right");
+    T({
+      leftButton: !e,
+      rightButton: !r
+    });
+  }, 300), y = (e) => () => {
+    var a;
+    if (!u)
+      return;
+    const r = (a = t == null ? void 0 : t.current) == null ? void 0 : a.querySelector(
+      `[data-active-card='${e}']`
+    );
+    r && (r == null || r.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "center"
+    }));
+  }, A = () => {
+    var a;
+    if (!t.current || i.leftButton) return;
+    const e = t.current, r = ((a = e.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
+    e.scrollBy({
+      left: -(r + s) * m,
+      behavior: "smooth"
+    });
+  }, w = () => {
+    var a;
+    if (!t.current || i.rightButton) return;
+    const e = t.current, r = ((a = e.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
+    e.scrollBy({
+      left: (r + s) * m,
+      behavior: "smooth"
+    });
+  };
+  return I(() => {
+    L(p(t == null ? void 0 : t.current));
+  }, [d]), /* @__PURE__ */ f("section", { className: n(c["card-trail"], N), children: [
+    /* @__PURE__ */ f(
+      "header",
+      {
+        className: n(
+          c["card-trail-header"],
+          E
+        ),
+        children: [
+          h && /* @__PURE__ */ o("h3", { className: c["card-trail-header-title"], children: h }),
+          k && /* @__PURE__ */ o(
+            F,
+            {
+              buttons: [
+                {
+                  isIconButton: !0,
+                  iconName: "ArrowLeft16px",
+                  variant: "gray",
+                  onClick: A,
+                  disabled: i.leftButton,
+                  ...l == null ? void 0 : l.leftButton
+                },
+                {
+                  isIconButton: !0,
+                  iconName: "ArrowRight16px",
+                  variant: "gray",
+                  onClick: w,
+                  disabled: i.rightButton,
+                  ...l == null ? void 0 : l.rightButton
+                }
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      "ul",
+      {
+        onScroll: v,
+        style: { gap: s },
+        className: n(c["card-trail-list"], b),
+        ref: q,
+        children: M.map(d, (e, r) => /* @__PURE__ */ o(
+          "li",
+          {
+            onClick: y(r),
+            "data-active-card": r,
+            "data-testid": `card-trail-item-${r}`,
+            className: n(
+              c["card-trail-list-item"],
+              { [c.pointer]: u },
+              g
+            ),
+            children: e
+          }
+        ))
+      }
+    )
+  ] });
+});
+export {
+  X as CardTrail
+};

package/dist/components/CardTrail/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_SPACE_BETWEEN = 10;
+export declare const DEFAULT_SCROLL_STEP = 1;

package/dist/components/CardTrail/constants.js

@@ -0,0 +1,5 @@
+const E = 10, L = 1;
+export {
+  L as DEFAULT_SCROLL_STEP,
+  E as DEFAULT_SPACE_BETWEEN
+};

package/dist/components/CardTrail/index.d.ts

@@ -0,0 +1 @@
+export { CardTrail } from './CardTrail';

package/dist/components/CardTrail/index.js

@@ -0,0 +1,4 @@
+import { CardTrail as o } from "./CardTrail.js";
+export {
+  o as CardTrail
+};

package/dist/components/CardTrail/types.d.ts

@@ -0,0 +1 @@
+export type TSpaceBetween = '3xs' | '2xs' | '1xs' | 'xs' | 'xss' | 's' | '2s' | 'm' | '2m' | 'l' | '2l' | 'xl' | '1xl' | '2xl' | '2xxl' | 'xxl' | '3xl' | '4xl' | '5xl' | '4xxl' | '5xxl' | '6xl';

package/dist/components/CardTrail/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Проверяет, достигнут ли край скролла в контейнере
+ * @param container Элемент контейнера
+ * @param direction Направление проверки ('left' или 'right')
+ * @param tolerance Допустимая погрешность в пикселях (по умолчанию 1)
+ * @returns true, если скроллить дальше некуда
+ */
+export declare const isScrollAtEdge: (container: HTMLElement | null, direction: "left" | "right", tolerance?: number) => boolean;
+export declare const hasHorizontalScroll: (element: HTMLElement | null) => boolean;

package/dist/components/CardTrail/utils.js

@@ -0,0 +1,9 @@
+const c = (r, i, t = 1) => {
+  if (!r) return !0;
+  const { scrollLeft: l, scrollWidth: s, clientWidth: o } = r;
+  return i === "left" ? l <= t : l >= s - o - t;
+}, e = (r) => r ? r.scrollWidth > r.clientWidth : !1;
+export {
+  e as hasHorizontalScroll,
+  c as isScrollAtEdge
+};

package/dist/components/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { EChipSize, EChipVariant } from './constants';
 
 export type TProps = {
@@ -26,5 +26,9 @@ export type TProps = {
      * Обработчик для кнопки закрытия
      */
     onClose?: VoidFunction;
+    /**
+     * Обработчик для кнопки закрытия
+     */
+    children?: ReactNode;
 };
 export declare const Chip: ({ size, variant, className, disabled, withAction, children, onClose }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip/index.d.ts

@@ -1,2 +1,2 @@
-export { Chip } from './Chip';
+export { Chip, type TProps as TChipProps } from './Chip';
 export { EChipSize, EChipVariant } from './constants';

package/dist/components/PromoSlider/PromoSlider.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+import { TChipProps } from '../Chip';
+
+export type TPromoSlide = {
+    id?: number | string;
+    title?: string;
+    subtitle?: string;
+    url?: string;
+    imageUrl?: string;
+    imageDesktop?: string;
+    imageMobile?: string;
+    content?: ReactNode;
+} & ({
+    isPromotion: true;
+    promotionProps: TChipProps;
+} | {
+    isPromotion?: false;
+    promotionProps?: never;
+});
+type TProps = {
+    /**
+     * Задержка перехода между слайдами.
+     */
+    delay?: number;
+    /**
+     * Массив слайдов.
+     */
+    slides: TPromoSlide[];
+    /**
+     * Дополнительные классы для враппера слайдера.
+     */
+    promoSliderWrapperClassName?: string;
+    /**
+     * Дополнительные классы для слайдов.
+     */
+    slideClassName?: string;
+    /**
+     * Дополнительные классы для слайдера.
+     */
+    swiperClassName?: string;
+    /**
+     * Дополнительные классы для картинок.
+     */
+    imageClassName?: string;
+    /**
+     * Дополнительные классы для контента.
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительные классы для пагинации.
+     */
+    paginationClassName?: string;
+    /**
+     * Расстояние между слайдами.
+     */
+    spaceBetween?: number;
+};
+export declare const PromoSlider: ({ slides, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName, promoSliderWrapperClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PromoSlider/PromoSlider.js

@@ -0,0 +1,320 @@
+import { jsxs as U, jsx as P, Fragment as K } from "react/jsx-runtime";
+import { c as L } from "../../index-DIxK0V-G.js";
+import { useState as j } from "react";
+import { g as R, b as V, e as B, c as $, n as G, d as C, S as q, A as Z, a as J } from "../../swiper-react-BvAw14a4.js";
+import { Chip as Q } from "../Chip/Chip.js";
+import { AppImage as ee } from "../Image/Image.js";
+import '../../assets/PromoSlider.css';function te(S) {
+  let {
+    swiper: e,
+    extendParams: k,
+    on: v,
+    emit: _
+  } = S;
+  const m = R(), T = V();
+  e.keyboard = {
+    enabled: !1
+  }, k({
+    keyboard: {
+      enabled: !1,
+      onlyInViewport: !0,
+      pageUpDown: !0
+    }
+  });
+  function I(n) {
+    if (!e.enabled) return;
+    const {
+      rtlTranslate: d
+    } = e;
+    let o = n;
+    o.originalEvent && (o = o.originalEvent);
+    const w = o.keyCode || o.charCode, H = e.params.keyboard.pageUpDown, E = H && w === 33, y = H && w === 34, x = w === 37, M = w === 39, t = w === 38, s = w === 40;
+    if (!e.allowSlideNext && (e.isHorizontal() && M || e.isVertical() && s || y) || !e.allowSlidePrev && (e.isHorizontal() && x || e.isVertical() && t || E))
+      return !1;
+    if (!(o.shiftKey || o.altKey || o.ctrlKey || o.metaKey) && !(m.activeElement && m.activeElement.nodeName && (m.activeElement.nodeName.toLowerCase() === "input" || m.activeElement.nodeName.toLowerCase() === "textarea"))) {
+      if (e.params.keyboard.onlyInViewport && (E || y || x || M || t || s)) {
+        let A = !1;
+        if (B(e.el, `.${e.params.slideClass}, swiper-slide`).length > 0 && B(e.el, `.${e.params.slideActiveClass}`).length === 0)
+          return;
+        const g = e.el, p = g.clientWidth, f = g.clientHeight, a = T.innerWidth, u = T.innerHeight, l = $(g);
+        d && (l.left -= g.scrollLeft);
+        const D = [[l.left, l.top], [l.left + p, l.top], [l.left, l.top + f], [l.left + p, l.top + f]];
+        for (let r = 0; r < D.length; r += 1) {
+          const c = D[r];
+          if (c[0] >= 0 && c[0] <= a && c[1] >= 0 && c[1] <= u) {
+            if (c[0] === 0 && c[1] === 0) continue;
+            A = !0;
+          }
+        }
+        if (!A) return;
+      }
+      e.isHorizontal() ? ((E || y || x || M) && (o.preventDefault ? o.preventDefault() : o.returnValue = !1), ((y || M) && !d || (E || x) && d) && e.slideNext(), ((E || x) && !d || (y || M) && d) && e.slidePrev()) : ((E || y || t || s) && (o.preventDefault ? o.preventDefault() : o.returnValue = !1), (y || s) && e.slideNext(), (E || t) && e.slidePrev()), _("keyPress", w);
+    }
+  }
+  function h() {
+    e.keyboard.enabled || (m.addEventListener("keydown", I), e.keyboard.enabled = !0);
+  }
+  function i() {
+    e.keyboard.enabled && (m.removeEventListener("keydown", I), e.keyboard.enabled = !1);
+  }
+  v("init", () => {
+    e.params.keyboard.enabled && h();
+  }), v("destroy", () => {
+    e.keyboard.enabled && i();
+  }), Object.assign(e.keyboard, {
+    enable: h,
+    disable: i
+  });
+}
+function ne(S) {
+  let {
+    swiper: e,
+    extendParams: k,
+    on: v,
+    emit: _
+  } = S;
+  const m = V();
+  k({
+    mousewheel: {
+      enabled: !1,
+      releaseOnEdges: !1,
+      invert: !1,
+      forceToAxis: !1,
+      sensitivity: 1,
+      eventsTarget: "container",
+      thresholdDelta: null,
+      thresholdTime: null,
+      noMousewheelClass: "swiper-no-mousewheel"
+    }
+  }), e.mousewheel = {
+    enabled: !1
+  };
+  let T, I = C(), h;
+  const i = [];
+  function n(t) {
+    let p = 0, f = 0, a = 0, u = 0;
+    return "detail" in t && (f = t.detail), "wheelDelta" in t && (f = -t.wheelDelta / 120), "wheelDeltaY" in t && (f = -t.wheelDeltaY / 120), "wheelDeltaX" in t && (p = -t.wheelDeltaX / 120), "axis" in t && t.axis === t.HORIZONTAL_AXIS && (p = f, f = 0), a = p * 10, u = f * 10, "deltaY" in t && (u = t.deltaY), "deltaX" in t && (a = t.deltaX), t.shiftKey && !a && (a = u, u = 0), (a || u) && t.deltaMode && (t.deltaMode === 1 ? (a *= 40, u *= 40) : (a *= 800, u *= 800)), a && !p && (p = a < 1 ? -1 : 1), u && !f && (f = u < 1 ? -1 : 1), {
+      spinX: p,
+      spinY: f,
+      pixelX: a,
+      pixelY: u
+    };
+  }
+  function d() {
+    e.enabled && (e.mouseEntered = !0);
+  }
+  function o() {
+    e.enabled && (e.mouseEntered = !1);
+  }
+  function w(t) {
+    return e.params.mousewheel.thresholdDelta && t.delta < e.params.mousewheel.thresholdDelta || e.params.mousewheel.thresholdTime && C() - I < e.params.mousewheel.thresholdTime ? !1 : t.delta >= 6 && C() - I < 60 ? !0 : (t.direction < 0 ? (!e.isEnd || e.params.loop) && !e.animating && (e.slideNext(), _("scroll", t.raw)) : (!e.isBeginning || e.params.loop) && !e.animating && (e.slidePrev(), _("scroll", t.raw)), I = new m.Date().getTime(), !1);
+  }
+  function H(t) {
+    const s = e.params.mousewheel;
+    if (t.direction < 0) {
+      if (e.isEnd && !e.params.loop && s.releaseOnEdges)
+        return !0;
+    } else if (e.isBeginning && !e.params.loop && s.releaseOnEdges)
+      return !0;
+    return !1;
+  }
+  function E(t) {
+    let s = t, A = !0;
+    if (!e.enabled || t.target.closest(`.${e.params.mousewheel.noMousewheelClass}`)) return;
+    const g = e.params.mousewheel;
+    e.params.cssMode && s.preventDefault();
+    let p = e.el;
+    e.params.mousewheel.eventsTarget !== "container" && (p = document.querySelector(e.params.mousewheel.eventsTarget));
+    const f = p && p.contains(s.target);
+    if (!e.mouseEntered && !f && !g.releaseOnEdges) return !0;
+    s.originalEvent && (s = s.originalEvent);
+    let a = 0;
+    const u = e.rtlTranslate ? -1 : 1, l = n(s);
+    if (g.forceToAxis)
+      if (e.isHorizontal())
+        if (Math.abs(l.pixelX) > Math.abs(l.pixelY)) a = -l.pixelX * u;
+        else return !0;
+      else if (Math.abs(l.pixelY) > Math.abs(l.pixelX)) a = -l.pixelY;
+      else return !0;
+    else
+      a = Math.abs(l.pixelX) > Math.abs(l.pixelY) ? -l.pixelX * u : -l.pixelY;
+    if (a === 0) return !0;
+    g.invert && (a = -a);
+    let D = e.getTranslate() + a * g.sensitivity;
+    if (D >= e.minTranslate() && (D = e.minTranslate()), D <= e.maxTranslate() && (D = e.maxTranslate()), A = e.params.loop ? !0 : !(D === e.minTranslate() || D === e.maxTranslate()), A && e.params.nested && s.stopPropagation(), !e.params.freeMode || !e.params.freeMode.enabled) {
+      const r = {
+        time: C(),
+        delta: Math.abs(a),
+        direction: Math.sign(a),
+        raw: t
+      };
+      i.length >= 2 && i.shift();
+      const c = i.length ? i[i.length - 1] : void 0;
+      if (i.push(r), c ? (r.direction !== c.direction || r.delta > c.delta || r.time > c.time + 150) && w(r) : w(r), H(r))
+        return !0;
+    } else {
+      const r = {
+        time: C(),
+        delta: Math.abs(a),
+        direction: Math.sign(a)
+      }, c = h && r.time < h.time + 500 && r.delta <= h.delta && r.direction === h.direction;
+      if (!c) {
+        h = void 0;
+        let N = e.getTranslate() + a * g.sensitivity;
+        const z = e.isBeginning, F = e.isEnd;
+        if (N >= e.minTranslate() && (N = e.minTranslate()), N <= e.maxTranslate() && (N = e.maxTranslate()), e.setTransition(0), e.setTranslate(N), e.updateProgress(), e.updateActiveIndex(), e.updateSlidesClasses(), (!z && e.isBeginning || !F && e.isEnd) && e.updateSlidesClasses(), e.params.loop && e.loopFix({
+          direction: r.direction < 0 ? "next" : "prev",
+          byMousewheel: !0
+        }), e.params.freeMode.sticky) {
+          clearTimeout(T), T = void 0, i.length >= 15 && i.shift();
+          const X = i.length ? i[i.length - 1] : void 0, O = i[0];
+          if (i.push(r), X && (r.delta > X.delta || r.direction !== X.direction))
+            i.splice(0);
+          else if (i.length >= 15 && r.time - O.time < 500 && O.delta - r.delta >= 1 && r.delta <= 6) {
+            const Y = a > 0 ? 0.8 : 0.2;
+            h = r, i.splice(0), T = G(() => {
+              e.slideToClosest(e.params.speed, !0, void 0, Y);
+            }, 0);
+          }
+          T || (T = G(() => {
+            h = r, i.splice(0), e.slideToClosest(e.params.speed, !0, void 0, 0.5);
+          }, 500));
+        }
+        if (c || _("scroll", s), e.params.autoplay && e.params.autoplayDisableOnInteraction && e.autoplay.stop(), g.releaseOnEdges && (N === e.minTranslate() || N === e.maxTranslate()))
+          return !0;
+      }
+    }
+    return s.preventDefault ? s.preventDefault() : s.returnValue = !1, !1;
+  }
+  function y(t) {
+    let s = e.el;
+    e.params.mousewheel.eventsTarget !== "container" && (s = document.querySelector(e.params.mousewheel.eventsTarget)), s[t]("mouseenter", d), s[t]("mouseleave", o), s[t]("wheel", E);
+  }
+  function x() {
+    return e.params.cssMode ? (e.wrapperEl.removeEventListener("wheel", E), !0) : e.mousewheel.enabled ? !1 : (y("addEventListener"), e.mousewheel.enabled = !0, !0);
+  }
+  function M() {
+    return e.params.cssMode ? (e.wrapperEl.addEventListener(event, E), !0) : e.mousewheel.enabled ? (y("removeEventListener"), e.mousewheel.enabled = !1, !0) : !1;
+  }
+  v("init", () => {
+    !e.params.mousewheel.enabled && e.params.cssMode && M(), e.params.mousewheel.enabled && x();
+  }), v("destroy", () => {
+    e.params.cssMode && x(), e.mousewheel.enabled && M();
+  }), Object.assign(e.mousewheel, {
+    enable: x,
+    disable: M
+  });
+}
+const ae = "_swiper_1sy27_6", se = "_slide_1sy27_10", re = "_chip_1sy27_17", ie = "_content_1sy27_23", le = "_bullet_1sy27_42", b = {
+  "promo-slider-wrapper": "_promo-slider-wrapper_1sy27_2",
+  swiper: ae,
+  slide: se,
+  chip: re,
+  content: ie,
+  "custom-pagination": "_custom-pagination_1sy27_30",
+  bullet: le,
+  "bullet-active": "_bullet-active_1sy27_43",
+  "bullet-s": "_bullet-s_1sy27_44",
+  "bullet-xs": "_bullet-xs_1sy27_45"
+}, W = 5, oe = 5e3, ue = 8, de = (S, e) => {
+  const k = e % W, v = Math.abs(S - k), _ = 0, m = 1;
+  return v === _ ? b["bullet-active"] : v === m ? b["bullet-s"] : b["bullet-xs"];
+}, ge = ({
+  slides: S,
+  delay: e = oe,
+  spaceBetween: k = ue,
+  imageClassName: v,
+  slideClassName: _,
+  swiperClassName: m,
+  contentClassName: T,
+  promoSliderWrapperClassName: I
+}) => {
+  const [h, i] = j(0);
+  return /* @__PURE__ */ U(
+    "div",
+    {
+      className: L(
+        b["promo-slider-wrapper"],
+        I
+      ),
+      children: [
+        /* @__PURE__ */ P(
+          q,
+          {
+            direction: "horizontal",
+            spaceBetween: k,
+            modules: [Z, te, ne],
+            onSlideChange: (n) => i(n.realIndex),
+            loop: !0,
+            mousewheel: !0,
+            keyboard: {
+              enabled: !0,
+              onlyInViewport: !0
+            },
+            autoplay: {
+              delay: e,
+              disableOnInteraction: !1,
+              pauseOnMouseEnter: !0
+            },
+            className: L(b.swiper, m),
+            children: S.map((n) => {
+              if (!n) return null;
+              const d = n != null && n.imageUrl ? /* @__PURE__ */ P(
+                ee,
+                {
+                  className: L(b.image, v),
+                  src: n.imageUrl,
+                  desktopImage: n.imageDesktop,
+                  mobileImage: n.imageMobile,
+                  alt: n.title
+                }
+              ) : null, o = /* @__PURE__ */ P(
+                "a",
+                {
+                  className: b.link,
+                  href: n.url,
+                  rel: "noopener noreferrer",
+                  target: "_blank",
+                  children: d
+                }
+              ), w = () => n.url ? o : d;
+              return /* @__PURE__ */ P(
+                J,
+                {
+                  className: L(b.slide, _),
+                  children: /* @__PURE__ */ U(K, { children: [
+                    n.isPromotion && /* @__PURE__ */ P(
+                      Q,
+                      {
+                        ...n.promotionProps,
+                        className: L(
+                          n.promotionProps.className,
+                          b.chip
+                        )
+                      }
+                    ),
+                    w(),
+                    (n == null ? void 0 : n.content) && /* @__PURE__ */ P("div", { className: L(b.content, T), children: n == null ? void 0 : n.content })
+                  ] })
+                },
+                n.id
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ P("div", { className: b["custom-pagination"], children: Array.from({ length: W }).map((n, d) => /* @__PURE__ */ P(
+          "button",
+          {
+            type: "button",
+            autoFocus: d === 0,
+            className: L(b.bullet, de(d, h))
+          },
+          d
+        )) })
+      ]
+    }
+  );
+};
+export {
+  ge as PromoSlider
+};

package/dist/components/PromoSlider/index.d.ts

@@ -0,0 +1 @@
+export { PromoSlider } from './PromoSlider';

package/dist/components/PromoSlider/index.js

@@ -0,0 +1,4 @@
+import { PromoSlider as e } from "./PromoSlider.js";
+export {
+  e as PromoSlider
+};