npm - @skodaflow/web-library - Versions diffs - 7.0.0 → 7.0.2 - Mend

@skodaflow/web-library 7.0.0 → 7.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (207) hide show

package/organisms/carousel2/components/NavButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\~~nimport noop from 'lodash/noop';\~~nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n const handleScroll = useNavCallback(emblaApi, direction, type);\n const [disabled, setDisabled] = useState(true);\n const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n onMouseEnter,\n onMouseLeave,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n setDisabled(!canScroll);\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi, type, direction]);\n return (_jsx(Box, { sx: {\n cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n position: 'absolute !important',\n left: {\n sm: type === 'prev' ? '15px' : undefined,\n xl: type === 'prev' ? '34px' : undefined,\n },\n right: {\n sm: type === 'next' ? '15px' : undefined,\n xl: type === 'next' ? '34px' : undefined,\n },\n top: '50%',\n transform: 'translate(0, -50%)',\n '&:active': {\n transform: 'translate(0, -50%) scale(0.95) !important',\n },\n visibility: hover ? 'hidden' : undefined,\n } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n const [hover, setHover] = useState(false);\n const handleMouseEnter = useCallback(() => {\n var _a;\n if (api) {\n const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n if (canScroll) {\n setHover(true);\n }\n }\n ((_a = options === null \|\| options === void 0 ? void 0 : options.onMouseEnter) ~~!==~~ null && _a ~~!==~~ void 0 ? _a : ~~noop)~~();\n }, [api, setHover, options, type, direction]);\n const handleMouseLeave = useCallback(() => {\n var _a;\n setHover(false);\n ((_a = options === null \|\| options === void 0 ? void 0 : options.onMouseLeave) ~~!==~~ null && _a ~~!==~~ void 0 ? _a : ~~noop)~~();\n }, [options, setHover]);\n return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n return useCallback(() => {\n if (type === 'prev') {\n direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n }\n if (type === 'next') {\n direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n }\n }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","~~noop~~","scrollPrev","scrollNext"],"mappings":"~~u3IAMA~~,MAEaA,EAAaC,IACtB,IAAIC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOC,aAAEA,EAAYC,aAAEA,EAAYC,UAAEA,GAAcR,EAAIS,EAAOC,EAAOV,EAAI,CAAC,WAAY,OAAQ,QAAS,QAAS,UAAW,eAAgB,eAAgB,cAC/L,MAAMW,EAAeC,EAAeX,EAAUO,EAAWN,IAClDW,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAkBlB,EAAUC,EAAMM,EAAW,CAC/FF,eACAC,iBAcJ,OAZAa,GAAU,KACN,GAAInB,EAAU,CACV,MAAMoB,EAAW,KACb,MAAMC,EAAwB,SAATpB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBACrEC,EAAwB,SAATvB,EAAkBD,EAASsB,gBAAkBtB,EAASuB,gBAE3EV,IADgC,QAAdN,EAAsBiB,EAAeH,GAChC,EAE3BrB,EAASyB,GAAG,SAAUL,GACtBA,GACH,IACF,CAACpB,EAAUC,EAAMM,IACZmB,EAAKC,EAAK,CAAEC,GAAI,CAChBC,OAAQd,EAAQ,OAAgB,SAATd,EAvBhB,ybACA,idAsB2E6B,GACnF,cAAe,eAAgBC,SAAUL,EAAKC,EAAKK,OAAOC,OAAO,CAAA,EAAIzB,EAAM,CAAEoB,GAAII,OAAOC,OAAO,CAAEC,SAAU,WAAYC,IAAK,MAAOC,OAAQ,MAAOC,MAAO,MAAOC,SAAU,OAAQC,KAAe,SAATtC,EAAkB,WAAQ6B,EAAWU,MAAgB,SAATvC,EAAkB,WAAQ6B,EAAWW,OAAQ,CACxQP,SAAU,sBACVK,KAAM,CACFG,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEnCU,MAAO,CACHE,GAAa,SAATzC,EAAkB,YAAS6B,EAC/Ba,GAAa,SAAT1C,EAAkB,YAAS6B,GAEnCK,IAAK,MACLS,UAAW,qBACX,WAAY,CACRA,UAAW,6CAEfC,WAAY9B,EAAQ,cAAWe,IAC9BtB,EAAKoB,IAAKvB,aAAcW,EAAkBV,aAAcW,EAAkBc,SAAUL,EAAKoB,EAAY,CAAEC,YAAsB,SAAT9C,EAAkB,aAAe,cAAe+C,gBAAiB9C,QAAqCA,EAAQ,QAAS+C,UAAW9C,QAAqCA,EAAQ,UAAW+C,eAAgB9C,QAAyCA,EAAU,WAAY+C,gBAAiBzC,EAAc0C,WAAYxC,EAAUyC,aAAc,aAAkB,EAEjenC,EAAoB,CAACoC,EAAKrD,EAAMM,EAAWgD,KAC7C,MAAOxC,EAAOyC,GAAY1C,GAAS,GAkBnC,MAAO,CAAEC,QAAOC,iBAjBSyC,GAAY,KACjC,IAAI1D,EACJ,GAAIuD,EAAK,CACL,MAAMjC,EAAwB,SAATpB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,gBAC3DC,EAAwB,SAATvB,EAAkBqD,EAAIhC,gBAAkBgC,EAAI/B,iBACjC,QAAdhB,EAAsBiB,EAAeH,IAEnDmC,GAAS,EAEhB,~~EACkF~~,QAAjFzD,EAAKwD,aAAyC,EAASA,EAAQlD,oBAAiC,IAAPN,~~EAAgBA~~,~~EAAK2D~~,~~IAAO~~,~~GACxH~~,~~CAACJ~~,EAAKE,EAAUD,EAAStD,EAAMM,IAMAU,iBALTwC,GAAY,KACjC,IAAI1D,EACJyD,GAAS,~~IAC0E~~,QAAjFzD,EAAKwD,aAAyC,EAASA,EAAQjD,oBAAiC,IAAPP,~~EAAgBA~~,~~EAAK2D~~,~~IAAO~~,~~GACxH~~,~~CAACH~~,EAASC,IACuC,EAElD7C,EAAiB,CAAC2C,EAAK/C,EAAWN,IAC7BwD,GAAY,KACF,SAATxD,IACc,QAAdM,EAAsB+C,EAAIK,aAAeL,EAAIM,cAEpC,SAAT3D,IACc,QAAdM,EAAsB+C,EAAIM,aAAeN,EAAIK,aAChD,GACF,CAACL,EAAK/C,EAAWN"}
1	+ {"version":3,"file":"NavButton.js","sources":["../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n const handleScroll = useNavCallback(emblaApi, direction, type);\n const [disabled, setDisabled] = useState(true);\n const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n onMouseEnter,\n onMouseLeave,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n setDisabled(!canScroll);\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi, type, direction]);\n return (_jsx(Box, { sx: {\n cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n position: 'absolute !important',\n left: {\n sm: type === 'prev' ? '15px' : undefined,\n xl: type === 'prev' ? '34px' : undefined,\n },\n right: {\n sm: type === 'next' ? '15px' : undefined,\n xl: type === 'next' ? '34px' : undefined,\n },\n top: '50%',\n transform: 'translate(0, -50%)',\n '&:active': {\n transform: 'translate(0, -50%) scale(0.95) !important',\n },\n visibility: hover ? 'hidden' : undefined,\n } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n const [hover, setHover] = useState(false);\n const handleMouseEnter = useCallback(() => {\n var _a;\n if (api) {\n const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n if (canScroll) {\n setHover(true);\n }\n }\n (_a = options === null \|\| options === void 0 ? void 0 : options.onMouseEnter) === null \|\| _a === void 0 ? void 0 : _a.call(options);\n }, [api, setHover, options, type, direction]);\n const handleMouseLeave = useCallback(() => {\n var _a;\n setHover(false);\n (_a = options === null \|\| options === void 0 ? void 0 : options.onMouseLeave) === null \|\| _a === void 0 ? void 0 : _a.call(options);\n }, [options, setHover]);\n return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n return useCallback(() => {\n if (type === 'prev') {\n direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n }\n if (type === 'next') {\n direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n }\n }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["NavButton","_a","emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction","rest","__rest","handleScroll","useNavCallback","disabled","setDisabled","useState","hover","handleMouseEnter","handleMouseLeave","useNavHoverEffect","useEffect","onScroll","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","on","_jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight","api","options","setHover","useCallback","call","scrollPrev","scrollNext"],"mappings":"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"}

package/organisms/carousel2/galleryCarousel/galleryCarousel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useState as i,useCallback as r,useEffect as n}from"react";import s from"lodash/merge";import{useDefaultProps as m}from"../hooks/useDefaultProps.js";import{useEmbla as l}from"../hooks/useEmbla.js";import{NumberingColors as a,NumberingSizes as p}from"../../../utils/enum.js";import{Box as c}from"@mui/system";import{ItemsContainer as d}from"../components/ItemsContainer.js";import{ViewPort as f}from"../components/ViewPort.js";import{NavButton as h}from"../components/NavButton.js";import{Numbering as u}from"../components/Numbering.js";import{useContainerPeek as g}from"../hooks/useContainerPeek.js";import{useResponsiveProp as v}from"../../../utils/ResponsiveType.js";import{GalleryContextProvider as x}from"./galleryContext.js";const b={align:"start",height:"100%",controlOptions:{color:"light",buttonPosition:"30%",buttonAreaHeight:"30%"},maxSlideWidth:"100%",isSlideDifferentWidth:!0,cssClass:"gallery-variant"},j=j=>{const y=s({},b,j),k=m(y),[w,E]=l(k),{containerLeft:A,peekNextOnHover:C,peekPrevOnHover:L,resetPeek:N}=g(E,k.direction),P=v(k.height),[R,S]=i(),H=r((()=>{if(E){const e=E.slideNodes()[E.slidesInView().pop()];if(e){const o=e.getElementsByTagName("picture").item(0);if(o){const e=o.getBoundingClientRect().bottom;S(e-62)}}}}),[E,S]);return n(H,[H]),n((()=>{const e=()=>H();return window.addEventListener("resize",e),E&&E.on("scroll",e),()=>{window.removeEventListener("resize",e),E&&E.off("scroll",e)}}),[H,E]),e(x,{children:e(c,{sx:{overflow:"hidden"},className:"gallery","data-testid":"GalleryCarousel",dir:k.direction,"data-state":null==E?void 0:E.selectedScrollSnap(),children:o(c,{sx:{position:"relative",height:P,maxHeight:P},children:[o(f,{emblaRef:w,children:[e(d,{left:A,children:k.children}),k.controlOptions&&o(t,{children:[e(h,{direction:k.direction,emblaApi:E,type:"prev",onMouseEnter:L,onMouseLeave:N}),e(h,{direction:k.direction,emblaApi:E,type:"next",onMouseEnter:C,onMouseLeave:N})]})]}),e(u,{sx:{top:R?`${R}px`:"inherit",bottom:R?"inherit":"24px"},emblaApi:E,separator:k.numberingSeparator,color:a.DARK,size:p.LARGE,direction:k.direction})]})})})};export{j as GalleryCarousel,b as GalleryDefaultProps};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useState as i,useCallback as r,useEffect as n}from"react";import{useDefaultProps as s}from"../hooks/useDefaultProps.js";import{useEmbla as m}from"../hooks/useEmbla.js";import{NumberingColors as l,NumberingSizes as a}from"../../../utils/enum.js";import{Box as c}from"@mui/system";import{ItemsContainer as p}from"../components/ItemsContainer.js";import{ViewPort as d}from"../components/ViewPort.js";import{NavButton as f}from"../components/NavButton.js";import{Numbering as h}from"../components/Numbering.js";import{useContainerPeek as u}from"../hooks/useContainerPeek.js";import{useResponsiveProp as g}from"../../../utils/ResponsiveType.js";import{GalleryContextProvider as v}from"./galleryContext.js";const b={align:"start",height:"100%",controlOptions:{color:"light",buttonPosition:"30%",buttonAreaHeight:"30%"},maxSlideWidth:"100%",isSlideDifferentWidth:!0,cssClass:"gallery-variant"},j=j=>{const x=Object.assign(Object.assign({},b),j),y=s(x),[k,w]=m(y),{containerLeft:E,peekNextOnHover:A,peekPrevOnHover:C,resetPeek:L}=u(w,y.direction),N=g(y.height),[O,P]=i(),R=r((()=>{if(w){const e=w.slideNodes()[w.slidesInView().pop()];if(e){const o=e.getElementsByTagName("picture").item(0);if(o){const e=o.getBoundingClientRect().bottom;P(e-62)}}}}),[w,P]);return n(R,[R]),n((()=>{const e=()=>R();return window.addEventListener("resize",e),w&&w.on("scroll",e),()=>{window.removeEventListener("resize",e),w&&w.off("scroll",e)}}),[R,w]),e(v,{children:e(c,{sx:{overflow:"hidden"},className:"gallery","data-testid":"GalleryCarousel",dir:y.direction,"data-state":null==w?void 0:w.selectedScrollSnap(),children:o(c,{sx:{position:"relative",height:N,maxHeight:N},children:[o(d,{emblaRef:k,children:[e(p,{left:E,children:y.children}),y.controlOptions&&o(t,{children:[e(f,{direction:y.direction,emblaApi:w,type:"prev",onMouseEnter:C,onMouseLeave:L}),e(f,{direction:y.direction,emblaApi:w,type:"next",onMouseEnter:A,onMouseLeave:L})]})]}),e(h,{sx:{top:O?`${O}px`:"inherit",bottom:O?"inherit":"24px"},emblaApi:w,separator:y.numberingSeparator,color:l.DARK,size:a.LARGE,direction:y.direction})]})})})};export{j as GalleryCarousel,b as GalleryDefaultProps};
 //# sourceMappingURL=galleryCarousel.js.map

package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryCarousel.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport ~~merge from 'lodash/merge';\nimport~~ { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = ~~merge~~({}, GalleryDefaultProps, inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","GalleryCarousel","inProps","galleryProps","~~merge~~","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"~~gyBAcY~~,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAKDC,EAAmBC,IAC5B,MAAMC,EAAeC,~~EAAM~~,~~CAAE~~,~~EAAEb~~,~~EAAqBW~~,~~GAC9CG~~,EAAQC,~~EAAgBH~~,~~IACvBI~~,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,~~WAClGtB~~,~~EAASuB~~,EAAkBX,~~EAAMZ~~,~~SAChCwB~~,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,~~WAAYvD~~,~~SAAQwD~~,~~UAAWxD~~,~~GAAU+C~~,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,~~EAAMX~~,~~gBAAmBqD~~,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,~~mBAAoBlE~~,~~MAAOmE~~,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}
1	+ {"version":3,"file":"galleryCarousel.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = Object.assign(Object.assign({}, GalleryDefaultProps), inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","GalleryCarousel","inProps","galleryProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"owBAaY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAKDC,EAAmBC,IAC5B,MAAMC,EAAeC,OAAOC,OAAOD,OAAOC,OAAO,GAAId,GAAsBW,GACrEI,EAAQC,EAAgBJ,IACvBK,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGvB,EAASwB,EAAkBX,EAAMb,SAChCyB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYxD,SAAQyD,UAAWzD,GAAUgD,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMZ,gBAAmBsD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBnE,MAAOoE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}

package/organisms/carousel2/galleryCarousel/galleryContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o,useMemo as t}from"react";import i from"lodash/noop";const h=r({headerHeight:0,footerHeight:0,setHeaderHeight:i,setFooterHeight:i,color:"dark",setColor:i}),a=({children:r})=>{const[a,d]=o(0),[s,H]=o(0),c=t((()=>({headerHeight:a,setHeaderHeight:d,footerHeight:s,setFooterHeight:H,color:"dark",setColor:i})),[a,d,s,H]);return e(h.Provider,{value:c,children:r})};export{h as GalleryContext,a as GalleryContextProvider};
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useMemo as o}from"react";const i=r({headerHeight:0,footerHeight:0,setHeaderHeight:()=>{},setFooterHeight:()=>{},color:"dark",setColor:()=>{}}),h=({children:r})=>{const[h,H]=t(0),[a,d]=t(0),s=o((()=>({headerHeight:h,setHeaderHeight:H,footerHeight:a,setFooterHeight:d,color:"dark",setColor:()=>{}})),[h,H,a,d]);return e(i.Provider,{value:s,children:r})};export{i as GalleryContext,h as GalleryContextProvider};
 //# sourceMappingURL=galleryContext.js.map

package/organisms/carousel2/galleryCarousel/galleryContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryContext.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\~~nimport noop from 'lodash/noop';\~~nexport const GalleryContext = createContext({\n headerHeight: 0,\n footerHeight: 0,\n setHeaderHeight: ~~noop~~,\n setFooterHeight: ~~noop~~,\n color: 'dark',\n setColor: ~~noop~~,\n});\nexport const GalleryContextProvider = ({ children }) => {\n const [headerHeight, setHeaderHeight] = useState(0);\n const [footerHeight, setFooterHeight] = useState(0);\n const ctxValue = useMemo(() => ({\n headerHeight,\n setHeaderHeight,\n footerHeight,\n setFooterHeight,\n color: 'dark',\n setColor: ~~noop~~,\n }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","~~noop","~~setFooterHeight","color","setColor","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"~~oIAGY~~,MAACA,EAAiBC,EAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,~~gBAAiBC~~,~~EACjBC~~,~~gBAAiBD~~,~~EACjBE~~,MAAO,OACPC,~~SAAUH~~,~~IAEDI~~,EAAyB,EAAGC,eACrC,~~MAAOR~~,EAAcE,~~GAAmBO~~,EAAS,~~IAC1CR~~,~~EAAcG~~,GAAmBK,EAAS,GAC3CC,EAAWC,GAAQ,KAAO,~~CAC5BX~~,eACAE,kBACAD,~~eACAG~~,kBACAC,MAAO,OACPC,~~SAAUH~~,~~KACV~~,~~CAACH~~,EAAcE,EAAiBD,~~EAAcG~~,IAClD,OAAOQ,~~EAAKd~~,~~EAAee~~,SAAU,CAAEC,MAAOJ,EAAUF,SAAUA,GAAW"}
1	+ {"version":3,"file":"galleryContext.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\nexport const GalleryContext = createContext({\n headerHeight: 0,\n footerHeight: 0,\n setHeaderHeight: () => { },\n setFooterHeight: () => { },\n color: 'dark',\n setColor: () => { },\n});\nexport const GalleryContextProvider = ({ children }) => {\n const [headerHeight, setHeaderHeight] = useState(0);\n const [footerHeight, setFooterHeight] = useState(0);\n const ctxValue = useMemo(() => ({\n headerHeight,\n setHeaderHeight,\n footerHeight,\n setFooterHeight,\n color: 'dark',\n setColor: () => { },\n }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","GalleryContextProvider","children","useState","ctxValue","useMemo","_jsx","Provider","value"],"mappings":"yGAEY,MAACA,EAAiBC,EAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,SAEDC,EAAyB,EAAGC,eACrC,MAAOP,EAAcE,GAAmBM,EAAS,IAC1CP,EAAcE,GAAmBK,EAAS,GAC3CC,EAAWC,GAAQ,KAAO,CAC5BV,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UACV,CAACL,EAAcE,EAAiBD,EAAcE,IAClD,OAAOQ,EAAKb,EAAec,SAAU,CAAEC,MAAOJ,EAAUF,SAAUA,GAAW"}

package/organisms/carousel2/heroCarousel/heroCarousel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useState as i,useCallback as r,useEffect as n}from"react";import{useDefaultProps as s}from"../hooks/useDefaultProps.js";import{useEmbla as l}from"../hooks/useEmbla.js";import{ViewPort as a}from"../components/ViewPort.js";import{ItemsContainer as d}from"../components/ItemsContainer.js";import{useContainerPeek as m}from"../hooks/useContainerPeek.js";import{NavButton as p}from"../components/NavButton.js";import{Box as c,Stack as h,Container as u,Typography as g,useMediaQuery as x}from"@mui/material";import{Numbering as f}from"../components/Numbering.js";import{NumberingColors as v,NumberingSizes as b}from"../../../utils/enum.js";import w from"lodash/merge";import{HeroCarouselContext as C}from"./heroCarouselContext.js";const j={direction:"ltr"},k=r=>{const n=w({},j,r),x=s(n),[k,F]=l(x),A=o(null),y=o(null),{containerLeft:L,peekNextOnHover:P,peekPrevOnHover:R,resetPeek:B}=m(F,x.direction),[H,M]=i(null),N=E(F,A.current,y.current,x.direction);return e(C.Provider,{value:{emblaApi:F,activeFooter:H,setActiveFooter:M},children:t(c,{className:"hero-carousel",position:"relative",dir:x.direction,"data-testid":"HeroCarousel","data-state":null==F?void 0:F.slidesInView(),sx:{overflow:"hidden"},children:[t(h,{component:u,spacing:3,fixed:!0,sx:{height:"100%"},children:[n.heading&&e(c,{ref:A,"data-testid":"HeroCarousel.heading",children:"string"==typeof n.heading?e(g,{variant:"h1",children:n.heading}):n.heading}),t(a,{emblaRef:e=>{k(e),y.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:x.height},children:[e(d,{left:L,sx:{gap:"24px"},children:x.children}),e(p,{direction:x.direction,emblaApi:F,type:"prev",onMouseEnter:R,onMouseLeave:B,sx:{width:"21%",button:{visibility:"hidden"}}}),e(p,{direction:x.direction,emblaApi:F,type:"next",onMouseEnter:P,onMouseLeave:B,sx:{width:"30%",button:{visibility:"hidden"}}})]}),H&&e(c,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof H?e(g,{children:H}):H})]}),!1!==n.numbering&&e(f,{sx:N,emblaApi:F,separator:x.numberingSeparator,color:v.DARK,size:b.LARGE,direction:x.direction})]})})},E=(e,t,o,s)=>{const l=x((e=>e.breakpoints.only("sm"))),a=x((e=>e.breakpoints.only("xs"))),[d,m]=i(),[p,c]=i(),h=r((()=>{var i,r;if(e){const e=o.getBoundingClientRect(),n=null==t?void 0:t.getBoundingClientRect();m({md:`${"ltr"===s?e.right:e.left-90}px`,sm:("ltr"===s?e.right-50:e.left-50)+"px",xs:`${"ltr"===s?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(i=null==n?void 0:n.height)&&void 0!==i?i:0)+20}px`,xs:e.height+(null!==(r=null==n?void 0:n.height)&&void 0!==r?r:0)-25+"px"})}}),[e,c,m,l,a,window.innerWidth,s]);return n(h,[h]),n((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:p,left:d,right:"inherit",backgroundColor:a?"#000000BF !important":"transparent",".total-container":{color:a?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:a?"#FFFFFF !important":"#161718 !important"}}};export{k as HeroCarousel};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as i,useState as o,useCallback as r,useEffect as n}from"react";import{useDefaultProps as s}from"../hooks/useDefaultProps.js";import{useEmbla as l}from"../hooks/useEmbla.js";import{ViewPort as a}from"../components/ViewPort.js";import{ItemsContainer as d}from"../components/ItemsContainer.js";import{useContainerPeek as m}from"../hooks/useContainerPeek.js";import{NavButton as p}from"../components/NavButton.js";import{Box as c,Stack as h,Container as u,Typography as g,useMediaQuery as x}from"@mui/material";import{Numbering as f}from"../components/Numbering.js";import{NumberingColors as v,NumberingSizes as b}from"../../../utils/enum.js";import{HeroCarouselContext as w}from"./heroCarouselContext.js";const j={direction:"ltr"},C=r=>{const n=Object.assign(Object.assign({},j),r),x=s(n),[C,E]=l(x),F=i(null),A=i(null),{containerLeft:y,peekNextOnHover:L,peekPrevOnHover:P,resetPeek:R}=m(E,x.direction),[B,H]=o(null),M=k(E,F.current,A.current,x.direction);return e(w.Provider,{value:{emblaApi:E,activeFooter:B,setActiveFooter:H},children:t(c,{className:"hero-carousel",position:"relative",dir:x.direction,"data-testid":"HeroCarousel","data-state":null==E?void 0:E.slidesInView(),sx:{overflow:"hidden"},children:[t(h,{component:u,spacing:3,fixed:!0,sx:{height:"100%"},children:[n.heading&&e(c,{ref:F,"data-testid":"HeroCarousel.heading",children:"string"==typeof n.heading?e(g,{variant:"h1",children:n.heading}):n.heading}),t(a,{emblaRef:e=>{C(e),A.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:x.height},children:[e(d,{left:y,sx:{gap:"24px"},children:x.children}),e(p,{direction:x.direction,emblaApi:E,type:"prev",onMouseEnter:P,onMouseLeave:R,sx:{width:"21%",button:{visibility:"hidden"}}}),e(p,{direction:x.direction,emblaApi:E,type:"next",onMouseEnter:L,onMouseLeave:R,sx:{width:"30%",button:{visibility:"hidden"}}})]}),B&&e(c,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof B?e(g,{children:B}):B})]}),!1!==n.numbering&&e(f,{sx:M,emblaApi:E,separator:x.numberingSeparator,color:v.DARK,size:b.LARGE,direction:x.direction})]})})},k=(e,t,i,s)=>{const l=x((e=>e.breakpoints.only("sm"))),a=x((e=>e.breakpoints.only("xs"))),[d,m]=o(),[p,c]=o(),h=r((()=>{var o,r;if(e){const e=i.getBoundingClientRect(),n=null==t?void 0:t.getBoundingClientRect();m({md:`${"ltr"===s?e.right:e.left-90}px`,sm:("ltr"===s?e.right-50:e.left-50)+"px",xs:`${"ltr"===s?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(o=null==n?void 0:n.height)&&void 0!==o?o:0)+20}px`,xs:e.height+(null!==(r=null==n?void 0:n.height)&&void 0!==r?r:0)-25+"px"})}}),[e,c,m,l,a,window.innerWidth,s]);return n(h,[h]),n((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:p,left:d,right:"inherit",backgroundColor:a?"#000000BF !important":"transparent",".total-container":{color:a?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:a?"#FFFFFF !important":"#161718 !important"}}};export{C as HeroCarousel};
 //# sourceMappingURL=heroCarousel.js.map

package/organisms/carousel2/heroCarousel/heroCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport merge from 'lodash/merge';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n direction: 'ltr',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n /\nexport const HeroCarousel = (inProps) => {\n const heroProps = merge({}, HeroDefaultProps, inProps);\n const props = useDefaultProps(heroProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const headingRef = useRef(null);\n const viewportRef = useRef(null);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const [activeFooter, setActiveFooter] = useState(null);\n const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n emblaRef(e);\n viewportRef.current = e;\n }, sx: {\n width: {\n xl: '85%',\n md: '85%',\n sm: '95%',\n xs: '100%',\n },\n height: props.height,\n }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n gap: '24px',\n }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n width: '21%',\n button: { visibility: 'hidden' },\n } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n width: '30%',\n button: { visibility: 'hidden' },\n } })] }), activeFooter && (_jsx(Box, { sx: {\n width: {\n xl: '860px',\n lg: '740px',\n md: '100%',\n },\n paddingRight: {\n lg: '0px',\n sm: '130px',\n },\n }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/ eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n const [x, setX] = useState();\n const [y, setY] = useState();\n const updateNumberingPosition = useCallback(() => {\n var _a, _b;\n if (emblaApi) {\n const viewport = viewportRef.getBoundingClientRect();\n const heading = headingRef === null \|\| headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n setX({\n md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n });\n setY({\n sm: `${viewport.height + ((_a = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n xs: `${viewport.height + ((_b = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n });\n }\n }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('select', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('select', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return {\n top: y,\n left: x,\n right: 'inherit',\n backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n '.total-container': {\n color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n },\n '.separator-container': {\n color: '#E4E4E4 !important',\n },\n '.index-container': {\n color: isXs ? '#FFFFFF !important' : '#161718 !important',\n },\n };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","right","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"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"}
1	+ {"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n direction: 'ltr',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n /\nexport const HeroCarousel = (inProps) => {\n const heroProps = Object.assign(Object.assign({}, HeroDefaultProps), inProps);\n const props = useDefaultProps(heroProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const headingRef = useRef(null);\n const viewportRef = useRef(null);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const [activeFooter, setActiveFooter] = useState(null);\n const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n emblaRef(e);\n viewportRef.current = e;\n }, sx: {\n width: {\n xl: '85%',\n md: '85%',\n sm: '95%',\n xs: '100%',\n },\n height: props.height,\n }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n gap: '24px',\n }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n width: '21%',\n button: { visibility: 'hidden' },\n } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n width: '30%',\n button: { visibility: 'hidden' },\n } })] }), activeFooter && (_jsx(Box, { sx: {\n width: {\n xl: '860px',\n lg: '740px',\n md: '100%',\n },\n paddingRight: {\n lg: '0px',\n sm: '130px',\n },\n }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/ eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n const [x, setX] = useState();\n const [y, setY] = useState();\n const updateNumberingPosition = useCallback(() => {\n var _a, _b;\n if (emblaApi) {\n const viewport = viewportRef.getBoundingClientRect();\n const heading = headingRef === null \|\| headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n setX({\n md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n });\n setY({\n sm: `${viewport.height + ((_a = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n xs: `${viewport.height + ((_b = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n });\n }\n }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('select', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('select', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return {\n top: y,\n left: x,\n right: 'inherit',\n backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n '.total-container': {\n color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n },\n '.separator-container': {\n color: '#E4E4E4 !important',\n },\n '.index-container': {\n color: isXs ? '#FFFFFF !important' : '#161718 !important',\n },\n };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","right","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"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"}

package/organisms/carousel2/heroCarousel/heroCarouselContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"lodash/noop";import{createContext as t}from"react";const r=t({activeFooter:null,setActiveFooter:o});export{r as HeroCarouselContext};
+import{createContext as t}from"react";const o=t({activeFooter:null,setActiveFooter:()=>{}});export{o as HeroCarouselContext};
 //# sourceMappingURL=heroCarouselContext.js.map

package/organisms/carousel2/heroCarousel/heroCarouselContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarouselContext.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import ~~noop from 'lodash/noop';\nimport~~ { createContext } from 'react';\nexport const HeroCarouselContext = createContext({\n activeFooter: null,\n setActiveFooter: ~~noop~~,\n});\n//# sourceMappingURL=heroCarouselContext.js.map"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"~~,"noop"~~],"mappings":"~~iEAEY~~,MAACA,EAAsBC,EAAc,CAC7CC,aAAc,KACdC,~~gBAAiBC~~"}
1	+ {"version":3,"file":"heroCarouselContext.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import { createContext } from 'react';\nexport const HeroCarouselContext = createContext({\n activeFooter: null,\n setActiveFooter: () => { },\n});\n//# sourceMappingURL=heroCarouselContext.js.map"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"],"mappings":"sCACY,MAACA,EAAsBC,EAAc,CAC7CC,aAAc,KACdC,gBAAiB"}

package/organisms/gallery/Gallery.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"tslib";import{styled as r,Backdrop as i,Box as a,IconButton as n,Stack as l}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as s,useState as m,useEffect as p,useCallback as c}from"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import h from"use-keyboard-shortcut";const g=r=>{var i;const n=s((()=>r.galleryItems.length>1),[r.galleryItems]),{isOpen:g,onOpen:f,onClose:I}=u(!1),[v,S]=m(!0),[w,k]=m(!0),[H,G]=j({align:"center",axis:"x",startIndex:null!==(i=r.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:r.galleryItems.length>1});p((()=>{if(G){const e=()=>{S(!G.canScrollNext()),k(!G.canScrollPrev())};G.on("scroll",e),e()}}),[G]),p((()=>{r.galleryItems&&0!==r.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[r.galleryItems]);const N=c((()=>{r.galleryItems&&r.galleryItems.length>0&&f()}),[f,r.children]);return h(["Escape"],I),h(["ArrowRight"],(()=>null==G?void 0:G.scrollNext())),h(["ArrowLeft"],(()=>null==G?void 0:G.scrollPrev())),e(a,{"data-testid":"Gallery",children:[t(a,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:r.children}),t(y,{open:g,"data-testid":"Gallery.backdrop",children:g&&e(o,{children:[t(C,{ref:H,children:t(a,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:r.galleryItems})}),t(b,{"data-testid":"Gallery.control",children:e(l,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&t(x,{size:"large",disabled:w,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:t(d,{name:"arrow-left"})}),t(x,{size:"large",onClick:I,"data-testid":"Gallery.close",children:t(d,{name:"close"})}),n&&t(x,{size:"large",disabled:v,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:t(d,{name:"arrow-right"})})]})})]})})]})},y=r(i)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),C=r(a)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),b=r(a)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=r(n)((({theme:e})=>({color:e.palette.surface.primary})));export{g as Gallery};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"tslib";import{styled as r,Backdrop as i,Box as a,IconButton as n,Stack as l}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as s,useState as m,useEffect as p,useCallback as c}from"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import h from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const g=r=>{var i;const n=s((()=>r.galleryItems.length>1),[r.galleryItems]),{isOpen:g,onOpen:f,onClose:I}=u(!1),[v,S]=m(!0),[w,k]=m(!0),[H,G]=j({align:"center",axis:"x",startIndex:null!==(i=r.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:r.galleryItems.length>1});p((()=>{if(G){const e=()=>{S(!G.canScrollNext()),k(!G.canScrollPrev())};G.on("scroll",e),e()}}),[G]),p((()=>{r.galleryItems&&0!==r.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[r.galleryItems]);const N=c((()=>{r.galleryItems&&r.galleryItems.length>0&&f()}),[f,r.children]);return h({Escape:I,ArrowRight:null==G?void 0:G.scrollNext,ArrowLeft:null==G?void 0:G.scrollPrev},[!!G]),e(a,{"data-testid":"Gallery",children:[t(a,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:r.children}),t(y,{open:g,"data-testid":"Gallery.backdrop",children:g&&e(o,{children:[t(C,{ref:H,children:t(a,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:r.galleryItems})}),t(b,{"data-testid":"Gallery.control",children:e(l,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&t(x,{size:"large",disabled:w,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:t(d,{name:"arrow-left"})}),t(x,{size:"large",onClick:I,"data-testid":"Gallery.close",children:t(d,{name:"close"})}),n&&t(x,{size:"large",disabled:v,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:t(d,{name:"arrow-right"})})]})})]})})]})},y=r(i)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),C=r(a)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),b=r(a)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=r(n)((({theme:e})=>({color:e.palette.surface.primary})));export{g as Gallery};
 //# sourceMappingURL=Gallery.js.map

package/organisms/gallery/Gallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '~~use-keyboard-shortcut~~';\nexport const Gallery = (props) => {\n var _a;\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n useKeyboardShortcut(['Escape~~'],~~ onClose~~);\~~n ~~useKeyboardShortcut(['~~ArrowRight~~'],~~ ~~() =>~~ emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext~~());\~~n ~~useKeyboardShortcut(['~~ArrowLeft~~'],~~ ~~() =>~~ emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"~~g0IAMY~~,MAACA,EAAWC,IACpB,IAAIC,EACJ,MAAMC,EAAiBC,GAAQ,IAAMH,EAAMI,aAAaC,OAAS,GAAG,CAACL,EAAMI,gBACrEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,GAAW,IACjDC,EAAcC,GAAmBC,GAAS,IAC1CC,EAAcC,GAAmBF,GAAS,IAC1CG,EAAUC,GAAYC,EAAiB,CAC1CC,MAAO,SACPC,KAAM,IACNC,WAAwC,QAA3BpB,EAAKD,EAAMqB,kBAA+B,IAAPpB,EAAgBA,EAAK,EACrEqB,eAAgB,EAChBC,UAAWvB,EAAMI,aAAaC,OAAS,IAE3CmB,GAAU,KACN,GAAIP,EAAU,CACV,MAAMQ,EAAW,KACbb,GAAiBK,EAASS,iBAC1BX,GAAiBE,EAASU,gBAAgB,EAE9CV,EAASW,GAAG,SAAUH,GACtBA,GACH,IACF,CAACR,IACJO,GAAU,KACDxB,EAAMI,cAA8C,IAA9BJ,EAAMI,aAAaC,QAC1CwB,QAAQC,KAAK,6FAChB,GACF,CAAC9B,EAAMI,eACV,MAAMG,EAASwB,GAAY,KACnB/B,EAAMI,cAAgBJ,EAAMI,aAAaC,OAAS,GAClDG,GACH,GACF,CAACA,EAASR,EAAMgC,~~WAInB~~,~~OAHAC~~,EAAoB,~~CAAC~~,~~UAAWxB~~,~~GAChCwB~~,~~EAAoB~~,~~CAAC,eAAe,IAAMhB,~~aAA2C,EAASA,~~EAASiB~~,~~eACvGD~~,~~EAAoB~~,~~CAAC~~,~~cAAc~~,~~IAAMhB~~,~~aAA2C~~,~~EAASA~~,~~EAASkB~~,~~eAC9FC,~~EAAMC,EAAK,CAAE,cAAe,~~UAAWL~~,SAAU,~~CAACM~~,EAAKD,EAAK,CAAEE,UAAW,OAAQC,~~QAASjC~~,~~EAAQkC~~,GAAI,CAAEC,OAAQ,WAAa,cAAe,~~kBAAmBV~~,SAAUhC,EAAMgC,~~WAAaM~~,EAAKK,EAAiB,CAAEC,~~KAAMtC~~,EAAQ,cAAe,mBAAoB0B,SAAU1B,~~GAAW8B~~,EAAMS,EAAW,~~CAAEb~~,SAAU,~~CAACM~~,EAAKQ,EAAoB,CAAEC,~~IAAK/B~~,EAAUgB,~~SAAUM~~,EAAKD,EAAK,CAAEI,GAAI,CAAEO,QAAS,OAAQ,QAAS,CAAEC,KAAM,aAAgB,cAAe,gBAAiB,~~aAAchC~~,aAA2C,EAASA,~~EAASiC~~,~~qBAAsBlB~~,SAAUhC,EAAMI,~~iBAAoBkC~~,EAAKa,EAAqB,CAAE,cAAe,~~kBAAmBnB~~,~~SAAUI~~,EAAMgB,EAAO,CAAEC,UAAW,MAAOC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,~~GAAK3B~~,SAAU,CAAC9B,~~GAAmBoC~~,EAAKsB,EAAsB,CAAEC,KAAM,QAASC,~~SAAUhD~~,~~EAAc0B~~,QAAS,~~IAAMvB~~,aAA2C,EAASA,~~EAASkB~~,aAAc,cAAe,~~eAAgBH~~,~~SAAUM~~,EAAKyB,EAAM,CAAEC,KAAM,iBAAqB1B,EAAKsB,EAAsB,CAAEC,KAAM,QAASrB,~~QAAS/B~~,EAAS,cAAe,gBAAiBuB,~~SAAUM~~,EAAKyB,EAAM,CAAEC,KAAM,~~YAAe9D~~,~~GAAmBoC~~,EAAKsB,EAAsB,CAAEC,KAAM,QAASC,~~SAAUnD~~,~~EAAc6B~~,QAAS,~~IAAMvB~~,aAA2C,EAASA,~~EAASiB~~,aAAc,cAAe,~~eAAgBF~~,~~SAAUM~~,EAAKyB,EAAM,CAAEC,KAAM,8BAAyC,EAEp6CrB,EAAkBsB,EAAOC,EAAPD,EAAiB,EAAGE,YAAa,CACrDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZxB,QAAS,OACTyB,eAAgB,gBAChBC,cAAe,aAEb5B,EAAqBmB,EAAO5B,EAAP4B,EAAY,KAAO,CAC1CU,MAAO,OACPC,OAAQ,MACRC,SAAU,SACV7B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,SACZ,UAAW,CACPH,MAAO,OACPC,OAAQ,YAGVzB,EAAsBc,EAAO5B,EAAP4B,EAAY,KAAO,CAC3CU,MAAO,OACPC,OAAQ,MACR5B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,aAEVlB,EAAuBK,EAAOc,EAAPd,EAAmB,EAAGE,YAAa,CAC5Da,MAAOb,EAAME,QAAQC,QAAQW"}
1	+ {"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\nexport const Gallery = (props) => {\n var _a;\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n useKeyboardShortcut({\n Escape: onClose,\n ArrowRight: emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext,\n ArrowLeft: emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev,\n }, [!!emblaApi]);\n return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["Gallery","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}

package/organisms/gallery/GalleryItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as i,Box as n,useTheme as s,Container as c,Typography as m}from"@mui/material";import{useResponsiveProp as o}from"../../utils/ResponsiveType.js";import{useRef as a,useCallback as l,useEffect as p}from"react";import{useWindowSize as u}from"react-use";const d=i=>{var{description:d,alt:h}=i,f=e(i,["description","alt"]);const g=s(),v=o(f.imageSrc),{width:b}=u(),w=a(null),y=a(null),S=a(null),k=l((()=>{if(w.current&&y.current&&S.current){const e=w.current.clientHeight,t=S.current.clientHeight;y.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return p(k),p((()=>k),[y.current,S.current,w.current,b]),t(x,{ref:w,"data-testid":"GalleryItem",children:[t(n,{ref:y,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[r("source",{media:`(min-width: ${g.breakpoints.values.xl}px)`,srcSet:v.xl}),r("source",{media:`(min-width: ${g.breakpoints.values.lg}px)`,srcSet:v.lg}),r("source",{media:`(min-width: ${g.breakpoints.values.md}px)`,srcSet:v.md}),r("source",{media:`(min-width: ${g.breakpoints.values.sm}px)`,srcSet:v.sm}),r("source",{media:`(max-width: ${g.breakpoints.values.sm}px)`,srcSet:v.xs}),r(n,{component:"img",src:v.xs,alt:h,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),d&&r(c,{ref:S,"data-testid":"GalleryItem.desc",children:"string"==typeof d?r(m,{sx:{color:g.palette.common.white,paddingTop:1,textAlign:"center"},children:d}):d})]})},x=i(n)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));export{d as GalleryItem};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as i,Box as n,useTheme as s,Container as o,Typography as c}from"@mui/material";import{useResponsiveProp as m}from"../../utils/ResponsiveType.js";import{useRef as a,useCallback as l,useEffect as p}from"react";import d from"../../components/common/hook/useWindowSize.js";const u=i=>{var{description:u,alt:h}=i,f=e(i,["description","alt"]);const g=s(),v=m(f.imageSrc),{width:w}=d(),b=a(null),y=a(null),S=a(null),k=l((()=>{if(b.current&&y.current&&S.current){const e=b.current.clientHeight,t=S.current.clientHeight;y.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return p(k),p((()=>k),[y.current,S.current,b.current,w]),t(x,{ref:b,"data-testid":"GalleryItem",children:[t(n,{ref:y,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[r("source",{media:`(min-width: ${g.breakpoints.values.xl}px)`,srcSet:v.xl}),r("source",{media:`(min-width: ${g.breakpoints.values.lg}px)`,srcSet:v.lg}),r("source",{media:`(min-width: ${g.breakpoints.values.md}px)`,srcSet:v.md}),r("source",{media:`(min-width: ${g.breakpoints.values.sm}px)`,srcSet:v.sm}),r("source",{media:`(max-width: ${g.breakpoints.values.sm}px)`,srcSet:v.xs}),r(n,{component:"img",src:v.xs,alt:h,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),u&&r(o,{ref:S,"data-testid":"GalleryItem.desc",children:"string"==typeof u?r(c,{sx:{color:g.palette.common.white,paddingTop:1,textAlign:"center"},children:u}):u})]})},x=i(n)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));export{u as GalleryItem};
 //# sourceMappingURL=GalleryItem.js.map

package/organisms/gallery/GalleryItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useWindowSize } from '~~react-use~~';\nexport const GalleryItem = (_a) => {\n var { description, alt } = _a, props = __rest(_a, [\"description\", \"alt\"]);\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const { width: windowWidth } = useWindowSize();\n const wrapperRef = useRef(null);\n const imageRef = useRef(null);\n const descRef = useRef(null);\n const fixImageSize = useCallback(() => {\n if (wrapperRef.current && imageRef.current && descRef.current) {\n const wrapperHeight = wrapperRef.current.clientHeight;\n const descHeight = descRef.current.clientHeight;\n imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n }\n }, []);\n useEffect(fixImageSize);\n useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n return (_jsxs(GalleryItemWrapper, { ref: wrapperRef, \"data-testid\": \"GalleryItem\", children: [_jsxs(Box, { ref: imageRef, component: \"picture\", sx: { maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", src: imageSrc.xs, alt: alt, sx: { maxHeight: '100%', maxWidth: '100%' } })] }), description && (_jsx(Container, { ref: descRef, \"data-testid\": \"GalleryItem.desc\", children: typeof description === 'string' ? (_jsx(Typography, { sx: { color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }, children: description })) : (description) }))] }));\n};\nconst GalleryItemWrapper = styled(Box)(() => ({\n position: 'relative',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n}));\n//# sourceMappingURL=GalleryItem.js.map"],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"~~yVAMY~~,MAACA,EAAeC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IACzBC,EAAaC,EAAO,MACpBC,EAAWD,EAAO,MAClBE,EAAUF,EAAO,MACjBG,EAAeC,GAAY,KAC7B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC3D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aACnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC7E,IACF,IAGH,OAFAK,EAAUV,GACVU,GAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAC9EiB,EAAMC,EAAoB,CAAEC,IAAKjB,EAAY,cAAe,cAAekB,SAAU,CAACH,EAAMI,EAAK,CAAEF,IAAKf,EAAUkB,UAAW,UAAWC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAAYL,SAAU,CAACM,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KAAOJ,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KAAON,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KAAOP,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KAAOR,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KAAOT,EAAKL,EAAK,CAAEC,UAAW,MAAOc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAAiBjC,GAAgBmC,EAAKW,EAAW,CAAElB,IAAKd,EAAS,cAAe,mBAAoBe,SAAiC,iBAAhB7B,EAA4BmC,EAAKY,EAAY,CAAEf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAYL,SAAU7B,IAAc,MAA2B,EAEnkC2B,EAAqB0B,EAAOvB,EAAPuB,EAAY,KAAO,CAC1CC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}
1	+ {"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\nexport const GalleryItem = (_a) => {\n var { description, alt } = _a, props = __rest(_a, [\"description\", \"alt\"]);\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const { width: windowWidth } = useWindowSize();\n const wrapperRef = useRef(null);\n const imageRef = useRef(null);\n const descRef = useRef(null);\n const fixImageSize = useCallback(() => {\n if (wrapperRef.current && imageRef.current && descRef.current) {\n const wrapperHeight = wrapperRef.current.clientHeight;\n const descHeight = descRef.current.clientHeight;\n imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n }\n }, []);\n useEffect(fixImageSize);\n useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n return (_jsxs(GalleryItemWrapper, { ref: wrapperRef, \"data-testid\": \"GalleryItem\", children: [_jsxs(Box, { ref: imageRef, component: \"picture\", sx: { maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", src: imageSrc.xs, alt: alt, sx: { maxHeight: '100%', maxWidth: '100%' } })] }), description && (_jsx(Container, { ref: descRef, \"data-testid\": \"GalleryItem.desc\", children: typeof description === 'string' ? (_jsx(Typography, { sx: { color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }, children: description })) : (description) }))] }));\n};\nconst GalleryItemWrapper = styled(Box)(() => ({\n position: 'relative',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n}));\n//# sourceMappingURL=GalleryItem.js.map"],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"4WAMY,MAACA,EAAeC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IACzBC,EAAaC,EAAO,MACpBC,EAAWD,EAAO,MAClBE,EAAUF,EAAO,MACjBG,EAAeC,GAAY,KAC7B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC3D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aACnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC7E,IACF,IAGH,OAFAK,EAAUV,GACVU,GAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAC9EiB,EAAMC,EAAoB,CAAEC,IAAKjB,EAAY,cAAe,cAAekB,SAAU,CAACH,EAAMI,EAAK,CAAEF,IAAKf,EAAUkB,UAAW,UAAWC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAAYL,SAAU,CAACM,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KAAOJ,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KAAON,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KAAOP,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KAAOR,EAAK,SAAU,CAAEC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KAAOT,EAAKL,EAAK,CAAEC,UAAW,MAAOc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAAiBjC,GAAgBmC,EAAKW,EAAW,CAAElB,IAAKd,EAAS,cAAe,mBAAoBe,SAAiC,iBAAhB7B,EAA4BmC,EAAKY,EAAY,CAAEf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAYL,SAAU7B,IAAc,MAA2B,EAEnkC2B,EAAqB0B,EAAOvB,EAAPuB,EAAY,KAAO,CAC1CC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}

package/organisms/gallery/GalleryTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import"tslib";import{Box as e}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},n=n=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(e,{component:r,name:"search-plus"})}),n.children]});export{i as GalleryHighlightSx,n as GalleryTrigger};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import"tslib";import{Box as e}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},n=n=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(r,{name:"search-plus"})}),n.children]});export{i as GalleryHighlightSx,n as GalleryTrigger};
 //# sourceMappingURL=GalleryTrigger.js.map

package/organisms/gallery/GalleryTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n position: 'absolute',\n top: 0,\n right: 0,\n left: 0,\n background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n display: 'inline-block',\n height: '100%',\n '& .sa-i': {\n position: 'absolute',\n right: '8px',\n top: '8px',\n color: 'white',\n },\n};\nexport const GalleryTrigger = (props) => {\n return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(~~Box~~, { ~~component: Icon,~~ name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"~~omIAGY~~,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,~~EAAKJ~~,~~EAAK~~,CAAEC,~~UAAWI,EAAMC,~~KAAM,kBAAqBR,EAAMK"}
1	+ {"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n position: 'absolute',\n top: 0,\n right: 0,\n left: 0,\n background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n display: 'inline-block',\n height: '100%',\n '& .sa-i': {\n position: 'absolute',\n right: '8px',\n top: '8px',\n color: 'white',\n },\n};\nexport const GalleryTrigger = (props) => {\n return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Icon, { name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"ogIAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKC,EAAM,CAAEC,KAAM,kBAAqBR,EAAMK"}

package/organisms/heroImageCard/heroImageCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const HeroImageCard = forwardRef((props, ref) => {\n return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/\n @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n else\n return props.theme.palette.common.white;\n}};\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 340px';\n }\n else\n return 'height: 440px';\n}}\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 400px';\n }\n else\n return 'height: 500px';\n}}\n }\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\n .CardImageText {\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 540px;\n }\n .CardImageTitle {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 38px;\n line-height: 48px;\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 44px;\n line-height: 52px;\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n}};\n }\n }\n .CardImageButtons {\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .cta-button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n }\n .cta-button button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n }\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSAaY,MAACA,EAAgBC,GAAW,CAACC,EAAOC,IACpCC,EAAKC,EAAqB,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAwBC,OAAOC,OAAO,CAAA,EAAIP,QAKrGG,EAAsBK,EAAOC,EAAS;WAChCT,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,OAE7Bf,EAAMI,SAASJ,MAAMW,YACnBX,EAAMY,MAAMC,QAAQC,OAAOE;IAKrChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;uBAGStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;IAGVtB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACrB,MAAO,qBACV;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;2BAGuBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;eAGWtB,GAC8B,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEG,aAArCf,EAAMI,SAASJ,MAAMW,YACdX,EAAMY,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACI0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAGxEV,GACI2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}
1	+ {"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const HeroImageCard = forwardRef((props, ref) => {\n return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/\n @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n else\n return props.theme.palette.common.white;\n}};\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n height: 500px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 340px';\n }\n else\n return 'height: 440px';\n}}\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 400px';\n }\n else\n return 'height: 500px';\n}}\r\n }\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n .CardImageText {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n max-width: 540px;\r\n }\r\n .CardImageTitle {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 38px;\r\n line-height: 48px;\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 44px;\r\n line-height: 52px;\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\r\n }\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n}};\r\n }\r\n }\r\n .CardImageButtons {\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .cta-button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n }\r\n }\r\n .cta-button button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wSAaY,MAACA,EAAgBC,GAAW,CAACC,EAAOC,IACpCC,EAAKC,EAAqB,CAAEF,IAAKA,EAAKG,SAAUF,EAAKG,EAAwBC,OAAOC,OAAO,CAAA,EAAIP,QAKrGG,EAAsBK,EAAOC,EAAS;WAChCT,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,OAE7Bf,EAAMI,SAASJ,MAAMW,YACnBX,EAAMY,MAAMC,QAAQC,OAAOE;IAKrChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;uBAGStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACsC,UAArCA,EAAMI,SAASJ,MAAMsB,YACd,gBAGA;;IAGVtB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACrB,MAAO,qBACV;;yBAGqBxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;2BAGuBtB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACP,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACrB,MAAO,oCACV;;eAGWtB,GAC8B,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YAClEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEG,aAArCf,EAAMI,SAASJ,MAAMW,YACdX,EAAMY,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACI0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAGxEV,GACI2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

package/organisms/maps/mapComponents/infoWindowConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street \|\| ''}</p>\n<p>${city \|\| ''}</p>\n </div>`;\nconst phoneSection = (phone) => phone\n ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n </div>\n `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n </div>`\n : '';\nconst contentString = (params) => params\n ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n : '';\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,EACHS,EAAcC,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAAShB,EAAcY"}
1	+ {"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\r\n ${title}\r\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\r\n<p>${street \|\| ''}</p>\r\n<p>${city \|\| ''}</p>\r\n </div>`;\nconst phoneSection = (phone) => phone\n ? `<div id=\"phoneNumber\">\r\n\t<a href=\"tel:${phone}\">${phone}</a>\r\n </div>`\n : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n `\r\n<div id=\"info-dealer-status\">\r\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\r\n </div>\r\n `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n ? `<div id=\"detail-cta-container\">\r\n<span id=\"info-detail-cta\">${ctaLabel}</span>\r\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\r\n </div>`\n : '';\nconst contentString = (params) => params\n ? `<div id=\"content\">\r\n\t${titleSection(params.title)}\r\n\t${streetSection(params.street, params.city)}\r\n\t${phoneSection(params.phone)}\r\n\t<div id=\"openStatus\">\r\n\t${openStatusSection(params.isOpen)}\r\n\t${distanceSection(params.distance)}\r\n\t</div>\r\n\t${ctaLabelSection(params.ctaLabel)}\r\n\t </div>`\n : '';\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,EACHS,EAAcC,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAAShB,EAAcY"}

