@trafilea/afrodita-components 7.14.5 → 7.15.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/build/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/es/components/gallery/components/ImagePreviewList/styled.js +1 -1
- package/build/lib/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/lib/components/gallery/components/ImagePreviewList/styled.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{Video as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{Video as t}from"../../../molecules/Video/Video.js";import a from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as n}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as l,ListItem as d,Button as s,VideoContainer as v,ArrowsContainer as m,ArrowPrev as u,ArrowNext as c}from"./styled.js";var w=function(i,e){var o="eager";e&&(o=i<e?"eager":"lazy");return o},p=function(i,e){var o="auto";e&&(o=i<e?"sync":"async");return o},g=function(e){var o=e.item,a=e.index,l=e.selectedImage,m=e.onClick,u=e.borderRadiusVariant,c=e.previewImgBorderColor,g=e.isRatioSquare,y=e.itemsOnViewport,I=void 0===y?0:y,f=e.videoInPreview,h=void 0!==f&&f,C=e.alwaysPlayInPreview,P=void 0!==C&&C,S=e.isHorizontal,k=void 0!==S&&S,R=o.isVideo&&h&&(P||o.key===l.key);return r(d,i({role:"listitem"},{children:r(s,i({onClick:function(){return m(a)}},{children:R?r(v,i({isRatioSquare:g,isHorizontal:k},{children:r(t,{source:o.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):r(n,{imageUrl:(null==o?void 0:o.alt.includes("-video"))?null==o?void 0:o.thumbnailUrl:null==o?void 0:o.url,alt:o.alt,selected:o.key===l.key,borderRadiusVariant:u,previewImgBorderColor:c,isRatioSquare:g,loading:w(a,I),decoding:p(a,I)},void 0)}),void 0)}),o.key)},y=function(t){var n=t.images,d=t.selectedImage,s=t.onClick,v=t.dataTestId,w=t.position,p=t.borderRadiusVariant,y=t.previewImgBorderColor,I=t.hasOverflowArrows,f=t.isRatioSquare,h=t.itemsOnViewport,C=void 0===h?0:h,P=t.videoInPreview,S=void 0!==P&&P,k=t.alwaysPlayInPreview,R=void 0!==k&&k;return e(o,{children:[r(l,i({role:"list","data-testid":v,position:w,className:I?"imageListContainer":w,hasOverflowArrows:I,isRatioSquare:f},{children:"horizontal"==w?r("div",i({style:{maxWidth:"360px"}},{children:r(a,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:n.map((function(i,e){return g({item:i,index:e,selectedImage:d,onClick:s,borderRadiusVariant:p,previewImgBorderColor:y,isRatioSquare:f,itemsOnViewport:C,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):n.map((function(i,e){return g({item:i,index:e,selectedImage:d,onClick:s,borderRadiusVariant:p,previewImgBorderColor:y,isRatioSquare:f,itemsOnViewport:C,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(m,i({role:"navigation"},{children:[r(u,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),r(c,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{y as ImagePreviewList};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import{css as t}from"@emotion/react";import
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import{css as t}from"@emotion/react";import i from"@emotion/styled";var o,e,r,a,d,l,s,p,g,u,c=t(o||(o=n(["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"],["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"]))),h=t(e||(e=n(["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"],["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"]))),m=i.div(r||(r=n(["\n display: grid;\n max-height: ",";\n height: min-content;\n align-items: flex-start;\n ","\n\n ","\n"],["\n display: grid;\n max-height: ",";\n height: min-content;\n align-items: flex-start;\n ","\n\n ","\n"])),(function(n){var t=n.isRatioSquare,i=n.theme;return t?"530px":"calc(530px / (".concat(i.component.gallery.aspectRatio,"))")}),(function(n){return"horizontal"==n.position?c:h}),(function(n){return n.hasOverflowArrows&&"\n scroll-behavior: smooth;\n &::-webkit-scrollbar {\n visibility: hidden;\n }\n "})),b=i.button(a||(a=n(["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n outline: none;\n"],["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n outline: none;\n"]))),f=i.div(d||(d=n(["\n list-style: none;\n display: flex;\n justify-content: center;\n"],["\n list-style: none;\n display: flex;\n justify-content: center;\n"]))),x=i.div(l||(l=n(["\n display: flex;\n width: 65px;\n position: relative;\n left: 6px;\n"],["\n display: flex;\n width: 65px;\n position: relative;\n left: 6px;\n"]))),w=i.div(s||(s=n(["\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n color: #2a2a2a;\n border: 0;\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n background-color: #ececea;\n box-sizing: border-box;\n cursor: pointer;\n float: left;\n height: 20px;\n position: relative;\n width: 50%;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 11px;\n display: block;\n"],["\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n color: #2a2a2a;\n border: 0;\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n background-color: #ececea;\n box-sizing: border-box;\n cursor: pointer;\n float: left;\n height: 20px;\n position: relative;\n width: 50%;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 11px;\n display: block;\n"]))),v=i(w)(p||(p=n(["\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/up-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 0 4px;\n"],["\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/up-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 0 4px;\n"]))),k=i(w)(g||(g=n(["\n grid-column: 1;\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/down-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 4px 0;\n border-left: 1px solid rgba(42, 42, 42, 0.1);\n"],["\n grid-column: 1;\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/down-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 4px 0;\n border-left: 1px solid rgba(42, 42, 42, 0.1);\n"]))),y=i.div(u||(u=n(["\n width: ",";\n height: ",";\n overflow: hidden;\n ","\n position: relative;\n cursor: pointer;\n\n & button,\n & [data-testid='play'],\n & [data-testid='pause'],\n & [role='button'] {\n display: none !important;\n }\n"],["\n width: ",";\n height: ",";\n overflow: hidden;\n ","\n position: relative;\n cursor: pointer;\n\n & button,\n & [data-testid='play'],\n & [data-testid='pause'],\n & [role='button'] {\n display: none !important;\n }\n"])),(function(n){return n.theme.component.gallery.thumbnail.desktop.width}),(function(n){var t=n.isRatioSquare,i=n.theme;return t?i.component.gallery.thumbnail.desktop.width:i.component.gallery.thumbnail.desktop.height}),(function(n){return!n.isHorizontal&&"margin: 0 auto;"}));export{w as ArrowBaseStyles,k as ArrowNext,v as ArrowPrev,x as ArrowsContainer,b as Button,m as Container,f as ListItem,y as VideoContainer};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../../molecules/Video/Video.js"),o=require("../../../slider/SliderNavigation.js"),a=require("../ImageSmallPreview/ImageSmallPreview.js"),t=require("./styled.js"),n=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},s=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},l=function(o){var l=o.item,d=o.index,u=o.selectedImage,v=o.onClick,c=o.borderRadiusVariant,m=o.previewImgBorderColor,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../../molecules/Video/Video.js"),o=require("../../../slider/SliderNavigation.js"),a=require("../ImageSmallPreview/ImageSmallPreview.js"),t=require("./styled.js"),n=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},s=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},l=function(o){var l=o.item,d=o.index,u=o.selectedImage,v=o.onClick,c=o.borderRadiusVariant,m=o.previewImgBorderColor,g=o.isRatioSquare,w=o.itemsOnViewport,y=void 0===w?0:w,I=o.videoInPreview,p=void 0!==I&&I,x=o.alwaysPlayInPreview,P=void 0!==x&&x,j=o.isHorizontal,C=void 0!==j&&j,h=l.isVideo&&p&&(P||l.key===u.key);return i.jsx(t.ListItem,e.__assign({role:"listitem"},{children:i.jsx(t.Button,e.__assign({onClick:function(){return v(d)}},{children:h?i.jsx(t.VideoContainer,e.__assign({isRatioSquare:g,isHorizontal:C},{children:i.jsx(r.Video,{source:l.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):i.jsx(a.ImageSmallPreview,{imageUrl:(null==l?void 0:l.alt.includes("-video"))?null==l?void 0:l.thumbnailUrl:null==l?void 0:l.url,alt:l.alt,selected:l.key===u.key,borderRadiusVariant:c,previewImgBorderColor:m,isRatioSquare:g,loading:n(d,y),decoding:s(d,y)},void 0)}),void 0)}),l.key)};exports.ImagePreviewList=function(r){var a=r.images,n=r.selectedImage,s=r.onClick,d=r.dataTestId,u=r.position,v=r.borderRadiusVariant,c=r.previewImgBorderColor,m=r.hasOverflowArrows,g=r.isRatioSquare,w=r.itemsOnViewport,y=void 0===w?0:w,I=r.videoInPreview,p=void 0!==I&&I,x=r.alwaysPlayInPreview,P=void 0!==x&&x;return i.jsxs(i.Fragment,{children:[i.jsx(t.Container,e.__assign({role:"list","data-testid":d,position:u,className:m?"imageListContainer":u,hasOverflowArrows:m,isRatioSquare:g},{children:"horizontal"==u?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(o,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:a.map((function(e,i){return l({item:e,index:i,selectedImage:n,onClick:s,borderRadiusVariant:v,previewImgBorderColor:c,isRatioSquare:g,itemsOnViewport:y,videoInPreview:p,alwaysPlayInPreview:P,isHorizontal:!0})}))}),void 0)}),void 0):a.map((function(e,i){return l({item:e,index:i,selectedImage:n,onClick:s,borderRadiusVariant:v,previewImgBorderColor:c,isRatioSquare:g,itemsOnViewport:y,videoInPreview:p,alwaysPlayInPreview:P,isHorizontal:!1})}))}),void 0),m&&i.jsxs(t.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(t.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(t.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=require("@emotion/react");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r,a,d,l,s,p,u,c=e(require("@emotion/styled")),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=require("@emotion/react");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r,a,d,l,s,p,u,c,g=e(require("@emotion/styled")),h=t.css(o||(o=n.__makeTemplateObject(["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"],["\n grid-row: 2;\n grid-auto-flow: column;\n grid-column-gap: 6px;\n margin-top: 20px;\n max-width: 360px;\n overflow: auto;\n"]))),m=t.css(i||(i=n.__makeTemplateObject(["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"],["\n grid-row-gap: 20px;\n overflow: auto;\n grid-area: 1/1;\n"]))),b=g.default.div(r||(r=n.__makeTemplateObject(["\n display: grid;\n max-height: ",";\n height: min-content;\n align-items: flex-start;\n ","\n\n ","\n"],["\n display: grid;\n max-height: ",";\n height: min-content;\n align-items: flex-start;\n ","\n\n ","\n"])),(function(n){var t=n.isRatioSquare,e=n.theme;return t?"530px":"calc(530px / (".concat(e.component.gallery.aspectRatio,"))")}),(function(n){return"horizontal"==n.position?h:m}),(function(n){return n.hasOverflowArrows&&"\n scroll-behavior: smooth;\n &::-webkit-scrollbar {\n visibility: hidden;\n }\n "})),f=g.default.button(a||(a=n.__makeTemplateObject(["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n outline: none;\n"],["\n padding: 0;\n border: none;\n text-decoration: none;\n background: transparent;\n outline: none;\n"]))),x=g.default.div(d||(d=n.__makeTemplateObject(["\n list-style: none;\n display: flex;\n justify-content: center;\n"],["\n list-style: none;\n display: flex;\n justify-content: center;\n"]))),w=g.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n width: 65px;\n position: relative;\n left: 6px;\n"],["\n display: flex;\n width: 65px;\n position: relative;\n left: 6px;\n"]))),k=g.default.div(s||(s=n.__makeTemplateObject(["\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n color: #2a2a2a;\n border: 0;\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n background-color: #ececea;\n box-sizing: border-box;\n cursor: pointer;\n float: left;\n height: 20px;\n position: relative;\n width: 50%;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 11px;\n display: block;\n"],["\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n color: #2a2a2a;\n border: 0;\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n background-color: #ececea;\n box-sizing: border-box;\n cursor: pointer;\n float: left;\n height: 20px;\n position: relative;\n width: 50%;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 11px;\n display: block;\n"]))),v=g.default(k)(p||(p=n.__makeTemplateObject(["\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/up-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 0 4px;\n"],["\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/up-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 0 4px;\n"]))),y=g.default(k)(u||(u=n.__makeTemplateObject(["\n grid-column: 1;\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/down-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 4px 0;\n border-left: 1px solid rgba(42, 42, 42, 0.1);\n"],["\n grid-column: 1;\n background-image: url(https://truekind.com/cdn/shop/t/340/assets/down-arrow.svg?v=48788596234827096911690908673);\n border-radius: 0 0 4px 0;\n border-left: 1px solid rgba(42, 42, 42, 0.1);\n"]))),_=g.default.div(c||(c=n.__makeTemplateObject(["\n width: ",";\n height: ",";\n overflow: hidden;\n ","\n position: relative;\n cursor: pointer;\n\n & button,\n & [data-testid='play'],\n & [data-testid='pause'],\n & [role='button'] {\n display: none !important;\n }\n"],["\n width: ",";\n height: ",";\n overflow: hidden;\n ","\n position: relative;\n cursor: pointer;\n\n & button,\n & [data-testid='play'],\n & [data-testid='pause'],\n & [role='button'] {\n display: none !important;\n }\n"])),(function(n){return n.theme.component.gallery.thumbnail.desktop.width}),(function(n){var t=n.isRatioSquare,e=n.theme;return t?e.component.gallery.thumbnail.desktop.width:e.component.gallery.thumbnail.desktop.height}),(function(n){return!n.isHorizontal&&"margin: 0 auto;"}));exports.ArrowBaseStyles=k,exports.ArrowNext=y,exports.ArrowPrev=v,exports.ArrowsContainer=w,exports.Button=f,exports.Container=b,exports.ListItem=x,exports.VideoContainer=_;
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/package.json
CHANGED