mimir-ui-kit 1.43.1 → 1.43.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/assets/Slider.css +1 -1
  2. package/dist/components/Slider/Slider.d.ts +14 -1
  3. package/dist/components/Slider/Slider.js +175 -134
  4. package/package.json +1 -1
package/dist/assets/Slider.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);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)}}._swiper_qafre_2{position:relative;display:flex;flex-direction:column}._slide_qafre_8{position:relative;display:flex;align-items:center;justify-content:center}._link_qafre_15{display:block;width:100%;height:100%}._image_qafre_21{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._navigation_qafre_28{display:flex;flex-direction:column;align-items:flex-end;-moz-column-gap:var(--mimir-space-2xl);column-gap:var(--mimir-space-2xl)}._navigation_qafre_28:not(:last-child){margin-bottom:var(--mimir-space-xs)}._pagination_qafre_38{display:flex;align-items:center;-moz-column-gap:var(--mimir-space-4xl);column-gap:var(--mimir-space-4xl)}._pagination_qafre_38:not(:last-child){margin-bottom:var(--mimir-space-xl)}@media (max-width: 768px){._pagination_qafre_38{justify-content:space-between;width:100%}}._pagination_qafre_38._is-full_qafre_52{justify-content:space-between;width:100%}._slides_qafre_57{display:flex;align-items:center;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs)}._separator_qafre_63{display:block;width:50px;height:1px;background-color:var(--black-100)}._progress_qafre_70{position:relative;width:100%;height:2px;overflow:hidden;background-color:var(--black-20)}._progress_qafre_70._progress-bar-bottom_qafre_77{margin-top:var(--mimir-space-m)}._progress-bar_qafre_77{width:0%;height:100%;background-color:var(--sapphire-100)}._descriptions_qafre_87{display:flex;justify-content:space-between;margin-top:var(--mimir-space-m)}
1
+ @font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);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)}}._swiper_zqjj3_2{position:relative;display:flex;flex-direction:column}._slide_zqjj3_8{position:relative;display:flex;align-items:center;justify-content:center}._link_zqjj3_15{display:block;width:100%;height:100%}._image_zqjj3_21{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._navigation_zqjj3_28{display:flex;flex-direction:column;align-items:flex-end;-moz-column-gap:var(--mimir-space-2xl);column-gap:var(--mimir-space-2xl)}._navigation_zqjj3_28:not(:last-child){margin-bottom:var(--mimir-space-xs)}._navigation_zqjj3_28 ._navigation-content_zqjj3_37{display:flex;align-self:stretch;justify-content:space-between}._navigation_zqjj3_28 ._navigation-content_zqjj3_37:not(:last-child){margin-bottom:var(--mimir-space-xs)}._pagination_zqjj3_46{display:flex;align-items:center;-moz-column-gap:var(--mimir-space-4xl);column-gap:var(--mimir-space-4xl)}._pagination_zqjj3_46:not(:last-child){margin-bottom:var(--mimir-space-xl)}@media (max-width: 768px){._pagination_zqjj3_46{justify-content:space-between;width:100%}}._pagination_zqjj3_46._is-full_zqjj3_60{justify-content:space-between;width:100%}._slides_zqjj3_65{display:flex;align-items:center;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs)}._separator_zqjj3_71{display:block;width:50px;height:1px;background-color:var(--black-100)}._progress_zqjj3_78{position:relative;width:100%;height:2px;overflow:hidden;background-color:var(--black-20)}._progress_zqjj3_78._progress-bar-bottom_zqjj3_85{margin-top:var(--mimir-space-m)}._progress-bar_zqjj3_85{width:0%;height:100%;background-color:var(--sapphire-100)}._descriptions_zqjj3_95{display:flex;justify-content:space-between;margin-top:var(--mimir-space-m)}
package/dist/components/Slider/Slider.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { SwiperProps } from 'swiper/react';
3
3
  import { EProgressBarPosition } from './constants';
4
+ import { TButtonPropsWithoutStyles } from '../MergedButton';
4
5
 