package/organisms/notification/Notification.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"tslib";import{styled as e,Box as i,useTheme as r,Typography as n,Stack as a,IconButton as s,Icon as p}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"@mui/system";import"lodash/noop";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"./NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as m}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"minimatch";const l=e=>{const l=r();return t(i,{sx:{background:"grey"===e.color?l.palette.surface.primary:l.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[e.icon&&o(c,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:e.icon}),t(i,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[t(i,{display:"flex",alignItems:"center",children:[e.isNew&&o(m,{color:"neutral"}),o(i,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:o(n,{variant:"subheadline","data-testid":"Notification.headline",children:e.headline})})]}),o(i,{"data-testid":"Notification.description",children:"string"==typeof e.description?o(n,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:e.description}):e.description}),e.footer&&o(n,{variant:"disclaimer",color:l.palette.onSurface.os500,"data-testid":"Notification.footer",children:e.footer}),e.buttons&&o(a,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:e.buttons})]}),e.onDismiss&&o(s,{onClick:e.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:o(p,{fontSize:"small",className:"ballotx close"})})]})},c=e(i)((({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:t.palette.onSurface.os200,flexShrink:0})));export{l as Notification};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"tslib";import{styled as e,Box as i,useTheme as r,Typography as a,Stack as n,IconButton as s,Icon as p}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"./NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../components/icon/icon.definitions.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as m}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"minimatch";const l=e=>{const l=r();return t(i,{sx:{background:"grey"===e.color?l.palette.surface.primary:l.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[e.icon&&o(c,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:e.icon}),t(i,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[t(i,{display:"flex",alignItems:"center",children:[e.isNew&&o(m,{color:"neutral"}),o(i,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:o(a,{variant:"subheadline","data-testid":"Notification.headline",children:e.headline})})]}),o(i,{"data-testid":"Notification.description",children:"string"==typeof e.description?o(a,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:e.description}):e.description}),e.footer&&o(a,{variant:"disclaimer",color:l.palette.onSurface.os500,"data-testid":"Notification.footer",children:e.footer}),e.buttons&&o(n,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:e.buttons})]}),e.onDismiss&&o(s,{onClick:e.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:o(p,{fontSize:"small",className:"ballotx close"})})]})},c=e(i)((({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:t.palette.onSurface.os200,flexShrink:0})));export{l as Notification};
 //# sourceMappingURL=Notification.js.map

package/organisms/notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n const theme = useTheme();\n return (_jsxs(Box, { sx: {\n background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n padding: '24px 32px',\n display: 'flex',\n flexDirection: 'row',\n gap: '24px',\n alignItems: 'center',\n position: 'relative',\n }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n display: { sm: 'flex', xs: 'none' },\n overflow: 'hidden',\n img: { width: '100%', height: '100%', objectFit: 'cover' },\n }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '8px',\n flexDirection: 'column',\n }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n lineHeight: '16px',\n maxHeight: '32px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n position: 'absolute',\n right: '8px',\n top: '8px',\n '.sa-i': {\n height: '28px',\n },\n }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: '56px',\n height: '56px',\n background: theme.palette.onSurface.os200,\n flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"~~opIAGY~~,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n const theme = useTheme();\n return (_jsxs(Box, { sx: {\n background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n padding: '24px 32px',\n display: 'flex',\n flexDirection: 'row',\n gap: '24px',\n alignItems: 'center',\n position: 'relative',\n }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n display: { sm: 'flex', xs: 'none' },\n overflow: 'hidden',\n img: { width: '100%', height: '100%', objectFit: 'cover' },\n }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '8px',\n flexDirection: 'column',\n }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n lineHeight: '16px',\n maxHeight: '32px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n position: 'absolute',\n right: '8px',\n top: '8px',\n '.sa-i': {\n height: '28px',\n },\n }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: '56px',\n height: '56px',\n background: theme.palette.onSurface.os200,\n flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"8gIAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"7.0.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"~~SEE~~ ~~LICENSE~~ IN ~~eula~~.~~txt~~","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","react":"^17.0.0 \|\| ^18.0.0","react-dom":"^17.0.0 \|\| ^18.0.0"},"dependencies":{"@googlemaps/markerclusterer":"1.0.27","@googlemaps/react-wrapper":"1.1.35","@mui/x-date-pickers":"6.11.0","@skodaflow/web-tokens":"2.4.1","country-flag-icons":"1.5.9","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","~~lodash":"4.17.21","~~minimatch":"9.0.3"~~,"react-keyed-flatten-children":"2.2.1","react-use":"17.4.0","use-keyboard-shortcut":"1.1.6"~~},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"7.0.2","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.0","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","react":"^17.0.0 \|\| ^18.0.0","react-dom":"^17.0.0 \|\| ^18.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.2","@googlemaps/react-wrapper":"1.1.35","@mui/x-date-pickers":"6.18.4","@skodaflow/web-tokens":"2.4.2","country-flag-icons":"1.5.9","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","minimatch":"9.0.3"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}