@trafilea/afrodita-components 7.13.1 → 7.13.2

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@ant-design/react-slick"),s=require("react"),t=require("react-zoom-pan-pinch"),o=require("../../../../modal/Modal.js"),l=require("../../../../../hooks/useDeviceType/useDeviceType.js");require("../../../../../types/enums.js"),require("../../../../../core/theme/Theme.js");var a=require("../../../../atoms/Image/Image.js"),u=require("../../../../icons/index.js");require("../../../../PackSelectorV2/PackSelectoV2.js"),require("../../../../absorbency-level/AbsorbencyLevel.js"),require("../../../../accordion-options/AccordionOptions.js"),require("../../../../accordion/Accordion.js"),require("../../../../../utils/constants/offerAtCart.js"),require("../../../../../utils/media.js"),require("../../../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../../../dropdown/variants/simple/SimpleDropdown.js"),require("../../../../radio/input/styles.js"),require("../../../../tooltip/Styled.js"),require("../../../../autoship/styled.js"),require("../../../../autoshipV2/styled.js"),require("../../../../before-after/BeforeAfter.js"),require("../../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../../pricing/discount/styled.js"),require("../../../../pricing/styles.js"),require("../../../../atoms/PriceLabel/PriceLabel.js"),require("../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../../../atoms/HorizontalDivider/HorizontalDivider.js");var d=require("../../../../atoms/Icon/Icon.js");require("../../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../../../atoms/Toggle/toggle.styled.js"),require("../../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../../pricing/priceLabelV6/PriceLabelV6.styled.js"),require("../../../../shared/card/Card.js"),require("../../../../bundle/minimalistic/styled.js"),require("../../../../text/Text.js"),require("../../../../bundle/motivator/styled.js"),require("../../../../bundle/simple/Simple.js"),require("../../../../buynowpaylater/BuyNowPayLater.js"),require("../../../../offer-banner/OfferBanner.js"),require("../../../../cartProductItem/CloseIcon/CloseButton.js"),require("../../../../cartProductItem/Description/Description.js"),require("../../../../cartProductItem/Promo/Promo.js"),require("../../../../cartProductItem/Title/Title.js"),require("../../../../cartProductItem/TrashIcon/styled.js"),require("../../../../checkbox/Checkbox.js"),require("../../../../collection/grid/WithProductGrid.js"),require("@emotion/react/jsx-runtime"),require("../../../../SkeletonBox/SkeletonBox.js"),require("../../../../club-price-label/ClubPriceLabel.js"),require("../../../../strength-bars/StrengthBars.js"),require("../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../../../rating/starList/StarList.js"),require("../../../../rating/styles.js"),require("../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../../../molecules/CouponCard/styled.js"),require("@emotion/react"),require("../../../../molecules/ArrowTip/ArrowTip.styled.js"),require("../../../../molecules/BenefitsList/styled.js"),require("../../../../timer/styled.js"),require("../../../../molecules/HurryUp/styled.js"),require("../../../../molecules/Spinner/styled.js"),require("../../../../molecules/Video/components/styled.js"),require("../../../../molecules/Video/styled.js"),require("../../../../iconsWithTitle/index.js"),require("../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../../../molecules/LikeButton/styled.js"),require("../../../../icon-button/IconButton.js"),require("../../../../molecules/ScarcityTag/ScarcityTag.styled.js"),require("../../../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../../../collection/product/mobile/styled.js"),require("../../../../tag/variants/product/styled.js"),require("../../../../collection/product/truekind/styled.js"),require("../../../../color/ColorRadioGroup.js"),require("../../../../color/selector/PatternSelector.js"),require("../../../../color/styles/ColorPickerwithTootip.styled.js"),require("../../../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../../../cta/styled.js"),require("../../../../delivery-details/DeliveryDetails.js"),require("../../../../delivery-details/Note/Note.js"),require("../../../../drawer/style.js"),require("../../../../dropdown-list-icons/Styled.js"),require("../../../../dropdown/size-dropdown/Styled.js"),require("../../../../dropdown/variants/dialog/DropdownDialog.js"),require("../../../../dropdown/base/BaseDropdown.js"),require("@headlessui/react"),require("../../../../input/base/Error.js"),require("../../../../shared/select/BaseSelect.js"),require("../../../../dropdown/variants/smart/styled.js"),require("../../../../filtering/Accordion.js"),require("../../../../filtering/FiltersStyled.js"),require("../../../../filtering/Tags/Tags.js"),require("../../../../fit-guarantee/FitGuarantee.js"),require("../../../../fit/FitPredictor.js"),require("../../../../slider/ArrowButton.js"),require("../../../../slider/StyledSlider.js"),require("../../../../gallery/components/ImageSmallPreview/styled.js"),require("../../../../gallery/components/ImagePreviewList/styled.js"),require("../../../../gallery/components/ImageProductSlide/styled.js"),require("../../../../gallery/styled.js"),require("../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../../../image-card/ImageCard.js"),require("../../../../input/label/Label.js"),require("../../../../input/base/Styled.js"),require("../../../../input/custom/Custom.js"),require("../../../../input/basePlusButton/BasePlusButton.js"),require("../../../../input/basePlusIcon/BasePlusIcon.js"),require("../../../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../../../order-bar/OrderBar.js"),require("../../../../packs/selector/PackSelector.js"),require("../../../../pagination/styles.js"),require("../../../../payment-methods/PaymentMethod.js"),require("../../../../product/order/item/SimpleOrderItem.js"),require("../../../../progress-bar/ProgressBar.js"),require("../../../../quantityPicker/styled.js"),require("../../../../radio/RadioPrimary/radioPrimary.js"),require("../../../../radio/clubRadioInput/clubRadio.js"),require("../../../../review-detail/ReviewDetail.js"),require("../../../../review/Review.js"),require("../../../../reviews-header/ReviewsHeader.js"),require("../../../../scroll-to-top/ScrollToTop.js"),require("../../../../search-bar/components/ClearButton/styled.js"),require("../../../../search-bar/components/Footer/styled.js"),require("../../../../search-bar/components/ProductItem/styled.js"),require("../../../../search-bar/components/ResultsPanel/styled.js"),require("../../../../search-bar/components/SearchControl/styled.js"),require("../../../../search-bar/styled.js"),require("../../../../search-navigation/styled.js"),require("react-dom"),require("../../../../short-banner/ShortBanner.js"),require("../../../../size-chart/styled.js"),require("../../../../size-table/SizeTable.js"),require("../../../../size/guide/SizeFitGuide.js"),require("../../../../size/selector/styled.js"),require("../../../../tabs/Tab.js"),require("../../../../tabs/Tabs.js"),require("../../../../tag/Tag.js"),require("../../../../textWithImage/index.js"),require("../../../../toast/Toast.js"),require("../../../../totals/total/styled.js"),require("../../../../totals/subtotal/Subtotal.js"),require("../../../../tracking-progress-v2/TrackingProgressV2.js"),require("../../../../tracking-progress/TrackingProgress.js"),require("../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../../../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../../../BasicAccordion/BasicAccordion.js"),require("../../../CartItemCard/CartItem.js"),require("../../../ClubOfferSelector/styled.js"),require("../../../ClubOfferSelector2/styled.js"),require("../../../JoinClubCard/joinClubCard.js"),require("../../../OfferAtCart/styled.js"),require("../../../OfferAtCartV2/styled.js"),require("../../../OfferAtCartV3/styled.js"),require("../../../OfferAtCartV4/styled.js"),require("../../../OfferAtPDP/styled.js"),require("../../../OfferAtPDP/types.js"),require("../../../ProductCard/ProductCardV1/ProductCard.js"),require("../../../ProductCard/ProductCardV2/styled.js"),require("../../../ProductCard/ProductCardV3/styled.js"),require("../../ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../../ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../../ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("../../ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../../ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../../ProductGalleryMobileV5/styled.js"),require("../../ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../../ProductGalleryMobileV6/MainGallery/styled.js"),require("../../ProductGalleryMobileV6/styled.js"),require("../ProductGalleryMobile.js"),require("../../../SizeCharTable/SizeChartTableV2/styled.js"),require("../../../SizeCharTable/SizeChartTableV3/styled.js"),require("../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../../../SubscriptionPlanSelector/styled.js"),require("../../../TwoCtasAtCart/Greeting.styled.js"),require("../../../TwoCtasAtCart/Card.styled.js");var n=require("./VideoDisplay.js"),c=require("./ZoomModalV2.styled.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=j(i);exports.ZoomModalV2=function(i){var j=i.modalId,y=i.contents,m=i.initialSlide,p=void 0===m?0:m,h=o.useModal(j),b=h.opened,f=h.close,g="mobile"===l(),C=s.useRef(null),v=s.useRef(null),P=s.useState(p),S=P[0],x=P[1],w=s.useCallback((function(){f()}),[f]),V=s.useCallback((function(){C.current&&C.current.slickNext()}),[]),T=s.useCallback((function(){C.current&&C.current.slickPrev()}),[]);return s.useEffect((function(){b&&(x(p),C.current&&C.current.slickGoTo(p))}),[b,p]),g?r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,maxFullScreen:!0},{children:r.jsx(c.MobileImageContainer,{children:r.jsx(q.default,e.__assign({ref:C,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!1,initialSlide:p,afterChange:function(e){return x(e)}},{children:y.map((function(i,s){var o=Boolean(null==i?void 0:i.isVideo);return r.jsxs(r.Fragment,{children:[o?r.jsx(n.VideoDisplay,{content:i},i.key):r.jsx(t.TransformWrapper,e.__assign({ref:v,initialScale:1,minScale:1,maxScale:3,centerOnInit:!0,wheel:{step:.1},pinch:{step:5}},{children:function(s){var o=s.zoomIn,l=s.zoomOut;return r.jsxs(r.Fragment,{children:[r.jsx(t.TransformComponent,{children:r.jsx(a.Image,{src:i.thumbnailUrl||i.url,alt:i.alt,width:"100%",height:"100vh",objectFit:"cover"},void 0)},void 0),r.jsxs(c.SlideCounterBadge,{children:[S+1," / ",y.length]},void 0),r.jsxs(c.ZoomControlsContainer,{children:[r.jsx(c.ZoomMinusButton,e.__assign({onClick:function(){return l(1)}},{children:r.jsx(u.Icon.Actions.Minus,{height:1,width:1,fill:"#fff"},void 0)}),void 0),r.jsx(c.ZoomPlusButton,e.__assign({onClick:function(){return o(1)}},{children:r.jsx(d.Icon,{name:"pdp/plus",height:1,width:1,fill:"#fff"},void 0)}),void 0)]},void 0)]},void 0)}}),void 0),r.jsx(c.CloseButtonTopRight,e.__assign({onClick:w,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(u.Icon.Actions.Close,{height:1,width:1,fill:"#000"},void 0)}),void 0),s>0&&r.jsx(c.NavButton,e.__assign({isLeft:!0,onClick:T},{children:r.jsx(u.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#000"},void 0)}),void 0),r.jsx(c.NavButton,e.__assign({onClick:V},{children:r.jsx(u.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#000"},void 0)}),void 0)]},void 0)}))}),void 0)},void 0)}),void 0):r.jsxs("div",{children:[r.jsx(c.ZoomModalWrapper,e.__assign({id:j,dismissable:!0,width:"530px",maxFullScreen:!1},{children:r.jsx(q.default,e.__assign({ref:C,slidesToShow:1,slidesToScroll:1,infinite:!1,dots:!1,arrows:!0,initialSlide:p},{children:y.map((function(e,i){return(null==e?void 0:e.isVideo)?r.jsx(n.VideoDisplay,{content:e},e.key):r.jsx(a.Image,{src:e.thumbnailUrl||e.url,alt:e.alt||"Thumbnail ".concat(i+1),width:"530px",height:"100%"},e.key||i)}))}),void 0)}),void 0),b&&r.jsx(c.CloseWrapper,{children:r.jsx(c.CloseButton,e.__assign({onClick:w,"data-testid":"zoom-modal-v2-close"},{children:r.jsx(u.Icon.Actions.Close,{height:1,width:1,fill:"#292929"},void 0)}),void 0)},void 0),b&&r.jsxs(c.NavWrapper,{children:[r.jsx(c.DesktopNavButton,e.__assign({isLeft:!0,onClick:T},{children:r.jsx(u.Icon.Arrows.ChevronLeft,{height:1,width:1,fill:"#292929"},void 0)}),void 0),r.jsx(c.DesktopNavButton,e.__assign({onClick:V},{children:r.jsx(u.Icon.Arrows.ChevronRight,{height:1,width:1,fill:"#292929"},void 0)}),void 0)]},void 0)]},void 0)};
-//# sourceMappingURL=ZoomModalV2.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ZoomModalV2.styled.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../../../modal/Modal.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,i,s,p,d,l,f,c,x,u,b,g=r(e),m=g.default.button(o||(o=n.__makeTemplateObject(["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"],["\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--neutrals-white-ffffff, #fff);\n  gap: 8px;\n  border-radius: 99px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n"]))),h=g.default(t.Modal)(a||(a=n.__makeTemplateObject(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),k=g.default.button(i||(i=n.__makeTemplateObject(["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  ","\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"})),y=g.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  position: fixed;\n  width: 90%;\n  z-index: 10000;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"],["\n  display: flex;\n  justify-content: space-between;\n  position: fixed;\n  width: 90%;\n  z-index: 10000;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))),j=g.default.div(p||(p=n.__makeTemplateObject(["\n  position: fixed;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n"],["\n  position: fixed;\n  top: 20px;\n  z-index: 10000;\n  width: 94%;\n  display: flex;\n  justify-content: flex-end;\n"]))),v=g.default.div(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n"]))),w=g.default.div(l||(l=n.__makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"],["\n  position: absolute;\n  display: flex;\n  padding: 2px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  left: 10px;\n  font-size: 16px;\n  top: 10px;\n  border-radius: 60px;\n  background: rgba(41, 41, 41, 0.5);\n  color: #fff;\n  width: 56px;\n  height: 28px;\n"]))),_=g.default.button(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),z=g.default.button(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"],["\n  position: absolute;\n  top: 50%;\n  ","\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: #f5f5f5;\n    transform: translateY(-50%) scale(1.05);\n  }\n\n  &:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n"])),(function(n){return n.isLeft?"left: 20px;":"right: 20px;"})),O=g.default.div(x||(x=n.__makeTemplateObject(["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  z-index: 1000;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"]))),T=g.default.button(u||(u=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"]))),B=g.default.button(b||(b=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  backdrop-filter: blur(10px);\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.8);\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n"])));exports.CloseButton=m,exports.CloseButtonTopRight=_,exports.CloseWrapper=j,exports.DesktopNavButton=k,exports.MobileImageContainer=v,exports.NavButton=z,exports.NavWrapper=y,exports.SlideCounterBadge=w,exports.ZoomControlsContainer=O,exports.ZoomMinusButton=T,exports.ZoomModalWrapper=h,exports.ZoomPlusButton=B;
-//# sourceMappingURL=ZoomModalV2.styled.js.map

package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/zoomModal.styled.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../../../atoms/Image/Image.js"),i=require("../../../../modal/Modal.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=r(e),l=o.default.div(f||(f=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"],["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background-color: #ffffff;\n"]))),a=o.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e0e0e0;\n"]))),d=o.default.h2(g||(g=n.__makeTemplateObject(["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"],["\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #333;\n  padding: 15px;\n"]))),s=o.default.button(x||(x=n.__makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"],["\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  margin-right: 10px;\n  &:hover {\n    background-color: #f5f5f5;\n  }\n"])));o.default.div(u||(u=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"],["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n\n  .slick-slider {\n    width: 100%;\n    height: 100%;\n  }\n\n  .slick-track {\n    display: flex;\n    ","\n  }\n\n  .slick-slide {\n    height: ",";\n  }\n\n  .slick-dots {\n    bottom: 1rem;\n  }\n"])),(function(n){return n.isMobile?"flex-direction: column;":"flex-direction: row;"}),(function(n){return n.isMobile?"auto":"100%"}));var c=o.default.div(b||(b=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  padding: 0;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  padding: 0;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"])));o.default.div(h||(h=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: auto;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  overflow-y: auto;\n  padding: 0;\n  gap: 5px;\n\n  /* Hide scrollbar */\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    display: none; /* WebKit */\n  }\n"]))),o.default.div(y||(y=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  ","\n"])),(function(n){return n.isMobile?"height: 510px;":"min-height: 510px;"})),o.default.div(k||(k=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 510px;\n  padding: 0;\n"])));var p=o.default(t.Image)(w||(w=n.__makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  ","\n"])),(function(n){var e=n.marginRight;return e&&"padding-right: ".concat(e,";")}));o.default.div(v||(v=n.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var f,m,g,x,u,b,h,y,k,w,v,j,_,O,T,M=o.default(i.Modal)(j||(j=n.__makeTemplateObject(["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"],["\n  div {\n    padding: 0px !important;\n    margin: 0px !important;\n    border: none !important;\n  }\n"]))),I=o.default.div(_||(_=n.__makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"],["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n"]))),W=o.default.div(O||(O=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"],["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"]))),H=o.default.button(T||(T=n.__makeTemplateObject(["\n  position: absolute;\n  ","\n  top: 25%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"],["\n  position: absolute;\n  ","\n  top: 25%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.9);\n  border: none;\n  border-radius: 50%;\n  padding: 0.5rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n  &:hover {\n    background: rgba(255, 255, 255, 1);\n  }\n"])),(function(n){return n.isLeft?"left: 10px;":"right: 10px;"}));exports.CloseButton=s,exports.DesktopSliderContainer=I,exports.NavigationButton=H,exports.SliderWrapper=W,exports.VerticalScrollContainer=c,exports.ZoomImage=p,exports.ZoomModalContainer=l,exports.ZoomModalHeader=a,exports.ZoomModalTitle=d,exports.ZoomModalWrapper=M;
-//# sourceMappingURL=zoomModal.styled.js.map