5
6
  export type TSlideImage = {
6
7
  image?: string;
@@ -62,6 +63,10 @@ type TProps = SwiperProps & {
62
63
  * Дополнительные классы для нижней панели
63
64
  */
64
65
  sliderBottomPanelClassName?: string;
66
+ /**
67
+ * Дополнительные классы для контента панели навигации.
68
+ */
69
+ navigationContentClassName?: string;
65
70
  /**
66
71
  * Дополнительные классы для описания слайдов
67
72
  */
@@ -70,10 +75,18 @@ type TProps = SwiperProps & {
70
75
  * Контент для слайдера.
71
76
  */
72
77
  children?: ReactNode | ((props: TSlideImage) => ReactNode);
78
+ /**
79
+ * Контент для панели навигации.
80
+ */
81
+ navigationContent?: ReactNode;
82
+ /**
83
+ * Вариант кнопок навигации.
84
+ */
85
+ buttonsVariant?: TButtonPropsWithoutStyles['variant'];
73
86
  /**
74
87
  * Массив данных для отрисовки слайдов.
75
88
  */
76
89
  images?: TSlideImage[];
77
90
  };
78
- export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, sliderBottomPanelClassName, descriptionsClassName, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
91
+ export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
79
92
  export {};
package/dist/components/Slider/Slider.js CHANGED
@@ -1,203 +1,244 @@
1
- import { jsx as t, jsxs as i, Fragment as G } from "react/jsx-runtime";
2
- import { c as n } from "../../index-DIxK0V-G.js";
3
- import { memo as x, useCallback as u, useMemo as H, forwardRef as J, useRef as q, useState as K, Children as v } from "react";
4
- import { u as Q, S as V, A as W, a as k } from "../../swiper-react-BvAw14a4.js";
5
- import { EProgressBarPosition as C } from "./constants.js";
6
- import { formatSlideNumber as y } from "./utils.js";
7
- import { AppImage as A } from "../Image/Image.js";
8
- import { MergedButton as X } from "../MergedButton/MergedButton.js";
9
- import '../../assets/Slider.css';const Z = "_swiper_qafre_2", ee = "_slide_qafre_8", re = "_link_qafre_15", se = "_image_qafre_21", te = "_navigation_qafre_28", ae = "_pagination_qafre_38", ne = "_slides_qafre_57", oe = "_separator_qafre_63", ie = "_progress_qafre_70", le = "_descriptions_qafre_87", s = {
10
- swiper: Z,
11
- slide: ee,
12
- link: re,
13
- image: se,
14
- navigation: te,
15
- pagination: ae,
16
- "is-full": "_is-full_qafre_52",
17
- slides: ne,
18
- separator: oe,
19
- progress: ie,
20
- "progress-bar-bottom": "_progress-bar-bottom_qafre_77",
21
- "progress-bar": "_progress-bar_qafre_77",
22
- descriptions: le
23
- }, ce = 15e3, de = x(() => {
24
- const e = Q(), a = u(() => {
25
- e.slideNext();
26
- }, [e]), c = u(() => {
27
- e.slidePrev();
28
- }, [e]), d = H(
29
- () => [
30
- {
31
- isIconButton: !0,
32
- iconName: "ArrowLeft16px",
33
- variant: "white",
34
- onClick: c
35
- },
36
- {
37
- isIconButton: !0,
38
- iconName: "ArrowRight16px",
39
- variant: "white",
40
- onClick: a
41
- }
42
- ],
43
- [c, a]
44
- );
45
- return /* @__PURE__ */ t(X, { buttons: d });
46
- }), B = x(
47
- J((e, a) => /* @__PURE__ */ t(
1
+ import { jsx as s, jsxs as o, Fragment as N } from "react/jsx-runtime";
2
+ import { c as a } from "../../index-DIxK0V-G.js";
3
+ import { memo as F, useCallback as u, useMemo as X, forwardRef as Z, useRef as B, useState as V, Children as I } from "react";
4
+ import { u as W, S as ee, A as se, a as T } from "../../swiper-react-BvAw14a4.js";
5
+ import { EProgressBarPosition as S } from "./constants.js";
6
+ import { formatSlideNumber as O } from "./utils.js";
7
+ import { AppImage as P } from "../Image/Image.js";
8
+ import { MergedButton as re } from "../MergedButton/MergedButton.js";
9
+ import '../../assets/Slider.css';const te = "_swiper_zqjj3_2", ne = "_slide_zqjj3_8", ae = "_link_zqjj3_15", oe = "_image_zqjj3_21", ie = "_navigation_zqjj3_28", le = "_pagination_zqjj3_46", ce = "_slides_zqjj3_65", de = "_separator_zqjj3_71", pe = "_progress_zqjj3_78", ue = "_descriptions_zqjj3_95", e = {
10
+ swiper: te,
11
+ slide: ne,
12
+ link: ae,
13
+ image: oe,
14
+ navigation: ie,
15
+ "navigation-content": "_navigation-content_zqjj3_37",
16
+ pagination: le,
17
+ "is-full": "_is-full_zqjj3_60",
18
+ slides: ce,
19
+ separator: de,
20
+ progress: pe,
21
+ "progress-bar-bottom": "_progress-bar-bottom_zqjj3_85",
22
+ "progress-bar": "_progress-bar_zqjj3_85",
23
+ descriptions: ue
24
+ }, me = 15e3, E = F(
25
+ ({
26
+ variant: t = "white"
27
+ }) => {
28
+ const n = W(), p = u(() => {
29
+ n.slideNext();
30
+ }, [n]), c = u(() => {
31
+ n.slidePrev();
32
+ }, [n]), m = X(
33
+ () => [
34
+ {
35
+ isIconButton: !0,
36
+ iconName: "ArrowLeft16px",
37
+ variant: t,
38
+ onClick: c
39
+ },
40
+ {
41
+ isIconButton: !0,
42
+ iconName: "ArrowRight16px",
43
+ variant: t,
44
+ onClick: p
45
+ }
46
+ ],
47
+ [c, t, p]
48
+ );
49
+ return /* @__PURE__ */ s(re, { buttons: m });
50
+ }
51
+ ), b = F(
52
+ Z((t, n) => /* @__PURE__ */ s(
48
53
  "div",
49
54
  {
50
55
  "data-testid": "progress-bar-wrapper",
51
- className: n(s.progress, e == null ? void 0 : e.className),
52
- children: /* @__PURE__ */ t(
56
+ className: a(e.progress, t == null ? void 0 : t.className),
57
+ children: /* @__PURE__ */ s(
53
58
  "div",
54
59
  {
55
- ref: a,
56
- className: s["progress-bar"],
60
+ ref: n,
61
+ className: e["progress-bar"],
57
62
  "data-testid": "progress-bar"
58
63
  }
59
64
  )
60
65
  }
61
66
  ))
62
67
  );
63
- function Se({
64
- images: e,
65
- children: a,
66
- gap: c,
67
- onSlideClick: d,
68
- swiperClassName: I,
69
- slideClassName: g,
70
- imageClassName: w,
71
- navigationClassName: P,
72
- sliderBottomPanelClassName: T,
73
- descriptionsClassName: F,
74
- progressBarPosition: b = "top",
75
- isFullPaginationWidth: E = !1,
76
- needNavigation: l = !0,
77
- leftDescription: S,
78
- rightDescription: N,
79
- delay: L = ce,
80
- ...M
68
+ function qe({
69
+ images: t,
70
+ children: n,
71
+ gap: p,
72
+ onSlideClick: c,
73
+ swiperClassName: m,
74
+ slideClassName: q,
75
+ imageClassName: z,
76
+ navigationClassName: L,
77
+ navigationContent: _,
78
+ sliderBottomPanelClassName: M,
79
+ descriptionsClassName: R,
80
+ navigationContentClassName: $,
81
+ buttonsVariant: v,
82
+ progressBarPosition: f = "top",
83
+ isFullPaginationWidth: k = !1,
84
+ needNavigation: i = !0,
85
+ leftDescription: C,
86
+ rightDescription: y,
87
+ delay: D = me,
88
+ ...U
81
89
  }) {
82
- const p = q(null), f = q(null), [O, R] = K(1), m = !(typeof a == "function") && !!a, $ = m ? v.count(a) : 0, j = (e == null ? void 0 : e.length) ?? 0, D = y(O), U = y(
83
- m ? $ : j
84
- ), Y = u(() => {
85
- if (f.current && l) {
86
- const r = f.current.swiper;
87
- R(r.realIndex + 1);
90
+ const d = B(null), h = B(null), [Y, G] = V(1), j = !(typeof n == "function") && !!n, H = j ? I.count(n) : 0, J = (t == null ? void 0 : t.length) ?? 0, A = O(Y), x = O(
91
+ j ? H : J
92
+ ), K = u(() => {
93
+ if (h.current && i) {
94
+ const r = h.current.swiper;
95
+ G(r.realIndex + 1);
88
96
  }
89
- }, [l]), z = u(
90
- (r, o) => {
91
- if (p.current && l) {
92
- const _ = r.params.autoplay.delay, h = o / _ * 100;
93
- p.current.style.width = `${100 - h}%`;
97
+ }, [i]), Q = u(
98
+ (r, l) => {
99
+ if (d.current && i) {
100
+ const g = r.params.autoplay.delay, w = l / g * 100;
101
+ d.current.style.width = `${100 - w}%`;
94
102
  }
95
103
  },
96
- [l]
104
+ [i]
97
105
  );
98
- return /* @__PURE__ */ i(
99
- V,
106
+ return /* @__PURE__ */ o(
107
+ ee,
100
108
  {
101
- ...M,
102
- ref: f,
103
- className: n(s.swiper, I),
109
+ ...U,
110
+ ref: h,
111
+ className: a(e.swiper, m),
104
112
  loop: !0,
105
- spaceBetween: c,
113
+ spaceBetween: p,
106
114
  autoplay: {
107
- delay: L,
115
+ delay: D,
108
116
  disableOnInteraction: !1
109
117
  },
110
118
  fadeEffect: {
111
119
  crossFade: !0
112
120
  },
113
- modules: [W],
114
- onAutoplayTimeLeft: z,
115
- onSlideChange: Y,
121
+ modules: [se],
122
+ onAutoplayTimeLeft: Q,
123
+ onSlideChange: K,
116
124
  children: [
117
- /* @__PURE__ */ t(
125
+ /* @__PURE__ */ s(
118
126
  "div",
119
127
  {
120
- className: n(s.navigation, P),
128
+ className: a(e.navigation, L, {
129
+ [e["navigation-with-content"]]: !!_
130
+ }),
121
131
  slot: "container-start",
122
- children: l && /* @__PURE__ */ i(G, { children: [
123
- /* @__PURE__ */ i(
132
+ children: _ ? /* @__PURE__ */ o(N, { children: [
133
+ /* @__PURE__ */ o(
134
+ "div",
135
+ {
136
+ className: a(
137
+ e["navigation-content"],
138
+ $
139
+ ),
140
+ children: [
141
+ _,
142
+ i && /* @__PURE__ */ o(
143
+ "div",
144
+ {
145
+ "data-testid": "pagination",
146
+ className: a(e.pagination, {
147
+ [e["is-full"]]: k
148
+ }),
149
+ children: [
150
+ /* @__PURE__ */ o("h2", { className: e.slides, children: [
151
+ A,
152
+ /* @__PURE__ */ s("span", { className: e.separator }),
153
+ x
154
+ ] }),
155
+ /* @__PURE__ */ s(E, { variant: v })
156
+ ]
157
+ }
158
+ )
159
+ ]
160
+ }
161
+ ),
162
+ f === S.TOP && i && /* @__PURE__ */ s(b, { ref: d })
163
+ ] }) : /* @__PURE__ */ s(N, { children: i && /* @__PURE__ */ o(N, { children: [
164
+ /* @__PURE__ */ o(
124
165
  "div",
125
166
  {
126
167
  "data-testid": "pagination",
127
- className: n(s.pagination, {
128
- [s["is-full"]]: E
168
+ className: a(e.pagination, {
169
+ [e["is-full"]]: k
129
170
  }),
130
171
  children: [
131
- /* @__PURE__ */ i("h2", { className: s.slides, children: [
132
- D,
133
- /* @__PURE__ */ t("span", { className: s.separator }),
134
- U
172
+ /* @__PURE__ */ o("h2", { className: e.slides, children: [
173
+ A,
174
+ /* @__PURE__ */ s("span", { className: e.separator }),
175
+ x
135
176
  ] }),
136
- /* @__PURE__ */ t(de, {})
177
+ /* @__PURE__ */ s(E, { variant: v })
137
178
  ]
138
179
  }
139
180
  ),
140
- b === C.TOP && /* @__PURE__ */ t(B, { ref: p })
141
- ] })
181
+ f === S.TOP && /* @__PURE__ */ s(b, { ref: d })
182
+ ] }) })
142
183
  }
143
184
  ),
144
- m ? v.map(a, (r, o) => /* @__PURE__ */ t(
145
- k,
185
+ j ? I.map(n, (r, l) => /* @__PURE__ */ s(
186
+ T,
146
187
  {
147
- onClick: d,
148
- "data-testid": `slide-${o}`,
149
- className: n(s.slide, g),
188
+ onClick: c,
189
+ "data-testid": `slide-${l}`,
190
+ className: a(e.slide, q),
150
191
  children: r
151
192
  },
152
- o
153
- )) : e == null ? void 0 : e.map((r, o) => {
193
+ l
194
+ )) : t == null ? void 0 : t.map((r, l) => {
154
195
  if (!r) return null;
155
- const _ = /* @__PURE__ */ t(
196
+ const g = /* @__PURE__ */ s(
156
197
  "a",
157
198
  {
158
- className: s.link,
199
+ className: e.link,
159
200
  href: r.url,
160
201
  rel: "noopener noreferrer",
161
202
  target: "_blank",
162
- children: /* @__PURE__ */ t(
163
- A,
203
+ children: /* @__PURE__ */ s(
204
+ P,
164
205
  {
165
- className: n(s.image, w),
206
+ className: a(e.image, z),
166
207
  src: r.image
167
208
  }
168
209
  )
169
210
  }
170
- ), h = () => typeof a == "function" ? a(r) : r.url ? _ : /* @__PURE__ */ t(
171
- A,
211
+ ), w = () => typeof n == "function" ? n(r) : r.url ? g : /* @__PURE__ */ s(
212
+ P,
172
213
  {
173
- className: n(s.image, w),
214
+ className: a(e.image, z),
174
215
  src: r.image,
175
216
  desktopImage: r.imageDesktop,
176
217
  mobileImage: r.imageMobile
177
218
  }
178
219
  );
179
- return /* @__PURE__ */ t(
180
- k,
220
+ return /* @__PURE__ */ s(
221
+ T,
181
222
  {
182
- "data-testid": `slide-${o}`,
183
- onClick: d,
184
- className: n(s.slide, g),
185
- children: h()
223
+ "data-testid": `slide-${l}`,
224
+ onClick: c,
225
+ className: a(e.slide, q),
226
+ children: w()
186
227
  },
187
228
  r.id
188
229
  );
189
230
  }),
190
- b === C.BOTTOM && /* @__PURE__ */ i("div", { className: T, children: [
191
- /* @__PURE__ */ t(
192
- B,
231
+ f === S.BOTTOM && /* @__PURE__ */ o("div", { className: M, children: [
232
+ /* @__PURE__ */ s(
233
+ b,
193
234
  {
194
- ref: p,
195
- className: s["progress-bar-bottom"]
235
+ ref: d,
236
+ className: e["progress-bar-bottom"]
196
237
  }
197
238
  ),
198
- /* @__PURE__ */ i("div", { className: n(s.descriptions, F), children: [
199
- S && /* @__PURE__ */ t("div", { "data-testid": "slider-left-description", children: S }),
200
- N && /* @__PURE__ */ t("div", { "data-testid": "slider-right-description", children: N })
239
+ /* @__PURE__ */ o("div", { className: a(e.descriptions, R), children: [
240
+ C && /* @__PURE__ */ s("div", { "data-testid": "slider-left-description", children: C }),
241
+ y && /* @__PURE__ */ s("div", { "data-testid": "slider-right-description", children: y })
201
242
  ] })
202
243
  ] })
203
244
  ]
@@ -205,5 +246,5 @@ function Se({
205
246
  );
206
247
  }
207
248
  export {
208
- Se as default
249
+ qe as default
209
250
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.43.1",
4
+ "version": "1.43.2",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {