mimir-ui-kit 1.39.3 → 1.40.0
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.
- package/dist/assets/PromoSlider.css +1 -0
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/components/Chip/Chip.d.ts +5 -1
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/PromoSlider/PromoSlider.d.ts +59 -0
- package/dist/components/PromoSlider/PromoSlider.js +320 -0
- package/dist/components/PromoSlider/index.d.ts +1 -0
- package/dist/components/PromoSlider/index.js +4 -0
- package/dist/components/SelectSearch/SelectSearch.js +74 -73
- package/dist/components/SelectSearch/constants.d.ts +1 -0
- package/dist/components/SelectSearch/constants.js +1 -1
- package/dist/components/SelectSearch/utils.js +10 -8
- package/dist/components/Slider/Slider.js +113 -2993
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.js +29 -28
- package/dist/components/Tag/constants.d.ts +1 -0
- package/dist/components/Tag/constants.js +2 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +6 -4
- package/dist/index.js +43 -41
- package/dist/swiper-react-BvAw14a4.js +2901 -0
- package/package.json +1 -1
@@ -0,0 +1 @@
|
|
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)}
|
@@ -1 +1 @@
|
|
1
|
-
._select-
|
1
|
+
._select-search_lhab4_2{position:relative;isolation:isolate}._select-search_lhab4_2._disabled_lhab4_6{cursor:not-allowed}._select-search_lhab4_2:has([data-headlessui-state=open]){z-index:100}._container_lhab4_13{position:relative;z-index:10;display:block;align-items:center;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_lhab4_22{border-bottom:1px solid var(--citrine-100)}._full_lhab4_26{width:100%}._selected-icon_lhab4_30 path{fill:var(--sapphire-100)}._selector-icon-open_lhab4_34{transform:rotate(180deg)}._button_lhab4_38{display:flex;align-items:center;background:none;border:none;cursor:pointer}._button_lhab4_38._disabled_lhab4_6{cursor:not-allowed}._button_lhab4_38._disabled_lhab4_6 ._selector-icon_lhab4_34 path{fill:var(--white)}._options_lhab4_52{position:absolute;z-index:5;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);box-shadow:var(--mimir-box-shadow-select-search)}._options_lhab4_52._top_lhab4_63{bottom:90%;margin-bottom:1px;padding-bottom:5px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_lhab4_52._bottom_lhab4_69{top:90%;margin-top:1px;padding-top:5px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_lhab4_52._no-options_lhab4_75{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._options_lhab4_52::-webkit-scrollbar{width:3px}._options_lhab4_52::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_lhab4_52::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_lhab4_52{max-height:var(--mimir-select-search-options-height-mobile)}}._s_lhab4_2{--mimir-select-search-height: var(--mimir-select-search-height-s);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._m_lhab4_110{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._l_lhab4_123{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--select-input-disabled-margin-right: var(--mimir-space-1xl);--required-mark-space-right: var(--mimir-space-xs)}._select-input_lhab4_136{width:100%!important}._select-input-disabled_lhab4_139{margin-right:var(--select-input-disabled-margin-right)}._select-input_lhab4_136:last-child{padding-right:var(--mimir-space-4xl)}._option_lhab4_52{display:flex;gap:var(--mimir-space-m);align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_lhab4_155{background-color:var(--black-5)}._option-inner_lhab4_158{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_lhab4_165{order:2;padding-top:0!important}._required-mark_lhab4_170{order:1;margin-right:var(--required-mark-space-right)}._clear_lhab4_175{position:absolute;top:50%;right:var(--clear-right);transform:translateY(-50%)}._clear_lhab4_175._disabled_lhab4_6{cursor:not-allowed}._clear_lhab4_175._disabled_lhab4_6 ._icon-button_lhab4_184 path{fill:var(--white)}
|
package/dist/assets/Tag.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._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/assets/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
1
|
+
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
2
2
|
import { EChipSize, EChipVariant } from './constants';
|
3
3
|
|
4
4
|
export type TProps = {
|
@@ -26,5 +26,9 @@ export type TProps = {
|
|
26
26
|
* Обработчик для кнопки закрытия
|
27
27
|
*/
|
28
28
|
onClose?: VoidFunction;
|
29
|
+
/**
|
30
|
+
* Обработчик для кнопки закрытия
|
31
|
+
*/
|
32
|
+
children?: ReactNode;
|
29
33
|
};
|
30
34
|
export declare const Chip: ({ size, variant, className, disabled, withAction, children, onClose }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export { Chip } from './Chip';
|
1
|
+
export { Chip, type TProps as TChipProps } from './Chip';
|
2
2
|
export { EChipSize, EChipVariant } from './constants';
|
@@ -0,0 +1,59 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { TChipProps } from '../Chip';
|
3
|
+
|
4
|
+
export type TPromoSlide = {
|
5
|
+
id?: number | string;
|
6
|
+
title?: string;
|
7
|
+
subtitle?: string;
|
8
|
+
url?: string;
|
9
|
+
imageUrl?: string;
|
10
|
+
imageDesktop?: string;
|
11
|
+
imageMobile?: string;
|
12
|
+
content?: ReactNode;
|
13
|
+
} & ({
|
14
|
+
isPromotion: true;
|
15
|
+
promotionProps: TChipProps;
|
16
|
+
} | {
|
17
|
+
isPromotion?: false;
|
18
|
+
promotionProps?: never;
|
19
|
+
});
|
20
|
+
type TProps = {
|
21
|
+
/**
|
22
|
+
* Задержка перехода между слайдами.
|
23
|
+
*/
|
24
|
+
delay?: number;
|
25
|
+
/**
|
26
|
+
* Массив слайдов.
|
27
|
+
*/
|
28
|
+
slides: TPromoSlide[];
|
29
|
+
/**
|
30
|
+
* Дополнительные классы для враппера слайдера.
|
31
|
+
*/
|
32
|
+
promoSliderWrapperClassName?: string;
|
33
|
+
/**
|
34
|
+
* Дополнительные классы для слайдов.
|
35
|
+
*/
|
36
|
+
slideClassName?: string;
|
37
|
+
/**
|
38
|
+
* Дополнительные классы для слайдера.
|
39
|
+
*/
|
40
|
+
swiperClassName?: string;
|
41
|
+
/**
|
42
|
+
* Дополнительные классы для картинок.
|
43
|
+
*/
|
44
|
+
imageClassName?: string;
|
45
|
+
/**
|
46
|
+
* Дополнительные классы для контента.
|
47
|
+
*/
|
48
|
+
contentClassName?: string;
|
49
|
+
/**
|
50
|
+
* Дополнительные классы для пагинации.
|
51
|
+
*/
|
52
|
+
paginationClassName?: string;
|
53
|
+
/**
|
54
|
+
* Расстояние между слайдами.
|
55
|
+
*/
|
56
|
+
spaceBetween?: number;
|
57
|
+
};
|
58
|
+
export declare const PromoSlider: ({ slides, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName, promoSliderWrapperClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
|
59
|
+
export {};
|
@@ -0,0 +1,320 @@
|
|
1
|
+
import { jsxs as U, jsx as P, Fragment as K } from "react/jsx-runtime";
|
2
|
+
import { c as L } from "../../index-DIxK0V-G.js";
|
3
|
+
import { useState as j } from "react";
|
4
|
+
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";
|
5
|
+
import { Chip as Q } from "../Chip/Chip.js";
|
6
|
+
import { AppImage as ee } from "../Image/Image.js";
|
7
|
+
import '../../assets/PromoSlider.css';function te(S) {
|
8
|
+
let {
|
9
|
+
swiper: e,
|
10
|
+
extendParams: k,
|
11
|
+
on: v,
|
12
|
+
emit: _
|
13
|
+
} = S;
|
14
|
+
const m = R(), T = V();
|
15
|
+
e.keyboard = {
|
16
|
+
enabled: !1
|
17
|
+
}, k({
|
18
|
+
keyboard: {
|
19
|
+
enabled: !1,
|
20
|
+
onlyInViewport: !0,
|
21
|
+
pageUpDown: !0
|
22
|
+
}
|
23
|
+
});
|
24
|
+
function I(n) {
|
25
|
+
if (!e.enabled) return;
|
26
|
+
const {
|
27
|
+
rtlTranslate: d
|
28
|
+
} = e;
|
29
|
+
let o = n;
|
30
|
+
o.originalEvent && (o = o.originalEvent);
|
31
|
+
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;
|
32
|
+
if (!e.allowSlideNext && (e.isHorizontal() && M || e.isVertical() && s || y) || !e.allowSlidePrev && (e.isHorizontal() && x || e.isVertical() && t || E))
|
33
|
+
return !1;
|
34
|
+
if (!(o.shiftKey || o.altKey || o.ctrlKey || o.metaKey) && !(m.activeElement && m.activeElement.nodeName && (m.activeElement.nodeName.toLowerCase() === "input" || m.activeElement.nodeName.toLowerCase() === "textarea"))) {
|
35
|
+
if (e.params.keyboard.onlyInViewport && (E || y || x || M || t || s)) {
|
36
|
+
let A = !1;
|
37
|
+
if (B(e.el, `.${e.params.slideClass}, swiper-slide`).length > 0 && B(e.el, `.${e.params.slideActiveClass}`).length === 0)
|
38
|
+
return;
|
39
|
+
const g = e.el, p = g.clientWidth, f = g.clientHeight, a = T.innerWidth, u = T.innerHeight, l = $(g);
|
40
|
+
d && (l.left -= g.scrollLeft);
|
41
|
+
const D = [[l.left, l.top], [l.left + p, l.top], [l.left, l.top + f], [l.left + p, l.top + f]];
|
42
|
+
for (let r = 0; r < D.length; r += 1) {
|
43
|
+
const c = D[r];
|
44
|
+
if (c[0] >= 0 && c[0] <= a && c[1] >= 0 && c[1] <= u) {
|
45
|
+
if (c[0] === 0 && c[1] === 0) continue;
|
46
|
+
A = !0;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
if (!A) return;
|
50
|
+
}
|
51
|
+
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);
|
52
|
+
}
|
53
|
+
}
|
54
|
+
function h() {
|
55
|
+
e.keyboard.enabled || (m.addEventListener("keydown", I), e.keyboard.enabled = !0);
|
56
|
+
}
|
57
|
+
function i() {
|
58
|
+
e.keyboard.enabled && (m.removeEventListener("keydown", I), e.keyboard.enabled = !1);
|
59
|
+
}
|
60
|
+
v("init", () => {
|
61
|
+
e.params.keyboard.enabled && h();
|
62
|
+
}), v("destroy", () => {
|
63
|
+
e.keyboard.enabled && i();
|
64
|
+
}), Object.assign(e.keyboard, {
|
65
|
+
enable: h,
|
66
|
+
disable: i
|
67
|
+
});
|
68
|
+
}
|
69
|
+
function ne(S) {
|
70
|
+
let {
|
71
|
+
swiper: e,
|
72
|
+
extendParams: k,
|
73
|
+
on: v,
|
74
|
+
emit: _
|
75
|
+
} = S;
|
76
|
+
const m = V();
|
77
|
+
k({
|
78
|
+
mousewheel: {
|
79
|
+
enabled: !1,
|
80
|
+
releaseOnEdges: !1,
|
81
|
+
invert: !1,
|
82
|
+
forceToAxis: !1,
|
83
|
+
sensitivity: 1,
|
84
|
+
eventsTarget: "container",
|
85
|
+
thresholdDelta: null,
|
86
|
+
thresholdTime: null,
|
87
|
+
noMousewheelClass: "swiper-no-mousewheel"
|
88
|
+
}
|
89
|
+
}), e.mousewheel = {
|
90
|
+
enabled: !1
|
91
|
+
};
|
92
|
+
let T, I = C(), h;
|
93
|
+
const i = [];
|
94
|
+
function n(t) {
|
95
|
+
let p = 0, f = 0, a = 0, u = 0;
|
96
|
+
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), {
|
97
|
+
spinX: p,
|
98
|
+
spinY: f,
|
99
|
+
pixelX: a,
|
100
|
+
pixelY: u
|
101
|
+
};
|
102
|
+
}
|
103
|
+
function d() {
|
104
|
+
e.enabled && (e.mouseEntered = !0);
|
105
|
+
}
|
106
|
+
function o() {
|
107
|
+
e.enabled && (e.mouseEntered = !1);
|
108
|
+
}
|
109
|
+
function w(t) {
|
110
|
+
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);
|
111
|
+
}
|
112
|
+
function H(t) {
|
113
|
+
const s = e.params.mousewheel;
|
114
|
+
if (t.direction < 0) {
|
115
|
+
if (e.isEnd && !e.params.loop && s.releaseOnEdges)
|
116
|
+
return !0;
|
117
|
+
} else if (e.isBeginning && !e.params.loop && s.releaseOnEdges)
|
118
|
+
return !0;
|
119
|
+
return !1;
|
120
|
+
}
|
121
|
+
function E(t) {
|
122
|
+
let s = t, A = !0;
|
123
|
+
if (!e.enabled || t.target.closest(`.${e.params.mousewheel.noMousewheelClass}`)) return;
|
124
|
+
const g = e.params.mousewheel;
|
125
|
+
e.params.cssMode && s.preventDefault();
|
126
|
+
let p = e.el;
|
127
|
+
e.params.mousewheel.eventsTarget !== "container" && (p = document.querySelector(e.params.mousewheel.eventsTarget));
|
128
|
+
const f = p && p.contains(s.target);
|
129
|
+
if (!e.mouseEntered && !f && !g.releaseOnEdges) return !0;
|
130
|
+
s.originalEvent && (s = s.originalEvent);
|
131
|
+
let a = 0;
|
132
|
+
const u = e.rtlTranslate ? -1 : 1, l = n(s);
|
133
|
+
if (g.forceToAxis)
|
134
|
+
if (e.isHorizontal())
|
135
|
+
if (Math.abs(l.pixelX) > Math.abs(l.pixelY)) a = -l.pixelX * u;
|
136
|
+
else return !0;
|
137
|
+
else if (Math.abs(l.pixelY) > Math.abs(l.pixelX)) a = -l.pixelY;
|
138
|
+
else return !0;
|
139
|
+
else
|
140
|
+
a = Math.abs(l.pixelX) > Math.abs(l.pixelY) ? -l.pixelX * u : -l.pixelY;
|
141
|
+
if (a === 0) return !0;
|
142
|
+
g.invert && (a = -a);
|
143
|
+
let D = e.getTranslate() + a * g.sensitivity;
|
144
|
+
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) {
|
145
|
+
const r = {
|
146
|
+
time: C(),
|
147
|
+
delta: Math.abs(a),
|
148
|
+
direction: Math.sign(a),
|
149
|
+
raw: t
|
150
|
+
};
|
151
|
+
i.length >= 2 && i.shift();
|
152
|
+
const c = i.length ? i[i.length - 1] : void 0;
|
153
|
+
if (i.push(r), c ? (r.direction !== c.direction || r.delta > c.delta || r.time > c.time + 150) && w(r) : w(r), H(r))
|
154
|
+
return !0;
|
155
|
+
} else {
|
156
|
+
const r = {
|
157
|
+
time: C(),
|
158
|
+
delta: Math.abs(a),
|
159
|
+
direction: Math.sign(a)
|
160
|
+
}, c = h && r.time < h.time + 500 && r.delta <= h.delta && r.direction === h.direction;
|
161
|
+
if (!c) {
|
162
|
+
h = void 0;
|
163
|
+
let N = e.getTranslate() + a * g.sensitivity;
|
164
|
+
const z = e.isBeginning, F = e.isEnd;
|
165
|
+
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({
|
166
|
+
direction: r.direction < 0 ? "next" : "prev",
|
167
|
+
byMousewheel: !0
|
168
|
+
}), e.params.freeMode.sticky) {
|
169
|
+
clearTimeout(T), T = void 0, i.length >= 15 && i.shift();
|
170
|
+
const X = i.length ? i[i.length - 1] : void 0, O = i[0];
|
171
|
+
if (i.push(r), X && (r.delta > X.delta || r.direction !== X.direction))
|
172
|
+
i.splice(0);
|
173
|
+
else if (i.length >= 15 && r.time - O.time < 500 && O.delta - r.delta >= 1 && r.delta <= 6) {
|
174
|
+
const Y = a > 0 ? 0.8 : 0.2;
|
175
|
+
h = r, i.splice(0), T = G(() => {
|
176
|
+
e.slideToClosest(e.params.speed, !0, void 0, Y);
|
177
|
+
}, 0);
|
178
|
+
}
|
179
|
+
T || (T = G(() => {
|
180
|
+
h = r, i.splice(0), e.slideToClosest(e.params.speed, !0, void 0, 0.5);
|
181
|
+
}, 500));
|
182
|
+
}
|
183
|
+
if (c || _("scroll", s), e.params.autoplay && e.params.autoplayDisableOnInteraction && e.autoplay.stop(), g.releaseOnEdges && (N === e.minTranslate() || N === e.maxTranslate()))
|
184
|
+
return !0;
|
185
|
+
}
|
186
|
+
}
|
187
|
+
return s.preventDefault ? s.preventDefault() : s.returnValue = !1, !1;
|
188
|
+
}
|
189
|
+
function y(t) {
|
190
|
+
let s = e.el;
|
191
|
+
e.params.mousewheel.eventsTarget !== "container" && (s = document.querySelector(e.params.mousewheel.eventsTarget)), s[t]("mouseenter", d), s[t]("mouseleave", o), s[t]("wheel", E);
|
192
|
+
}
|
193
|
+
function x() {
|
194
|
+
return e.params.cssMode ? (e.wrapperEl.removeEventListener("wheel", E), !0) : e.mousewheel.enabled ? !1 : (y("addEventListener"), e.mousewheel.enabled = !0, !0);
|
195
|
+
}
|
196
|
+
function M() {
|
197
|
+
return e.params.cssMode ? (e.wrapperEl.addEventListener(event, E), !0) : e.mousewheel.enabled ? (y("removeEventListener"), e.mousewheel.enabled = !1, !0) : !1;
|
198
|
+
}
|
199
|
+
v("init", () => {
|
200
|
+
!e.params.mousewheel.enabled && e.params.cssMode && M(), e.params.mousewheel.enabled && x();
|
201
|
+
}), v("destroy", () => {
|
202
|
+
e.params.cssMode && x(), e.mousewheel.enabled && M();
|
203
|
+
}), Object.assign(e.mousewheel, {
|
204
|
+
enable: x,
|
205
|
+
disable: M
|
206
|
+
});
|
207
|
+
}
|
208
|
+
const ae = "_swiper_1sy27_6", se = "_slide_1sy27_10", re = "_chip_1sy27_17", ie = "_content_1sy27_23", le = "_bullet_1sy27_42", b = {
|
209
|
+
"promo-slider-wrapper": "_promo-slider-wrapper_1sy27_2",
|
210
|
+
swiper: ae,
|
211
|
+
slide: se,
|
212
|
+
chip: re,
|
213
|
+
content: ie,
|
214
|
+
"custom-pagination": "_custom-pagination_1sy27_30",
|
215
|
+
bullet: le,
|
216
|
+
"bullet-active": "_bullet-active_1sy27_43",
|
217
|
+
"bullet-s": "_bullet-s_1sy27_44",
|
218
|
+
"bullet-xs": "_bullet-xs_1sy27_45"
|
219
|
+
}, W = 5, oe = 5e3, ue = 8, de = (S, e) => {
|
220
|
+
const k = e % W, v = Math.abs(S - k), _ = 0, m = 1;
|
221
|
+
return v === _ ? b["bullet-active"] : v === m ? b["bullet-s"] : b["bullet-xs"];
|
222
|
+
}, ge = ({
|
223
|
+
slides: S,
|
224
|
+
delay: e = oe,
|
225
|
+
spaceBetween: k = ue,
|
226
|
+
imageClassName: v,
|
227
|
+
slideClassName: _,
|
228
|
+
swiperClassName: m,
|
229
|
+
contentClassName: T,
|
230
|
+
promoSliderWrapperClassName: I
|
231
|
+
}) => {
|
232
|
+
const [h, i] = j(0);
|
233
|
+
return /* @__PURE__ */ U(
|
234
|
+
"div",
|
235
|
+
{
|
236
|
+
className: L(
|
237
|
+
b["promo-slider-wrapper"],
|
238
|
+
I
|
239
|
+
),
|
240
|
+
children: [
|
241
|
+
/* @__PURE__ */ P(
|
242
|
+
q,
|
243
|
+
{
|
244
|
+
direction: "horizontal",
|
245
|
+
spaceBetween: k,
|
246
|
+
modules: [Z, te, ne],
|
247
|
+
onSlideChange: (n) => i(n.realIndex),
|
248
|
+
loop: !0,
|
249
|
+
mousewheel: !0,
|
250
|
+
keyboard: {
|
251
|
+
enabled: !0,
|
252
|
+
onlyInViewport: !0
|
253
|
+
},
|
254
|
+
autoplay: {
|
255
|
+
delay: e,
|
256
|
+
disableOnInteraction: !1,
|
257
|
+
pauseOnMouseEnter: !0
|
258
|
+
},
|
259
|
+
className: L(b.swiper, m),
|
260
|
+
children: S.map((n) => {
|
261
|
+
if (!n) return null;
|
262
|
+
const d = n != null && n.imageUrl ? /* @__PURE__ */ P(
|
263
|
+
ee,
|
264
|
+
{
|
265
|
+
className: L(b.image, v),
|
266
|
+
src: n.imageUrl,
|
267
|
+
desktopImage: n.imageDesktop,
|
268
|
+
mobileImage: n.imageMobile,
|
269
|
+
alt: n.title
|
270
|
+
}
|
271
|
+
) : null, o = /* @__PURE__ */ P(
|
272
|
+
"a",
|
273
|
+
{
|
274
|
+
className: b.link,
|
275
|
+
href: n.url,
|
276
|
+
rel: "noopener noreferrer",
|
277
|
+
target: "_blank",
|
278
|
+
children: d
|
279
|
+
}
|
280
|
+
), w = () => n.url ? o : d;
|
281
|
+
return /* @__PURE__ */ P(
|
282
|
+
J,
|
283
|
+
{
|
284
|
+
className: L(b.slide, _),
|
285
|
+
children: /* @__PURE__ */ U(K, { children: [
|
286
|
+
n.isPromotion && /* @__PURE__ */ P(
|
287
|
+
Q,
|
288
|
+
{
|
289
|
+
...n.promotionProps,
|
290
|
+
className: L(
|
291
|
+
n.promotionProps.className,
|
292
|
+
b.chip
|
293
|
+
)
|
294
|
+
}
|
295
|
+
),
|
296
|
+
w(),
|
297
|
+
(n == null ? void 0 : n.content) && /* @__PURE__ */ P("div", { className: L(b.content, T), children: n == null ? void 0 : n.content })
|
298
|
+
] })
|
299
|
+
},
|
300
|
+
n.id
|
301
|
+
);
|
302
|
+
})
|
303
|
+
}
|
304
|
+
),
|
305
|
+
/* @__PURE__ */ P("div", { className: b["custom-pagination"], children: Array.from({ length: W }).map((n, d) => /* @__PURE__ */ P(
|
306
|
+
"button",
|
307
|
+
{
|
308
|
+
type: "button",
|
309
|
+
autoFocus: d === 0,
|
310
|
+
className: L(b.bullet, de(d, h))
|
311
|
+
},
|
312
|
+
d
|
313
|
+
)) })
|
314
|
+
]
|
315
|
+
}
|
316
|
+
);
|
317
|
+
};
|
318
|
+
export {
|
319
|
+
ge as PromoSlider
|
320
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { PromoSlider } from './PromoSlider';
|