mimir-ui-kit 1.43.0 → 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 (6) hide show
  1. package/dist/assets/Slider.css +1 -1
  2. package/dist/components/Slider/Slider.d.ts +19 -2
  3. package/dist/components/Slider/Slider.js +177 -122
  4. package/dist/components/Slider/utils.d.ts +1 -0
  5. package/dist/components/Slider/utils.js +4 -0
  6. 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,8 +1,9 @@
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
- type TSlideImage = {
6
+ export type TSlideImage = {
6
7
  image?: string;
7
8
  imageDesktop?: string;
8
9
  imageMobile?: string;
@@ -14,6 +15,10 @@ type TProps = SwiperProps & {
14
15
  * Задержка перехода между слайдами
15
16
  */
16
17
  delay?: number;
18
+ /**
19
+ * Расстояние между слайдами
20
+ */
21
+ gap?: number;
17
22
  /**
18
23
  * Ширина пагинации слайдера на весь размер родительского контейнера
19
24
  */
@@ -58,6 +63,10 @@ type TProps = SwiperProps & {
58
63
  * Дополнительные классы для нижней панели
59
64
  */
60
65
  sliderBottomPanelClassName?: string;
66
+ /**
67
+ * Дополнительные классы для контента панели навигации.
68
+ */
69
+ navigationContentClassName?: string;
61
70
  /**
62
71
  * Дополнительные классы для описания слайдов
63
72
  */
@@ -66,10 +75,18 @@ type TProps = SwiperProps & {
66
75
  * Контент для слайдера.
67
76
  */
68
77
  children?: ReactNode | ((props: TSlideImage) => ReactNode);
78
+ /**
79
+ * Контент для панели навигации.
80
+ */
81
+ navigationContent?: ReactNode;
82
+ /**
83
+ * Вариант кнопок навигации.
84
+ */
85
+ buttonsVariant?: TButtonPropsWithoutStyles['variant'];
69
86
  /**
70
87
  * Массив данных для отрисовки слайдов.
71
88
  */
72
89
  images?: TSlideImage[];
73
90
  };
74
- export default function Slider({ images, children, 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;
75
92
  export {};
package/dist/components/Slider/Slider.js CHANGED
@@ -1,189 +1,244 @@
1
- import { jsx as s, jsxs as n, Fragment as $ } from "react/jsx-runtime";
1
+ import { jsx as s, jsxs as o, Fragment as N } from "react/jsx-runtime";
2
2
  import { c as a } from "../../index-DIxK0V-G.js";
3
- import { memo as k, useCallback as d, useMemo as F, forwardRef as j, useRef as S, useState as D } from "react";
4
- import { u as U, S as Y, A as z, a as G } from "../../swiper-react-BvAw14a4.js";
5
- import { EProgressBarPosition as N } from "./constants.js";
6
- import { AppImage as q } from "../Image/Image.js";
7
- import { MergedButton as H } from "../MergedButton/MergedButton.js";
8
- import '../../assets/Slider.css';const J = "_swiper_qafre_2", K = "_slide_qafre_8", Q = "_link_qafre_15", V = "_image_qafre_21", W = "_navigation_qafre_28", X = "_pagination_qafre_38", Z = "_slides_qafre_57", ee = "_separator_qafre_63", re = "_progress_qafre_70", se = "_descriptions_qafre_87", r = {
9
- swiper: J,
10
- slide: K,
11
- link: Q,
12
- image: V,
13
- navigation: W,
14
- pagination: X,
15
- "is-full": "_is-full_qafre_52",
16
- slides: Z,
17
- separator: ee,
18
- progress: re,
19
- "progress-bar-bottom": "_progress-bar-bottom_qafre_77",
20
- "progress-bar": "_progress-bar_qafre_77",
21
- descriptions: se
22
- }, te = 15e3, ae = k(() => {
23
- const e = U(), o = d(() => {
24
- e.slideNext();
25
- }, [e]), l = d(() => {
26
- e.slidePrev();
27
- }, [e]), p = F(
28
- () => [
29
- {
30
- isIconButton: !0,
31
- iconName: "ArrowLeft16px",
32
- variant: "white",
33
- onClick: l
34
- },
35
- {
36
- isIconButton: !0,
37
- iconName: "ArrowRight16px",
38
- variant: "white",
39
- onClick: o
40
- }
41
- ],
42
- [l, o]
43
- );
44
- return /* @__PURE__ */ s(H, { buttons: p });
45
- }), v = k(
46
- j((e, o) => /* @__PURE__ */ s(
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(
47
53
  "div",
48
54
  {
49
55
  "data-testid": "progress-bar-wrapper",
50
- className: a(r.progress, e == null ? void 0 : e.className),
56
+ className: a(e.progress, t == null ? void 0 : t.className),
51
57
  children: /* @__PURE__ */ s(
52
58
  "div",
53
59
  {
54
- ref: o,
55
- className: r["progress-bar"],
60
+ ref: n,
61
+ className: e["progress-bar"],
56
62
  "data-testid": "progress-bar"
57
63
  }
58
64
  )
59
65
  }
60
66
  ))
61
67
  );
62
- function fe({
63
- images: e,
64
- children: o,
65
- onSlideClick: l,
66
- swiperClassName: p,
67
- slideClassName: x,
68
- imageClassName: g,
69
- navigationClassName: A,
70
- sliderBottomPanelClassName: y,
71
- descriptionsClassName: B,
72
- progressBarPosition: h = "top",
73
- isFullPaginationWidth: C = !1,
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,
74
84
  needNavigation: i = !0,
75
- leftDescription: w,
76
- rightDescription: b,
77
- delay: I = te,
78
- ...P
85
+ leftDescription: C,
86
+ rightDescription: y,
87
+ delay: D = me,
88
+ ...U
79
89
  }) {
80
- const c = S(null), f = S(null), [T, E] = D(1), L = `0${T}`, M = `0${(e == null ? void 0 : e.length) ?? 0}`, O = d(() => {
81
- if (f.current && i) {
82
- const t = f.current.swiper;
83
- E(t.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);
84
96
  }
85
- }, [i]), R = d(
86
- (t, u) => {
87
- if (c.current && i) {
88
- const _ = t.params.autoplay.delay, m = u / _ * 100;
89
- c.current.style.width = `${100 - m}%`;
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}%`;
90
102
  }
91
103
  },
92
104
  [i]
93
105
  );
94
- return /* @__PURE__ */ n(
95
- Y,
106
+ return /* @__PURE__ */ o(
107
+ ee,
96
108
  {
97
- ...P,
98
- ref: f,
99
- className: a(r.swiper, p),
109
+ ...U,
110
+ ref: h,
111
+ className: a(e.swiper, m),
100
112
  loop: !0,
113
+ spaceBetween: p,
101
114
  autoplay: {
102
- delay: I,
115
+ delay: D,
103
116
  disableOnInteraction: !1
104
117
  },
105
118
  fadeEffect: {
106
119
  crossFade: !0
107
120
  },
108
- modules: [z],
109
- onAutoplayTimeLeft: R,
110
- onSlideChange: O,
121
+ modules: [se],
122
+ onAutoplayTimeLeft: Q,
123
+ onSlideChange: K,
111
124
  children: [
112
125
  /* @__PURE__ */ s(
113
126
  "div",
114
127
  {
115
- className: a(r.navigation, A),
128
+ className: a(e.navigation, L, {
129
+ [e["navigation-with-content"]]: !!_
130
+ }),
116
131
  slot: "container-start",
117
- children: i && /* @__PURE__ */ n($, { children: [
118
- /* @__PURE__ */ n(
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(
119
165
  "div",
120
166
  {
121
167
  "data-testid": "pagination",
122
- className: a(r.pagination, {
123
- [r["is-full"]]: C
168
+ className: a(e.pagination, {
169
+ [e["is-full"]]: k
124
170
  }),
125
171
  children: [
126
- /* @__PURE__ */ n("h2", { className: r.slides, children: [
127
- L,
128
- /* @__PURE__ */ s("span", { className: r.separator }),
129
- M
172
+ /* @__PURE__ */ o("h2", { className: e.slides, children: [
173
+ A,
174
+ /* @__PURE__ */ s("span", { className: e.separator }),
175
+ x
130
176
  ] }),
131
- /* @__PURE__ */ s(ae, {})
177
+ /* @__PURE__ */ s(E, { variant: v })
132
178
  ]
133
179
  }
134
180
  ),
135
- h === N.TOP && /* @__PURE__ */ s(v, { ref: c })
136
- ] })
181
+ f === S.TOP && /* @__PURE__ */ s(b, { ref: d })
182
+ ] }) })
137
183
  }
138
184
  ),
139
- e == null ? void 0 : e.map((t, u) => {
140
- if (!t) return null;
141
- const _ = /* @__PURE__ */ s(
185
+ j ? I.map(n, (r, l) => /* @__PURE__ */ s(
186
+ T,
187
+ {
188
+ onClick: c,
189
+ "data-testid": `slide-${l}`,
190
+ className: a(e.slide, q),
191
+ children: r
192
+ },
193
+ l
194
+ )) : t == null ? void 0 : t.map((r, l) => {
195
+ if (!r) return null;
196
+ const g = /* @__PURE__ */ s(
142
197
  "a",
143
198
  {
144
- className: r.link,
145
- href: t.url,
199
+ className: e.link,
200
+ href: r.url,
146
201
  rel: "noopener noreferrer",
147
202
  target: "_blank",
148
203
  children: /* @__PURE__ */ s(
149
- q,
204
+ P,
150
205
  {
151
- className: a(r.image, g),
152
- src: t.image
206
+ className: a(e.image, z),
207
+ src: r.image
153
208
  }
154
209
  )
155
210
  }
156
- ), m = () => typeof o == "function" ? o(t) : t.url ? _ : /* @__PURE__ */ s(
157
- q,
211
+ ), w = () => typeof n == "function" ? n(r) : r.url ? g : /* @__PURE__ */ s(
212
+ P,
158
213
  {
159
- className: a(r.image, g),
160
- src: t.image,
161
- desktopImage: t.imageDesktop,
162
- mobileImage: t.imageMobile
214
+ className: a(e.image, z),
215
+ src: r.image,
216
+ desktopImage: r.imageDesktop,
217
+ mobileImage: r.imageMobile
163
218
  }
164
219
  );
165
220
  return /* @__PURE__ */ s(
166
- G,
221
+ T,
167
222
  {
168
- "data-testid": `slide-${u}`,
169
- onClick: l,
170
- className: a(r.slide, x),
171
- children: m()
223
+ "data-testid": `slide-${l}`,
224
+ onClick: c,
225
+ className: a(e.slide, q),
226
+ children: w()
172
227
  },
173
- t.id
228
+ r.id
174
229
  );
175
230
  }),
176
- h === N.BOTTOM && /* @__PURE__ */ n("div", { className: y, children: [
231
+ f === S.BOTTOM && /* @__PURE__ */ o("div", { className: M, children: [
177
232
  /* @__PURE__ */ s(
178
- v,
233
+ b,
179
234
  {
180
- ref: c,
181
- className: r["progress-bar-bottom"]
235
+ ref: d,
236
+ className: e["progress-bar-bottom"]
182
237
  }
183
238
  ),
184
- /* @__PURE__ */ n("div", { className: a(r.descriptions, B), children: [
185
- w && /* @__PURE__ */ s("div", { "data-testid": "slider-left-description", children: w }),
186
- b && /* @__PURE__ */ s("div", { "data-testid": "slider-right-description", children: b })
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 })
187
242
  ] })
188
243
  ] })
189
244
  ]
@@ -191,5 +246,5 @@ function fe({
191
246
  );
192
247
  }
193
248
  export {
194
- fe as default
249
+ qe as default
195
250
  };
package/dist/components/Slider/utils.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const formatSlideNumber: (num: number) => string;
package/dist/components/Slider/utils.js ADDED
@@ -0,0 +1,4 @@
1
+ const r = (t) => t.toString().padStart(2, "0");
2
+ export {
3
+ r as formatSlideNumber
4
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.43.0",
4
+ "version": "1.43.2",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {