@trafilea/afrodita-components 7.14.5 → 7.16.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/accordion/Accordion.js +1 -1
- package/build/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/es/components/gallery/components/ImagePreviewList/styled.js +1 -1
- package/build/index.d.ts +2 -1
- package/build/lib/components/accordion/Accordion.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 o}from"tslib";import{jsx as n,jsxs as i,Fragment as t}from"react/jsx-runtime";import{useTheme as e}from"@emotion/react";import r from"@emotion/styled";import{Disclosure as c}from"@headlessui/react";import{AccordionStyles as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsx as n,jsxs as i,Fragment as t}from"react/jsx-runtime";import{useTheme as e}from"@emotion/react";import r from"@emotion/styled";import{Disclosure as c}from"@headlessui/react";import{useRef as a}from"react";import{AccordionStyles as l,AccordionSummaryStyles as d,AccordionDetailsStyles as v,StyledOpenIconContainer as s,StyledContent as h,StyledCloseIconContainer as m}from"./styles.js";var u=0,p=r(c)(l.baseStyles,(function(o){return[l[o.variant](o.theme,o.disabled,o.controlIconPos)]})),f=r(c.Button)(d.baseStyles,(function(o){var n,i;return[d[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,null!==(i=o.controlIconPos)&&void 0!==i?i:"right")]}),(function(o){return[d.title(o.titlecolor)]})),b=r(c.Panel)(v.baseStyles,(function(o){return[v[o.variant](o.theme)]})),g=function(r){var c,l=r.header,d=r.headerOnOpen,v=r.content,g=r.defaultOpen,y=r.forceOpenHandler,I=void 0!==y&&y,C=r.forceOpenValue,k=void 0!==C&&C,P=r.titleColor,w=r.variant,O=r.disabled,B=void 0!==O&&O,S=r.innerHTML,H=void 0!==S&&S,j=r.backgroundCover,x=void 0===j?{value:!1,iconBgColor:"inherit"}:j,L=r.controlIconPos,M=void 0===L?"right":L,N=r.openIcon,T=r.closeIcon,_=r.onClick,V=r.testId,q=r.ssr,z=void 0!==q&&q,A=r.id,D=e(),E=a(null);null!==(c=E.current)&&void 0!==c||(E.current="afrodita-accordion-".concat(++u));var F=null!=A?A:E.current,G="".concat(F,"-button"),J="".concat(F,"-panel");return n(p,o({"data-testid":V,theme:D,as:"div",defaultOpen:g,variant:w,disabled:B,onClick:_,controlIconPos:M},{children:function(e){var r=e.open,c=I?k:r,a=B?N:c?T:N,u=c&&!B,p=u||z,g=u?"region":void 0,y=function(){return n(b,H?{static:!0,variant:w,theme:D,id:J,role:g,"aria-labelledby":G,dangerouslySetInnerHTML:{__html:v}}:o({static:!0,variant:w,theme:D,id:J,role:g,"aria-labelledby":G},{children:v}),void 0)};return i(t,{children:[i(f,o({theme:D,variant:w,disabled:B,titlecolor:P,controlIconPos:M,"aria-controls":J,id:G},{children:[u&&d?d:l,"right"===M&&n(a,{title:c?"close icon":"open icon",height:D.component.accordion.variant[w].icon.height,width:D.component.accordion.variant[w].icon.width,fill:D.component.accordion.variant[w].icon.color},void 0),"bottom"===M&&!(null==x?void 0:x.value)&&!u&&n(s,o({className:"openIconBottom",backgroundCover:x.iconBgColor},{children:n(a,{title:"open icon",height:D.component.accordion.variant[w].icon.height,width:D.component.accordion.variant[w].icon.width,fill:D.component.accordion.variant[w].icon.color},void 0)}),void 0),"bottom"===M&&p&&i(t,{children:[n(h,o({onClick:function(o){return o.stopPropagation()},style:{display:u?"block":"none"}},{children:y()}),void 0),u&&n(m,o({className:"closeIconBottom"},{children:n(a,{title:"close icon",height:D.component.accordion.variant[w].icon.height,width:D.component.accordion.variant[w].icon.width,fill:D.component.accordion.variant[w].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===M&&p&&n(h,o({onClick:function(o){return o.stopPropagation()},style:{display:u?"block":"none"}},{children:y()}),void 0)]},void 0)}}),void 0)};export{g as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -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
|
package/build/index.d.ts
CHANGED
|
@@ -1422,8 +1422,9 @@ interface AccordionProps {
|
|
|
1422
1422
|
onClick?: (index: number) => void;
|
|
1423
1423
|
testId?: string;
|
|
1424
1424
|
ssr?: boolean;
|
|
1425
|
+
id?: string;
|
|
1425
1426
|
}
|
|
1426
|
-
declare const Accordion: ({ header, headerOnOpen, content, defaultOpen, forceOpenHandler, forceOpenValue, titleColor, variant, disabled, innerHTML, backgroundCover, controlIconPos, openIcon, closeIcon, onClick, testId, ssr, }: AccordionProps) => JSX.Element;
|
|
1427
|
+
declare const Accordion: ({ header, headerOnOpen, content, defaultOpen, forceOpenHandler, forceOpenValue, titleColor, variant, disabled, innerHTML, backgroundCover, controlIconPos, openIcon, closeIcon, onClick, testId, ssr, id, }: AccordionProps) => JSX.Element;
|
|
1427
1428
|
|
|
1428
1429
|
interface AccordionOptionsProps {
|
|
1429
1430
|
titleColor: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("@emotion/react"),i=require("@emotion/styled"),t=require("@headlessui/react"),r=require("./styles.js");function
|
|
1
|
+
"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("@emotion/react"),i=require("@emotion/styled"),t=require("@headlessui/react"),r=require("react"),c=require("./styles.js");function a(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var l=a(i),d=0,s=l.default(t.Disclosure)(c.AccordionStyles.baseStyles,(function(o){return[c.AccordionStyles[o.variant](o.theme,o.disabled,o.controlIconPos)]})),u=l.default(t.Disclosure.Button)(c.AccordionSummaryStyles.baseStyles,(function(o){var n,e;return[c.AccordionSummaryStyles[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,null!==(e=o.controlIconPos)&&void 0!==e?e:"right")]}),(function(o){return[c.AccordionSummaryStyles.title(o.titlecolor)]})),v=l.default(t.Disclosure.Panel)(c.AccordionDetailsStyles.baseStyles,(function(o){return[c.AccordionDetailsStyles[o.variant](o.theme)]}));module.exports=function(i){var t,a=i.header,l=i.headerOnOpen,h=i.content,m=i.defaultOpen,p=i.forceOpenHandler,g=void 0!==p&&p,y=i.forceOpenValue,f=void 0!==y&&y,b=i.titleColor,S=i.variant,j=i.disabled,_=void 0!==j&&j,x=i.innerHTML,C=void 0!==x&&x,I=i.backgroundCover,k=void 0===I?{value:!1,iconBgColor:"inherit"}:I,P=i.controlIconPos,q=void 0===P?"right":P,A=i.openIcon,O=i.closeIcon,w=i.onClick,B=i.testId,D=i.ssr,H=void 0!==D&&D,T=i.id,F=e.useTheme(),L=r.useRef(null);null!==(t=L.current)&&void 0!==t||(L.current="afrodita-accordion-".concat(++d));var M=null!=T?T:L.current,N="".concat(M,"-button"),R="".concat(M,"-panel");return n.jsx(s,o.__assign({"data-testid":B,theme:F,as:"div",defaultOpen:m,variant:S,disabled:_,onClick:w,controlIconPos:q},{children:function(e){var i=e.open,t=g?f:i,r=_?A:t?O:A,d=t&&!_,s=d||H,m=d?"region":void 0,p=function(){return C?n.jsx(v,{static:!0,variant:S,theme:F,id:R,role:m,"aria-labelledby":N,dangerouslySetInnerHTML:{__html:h}},void 0):n.jsx(v,o.__assign({static:!0,variant:S,theme:F,id:R,role:m,"aria-labelledby":N},{children:h}),void 0)};return n.jsxs(n.Fragment,{children:[n.jsxs(u,o.__assign({theme:F,variant:S,disabled:_,titlecolor:b,controlIconPos:q,"aria-controls":R,id:N},{children:[d&&l?l:a,"right"===q&&n.jsx(r,{title:t?"close icon":"open icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0),"bottom"===q&&!(null==k?void 0:k.value)&&!d&&n.jsx(c.StyledOpenIconContainer,o.__assign({className:"openIconBottom",backgroundCover:k.iconBgColor},{children:n.jsx(r,{title:"open icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0)}),void 0),"bottom"===q&&s&&n.jsxs(n.Fragment,{children:[n.jsx(c.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:d?"block":"none"}},{children:p()}),void 0),d&&n.jsx(c.StyledCloseIconContainer,o.__assign({className:"closeIconBottom"},{children:n.jsx(r,{title:"close icon",height:F.component.accordion.variant[S].icon.height,width:F.component.accordion.variant[S].icon.width,fill:F.component.accordion.variant[S].icon.color},void 0)}),void 0)]},void 0)]}),void 0),"right"===q&&s&&n.jsx(c.StyledContent,o.__assign({onClick:function(o){return o.stopPropagation()},style:{display:d?"block":"none"}},{children:p()}),void 0)]},void 0)}}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Accordion.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