{"version":3,"file":"3376.9677e885.js","mappings":"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","sources":["webpack://ucn/./src/react/components/primitives/ConditionalWrap/ConditionalWrap.tsx","webpack://ucn/./src/react/components/primitives/Image/Image.tsx","webpack://ucn/./src/react/components/primitives/UmbracoImage/imageProcessor/generateImageProcessorParamsWithWidthAndHeight.ts","webpack://ucn/./src/react/components/primitives/UmbracoImage/imageProcessor/generateImageSources.ts","webpack://ucn/./src/react/components/primitives/AspectRatio/AspectRatio.tsx","webpack://ucn/./src/react/hooks/use-breakpoint/types.ts","webpack://ucn/./src/react/hooks/use-isomorpic-effect/use-isomorpic-effect.ts","webpack://ucn/./src/react/hooks/use-breakpoint/use-breakpoint.ts","webpack://ucn/./src/react/hooks/use-breakpoint/create-media-queries.ts","webpack://ucn/./src/react/components/primitives/UmbracoImage/UmbracoImage.tsx","webpack://ucn/./src/styles/breakpoints.ts"],"sourcesContent":["import React from \"react\";\nvar ConditionalWrap = function (_a) {\n    var condition = _a.condition, wrap = _a.wrap, children = _a.children;\n    return (condition ? React.cloneElement(wrap(children)) : children);\n};\nexport { ConditionalWrap };\n","var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport \"./styles.scss\";\nvar Image = function (_a) {\n    var src = _a.src, alt = _a.alt, otherProps = __rest(_a, [\"src\", \"alt\"]);\n    return _jsx(\"img\", __assign({ src: src, alt: alt }, otherProps), void 0);\n};\nexport { Image };\n","var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar calculateResolutionSize = function (value, resolution) {\n    return typeof value === \"number\" ? value * resolution : value;\n};\nexport var generateImageProcessorParamsWithWidthAndHeight = function (breakpointIndex, resolution, width, height, focalPoint, imageProcessorParams) { return (__assign(__assign(__assign(__assign(__assign({}, (width && Array.isArray(width) && width[breakpointIndex]\n    ? {\n        width: calculateResolutionSize(width[breakpointIndex], resolution),\n    }\n    : width &&\n        !Array.isArray(width) && {\n        width: calculateResolutionSize(width, resolution),\n    })), (height && Array.isArray(height) && height[breakpointIndex]\n    ? {\n        height: calculateResolutionSize(height[breakpointIndex], resolution),\n    }\n    : height &&\n        !Array.isArray(height) && {\n        height: calculateResolutionSize(height, resolution),\n    })), (imageProcessorParams &&\n    Array.isArray(imageProcessorParams) &&\n    imageProcessorParams[breakpointIndex]\n    ? __assign({}, imageProcessorParams[breakpointIndex]) : imageProcessorParams &&\n    !Array.isArray(imageProcessorParams) && __assign({}, imageProcessorParams))), (focalPoint && {\n    rxy: focalPoint.left + \",\" + focalPoint.top,\n})), { mode: \"crop\" })); };\n","var __read = (this && this.__read) || function (o, n) {\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n    if (!m) return o;\n    var i = m.call(o), r, ar = [], e;\n    try {\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n    }\n    catch (error) { e = { error: error }; }\n    finally {\n        try {\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\n        }\n        finally { if (e) throw e.error; }\n    }\n    return ar;\n};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { generateImageProcessorParamsWithWidthAndHeight } from \"@react-components/primitives/UmbracoImage/imageProcessor/generateImageProcessorParamsWithWidthAndHeight\";\nexport var serializeQueryParameters = function (src, params) {\n    return Object.entries(params).reduce(function (url, _a, index) {\n        var _b = __read(_a, 2), key = _b[0], value = _b[1];\n        return index === 0 ? url + \"?\" + key + \"=\" + value : url + \"&\" + key + \"=\" + value;\n    }, \"\" + src);\n};\nexport var generateImageSources = function (image, resolutions, breakpoints, width, height) {\n    var mappableSources = [];\n    if (!Array.isArray(width) && !Array.isArray(height)) {\n        var srcSet_1 = [];\n        var mappableSource_1 = {\n            srcSet: \"\",\n            urlParams: {},\n        };\n        resolutions.forEach(function (resolution) {\n            var mappableProps = generateImageProcessorParamsWithWidthAndHeight(resolution, 0, width, height, image === null || image === void 0 ? void 0 : image.focalPoint);\n            srcSet_1.push(serializeQueryParameters(image.url, mappableProps) + \" \" + resolution + \"x\");\n            mappableSource_1.urlParams[resolution] = mappableProps;\n        });\n        mappableSource_1.srcSet = __spreadArray([], __read(srcSet_1), false).join(\",\");\n        mappableSources.push(mappableSource_1);\n        return mappableSources;\n    }\n    Object.values(breakpoints).forEach(function (breakpoint, breakpointIndex) {\n        if ((Array.isArray(width) &&\n            (width[breakpointIndex] === null || !width[breakpointIndex])) ||\n            (Array.isArray(height) &&\n                (height[breakpointIndex] === null || !height[breakpointIndex]))) {\n            return;\n        }\n        var srcSet = [];\n        var mappableSource = {\n            media: \"\",\n            srcSet: \"\",\n            urlParams: {},\n        };\n        mappableSource.media = \"(min-width: \" + breakpoint + \"px)\";\n        resolutions.forEach(function (resolution) {\n            var mappableProps = generateImageProcessorParamsWithWidthAndHeight(breakpointIndex, resolution, width, height, image === null || image === void 0 ? void 0 : image.focalPoint);\n            srcSet.push(serializeQueryParameters(image.url, mappableProps) + \" \" + resolution + \"x\");\n            mappableSource.urlParams[resolution] = mappableProps;\n        });\n        mappableSource.srcSet = __spreadArray([], __read(srcSet), false).join(\",\");\n        mappableSources.push(mappableSource);\n    });\n    return mappableSources;\n};\n","var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Root } from \"@radix-ui/react-aspect-ratio\";\nvar AspectRatio = function (props) { return _jsx(Root, __assign({}, props), void 0); };\nexport { AspectRatio };\n","export var EMPTY_BREAKPOINT = {\n    breakpoint: undefined,\n    minWidth: undefined,\n    maxWidth: undefined,\n};\n","import { useEffect, useLayoutEffect } from \"react\";\nvar useIsomorphicEffect = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\nexport { useIsomorphicEffect };\n","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nvar __values = (this && this.__values) || function(o) {\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n    if (m) return m.call(o);\n    if (o && typeof o.length === \"number\") return {\n        next: function () {\n            if (o && i >= o.length) o = void 0;\n            return { value: o && o[i++], done: !o };\n        }\n    };\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\nvar __read = (this && this.__read) || function (o, n) {\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n    if (!m) return o;\n    var i = m.call(o), r, ar = [], e;\n    try {\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n    }\n    catch (error) { e = { error: error }; }\n    finally {\n        try {\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\n        }\n        finally { if (e) throw e.error; }\n    }\n    return ar;\n};\nimport { useMemo, useState, useCallback, useDebugValue } from \"react\";\nimport { EMPTY_BREAKPOINT } from \"./types\";\nimport { createMediaQueries } from \"./create-media-queries\";\nimport { useIsomorphicEffect } from \"../use-isomorpic-effect/use-isomorpic-effect\";\n/**\n * A React hook to use the current responsive breakpoint.\n * Will listen to changes using the window.matchMedia API.\n * @param {*} config the list of configured breakpoint names and their pixel values\n * @param {*} [defaultBreakpoint] the optional default breakpoint\n * @param {*} [hydrateInitial] whether to return the default breakpoint on first render. Set to `false` if the real breakpoint should be returned instead. Only applies to the browser, not server-side.\n *\n * @example\n * const breakpoints = { mobile: 0, tablet: 768, desktop: 1280 }\n * ...\n * const result = useBreakpoint(breakpoints)\n * // { breakpoint: string; minWidth: number; maxWidth: number | null } | { breakpoint: undefined; minWidth: undefined; maxWidth: undefined }\n *\n * @example <caption>With default value</caption>\n * const breakpoints = { mobile: 0, tablet: 768, desktop: 1280 }\n * ...\n * const result = useBreakpoint(breakpoints, 'mobile')\n * // breakpoint: { breakpoint: string; minWidth: number; maxWidth: number | null }\n *\n * @example <caption>With default value, but not hydrated. This means the breakpoint might be different on the initial render.</caption>\n * const breakpoints = { mobile: 0, tablet: 768, desktop: 1280 }\n * ...\n * const result = useBreakpoint(breakpoints, 'mobile', false)\n * // breakpoint: { breakpoint: string; minWidth: number; maxWidth: number | null }\n */\nvar useBreakpoint = function (config, defaultBreakpoint, hydrateInitial) {\n    if (hydrateInitial === void 0) { hydrateInitial = true; }\n    /** Memoize list of calculated media queries from config */\n    var mediaQueries = useMemo(function () { return createMediaQueries(config); }, [config]);\n    /** Get initial breakpoint value */\n    var _a = __read(useState(function () {\n        var e_1, _a;\n        try {\n            /** Loop through all media queries */\n            for (var mediaQueries_1 = __values(mediaQueries), mediaQueries_1_1 = mediaQueries_1.next(); !mediaQueries_1_1.done; mediaQueries_1_1 = mediaQueries_1.next()) {\n                var _b = mediaQueries_1_1.value;\n                var query = _b.query, breakpoint = __rest(_b, [\"query\"]);\n                /**\n                 * If we're in the browser and there's no default value,\n                 * try to match actual breakpoint. If the default value\n                 * should not be hydrated, use the actual breakpoint.\n                 */\n                if (typeof window !== \"undefined\" &&\n                    !(defaultBreakpoint && hydrateInitial)) {\n                    var mediaQuery = window.matchMedia(query);\n                    if (mediaQuery.matches) {\n                        return breakpoint;\n                    }\n                }\n                else if (breakpoint.breakpoint === defaultBreakpoint) {\n                    /** Otherwise, try to match default value */\n                    return breakpoint;\n                }\n            }\n        }\n        catch (e_1_1) { e_1 = { error: e_1_1 }; }\n        finally {\n            try {\n                if (mediaQueries_1_1 && !mediaQueries_1_1.done && (_a = mediaQueries_1.return)) _a.call(mediaQueries_1);\n            }\n            finally { if (e_1) throw e_1.error; }\n        }\n        return EMPTY_BREAKPOINT;\n    }), 2), currentBreakpoint = _a[0], setCurrentBreakpoint = _a[1];\n    /** If there's a match, update the current breakpoint */\n    var updateBreakpoint = useCallback(function (_a, breakpoint) {\n        var matches = _a.matches;\n        if (matches) {\n            setCurrentBreakpoint(breakpoint);\n        }\n    }, []);\n    /** On changes to mediaQueries, subscribe to changes using window.matchMedia */\n    useIsomorphicEffect(function () {\n        var unsubscribers = mediaQueries.map(function (_a) {\n            var query = _a.query, breakpoint = __rest(_a, [\"query\"]);\n            var list = window.matchMedia(query);\n            updateBreakpoint(list, breakpoint);\n            var handleChange = function (event) {\n                updateBreakpoint(event, breakpoint);\n            };\n            list.addListener(handleChange);\n            /** Map the unsubscribers array to a list of unsubscriber methods */\n            return function () { return list.removeListener(handleChange); };\n        });\n        /** Return a function that when called, will call all unsubscribers */\n        return function () { return unsubscribers.forEach(function (unsubscriber) { return unsubscriber(); }); };\n    }, [mediaQueries, updateBreakpoint]);\n    /** Print a nice debug value for React Devtools */\n    useDebugValue(currentBreakpoint, function (c) {\n        return typeof c.breakpoint === \"string\"\n            ? c.breakpoint + \" (\" + c.minWidth + \" \\u2264 x\" + (c.maxWidth ? \" < \" + (c.maxWidth + 1) : \"\") + \")\"\n            : \"\";\n    });\n    return currentBreakpoint;\n};\nexport default useBreakpoint;\n","var createMediaQueries = function (breakpoints) {\n    var sortedBreakpoints = Object.keys(breakpoints).sort(function (a, b) { return breakpoints[b] - breakpoints[a]; });\n    return sortedBreakpoints.map(function (breakpoint, index) {\n        var query = \"\";\n        var minWidth = breakpoints[breakpoint];\n        var nextBreakpoint = sortedBreakpoints[index - 1];\n        var maxWidth = nextBreakpoint ? breakpoints[nextBreakpoint] : null;\n        if (minWidth >= 0) {\n            query = \"(min-width: \" + minWidth + \"px)\";\n        }\n        if (maxWidth !== null) {\n            if (query) {\n                query += \" and \";\n            }\n            query += \"(max-width: \" + (maxWidth - 1) + \"px)\";\n        }\n        var mediaQuery = {\n            breakpoint: breakpoint,\n            maxWidth: maxWidth ? maxWidth - 1 : null,\n            minWidth: minWidth,\n            query: query,\n        };\n        return mediaQuery;\n    });\n};\nexport { createMediaQueries };\n","var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nvar __read = (this && this.__read) || function (o, n) {\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n    if (!m) return o;\n    var i = m.call(o), r, ar = [], e;\n    try {\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n    }\n    catch (error) { e = { error: error }; }\n    finally {\n        try {\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\n        }\n        finally { if (e) throw e.error; }\n    }\n    return ar;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useMemo } from \"react\";\nimport \"./styles.scss\";\nimport { Image } from \"@react-components/primitives/Image/Image\";\nimport { BREAKPOINTS } from \"@styles/breakpoints\";\nimport { generateImageSources } from \"@react-components/primitives/UmbracoImage/imageProcessor/generateImageSources\";\nimport { useInView } from \"react-intersection-observer\";\nimport { AspectRatio } from \"@react-components/primitives/AspectRatio/AspectRatio\";\nimport useBreakpoint from \"../../../hooks/use-breakpoint/use-breakpoint\";\nimport { LazyMotion, domAnimation, m } from \"framer-motion\";\nimport { ConditionalWrap } from \"@react-components/primitives/ConditionalWrap/ConditionalWrap\";\nexport var UMBRACO_IMAGE_RESOLUTIONS = [1, 1.5, 2];\nvar getBreakpointValue = function (array, index) {\n    var value = array[index];\n    if (value)\n        return value;\n    return getBreakpointValue(array, index - 1);\n};\nvar UmbracoImage = function (_a) {\n    var _b;\n    var width = _a.width, height = _a.height, image = _a.image, alt = _a.alt, useRatio = _a.useRatio, otherProps = __rest(_a, [\"width\", \"height\", \"image\", \"alt\", \"useRatio\"]);\n    var ratioModifier = height ? \" umbraco-image--aspect-ratio\" : \"\";\n    var _c = useInView({ triggerOnce: true, threshold: 0 }), ref = _c.ref, inView = _c.inView;\n    var breakpoint = useBreakpoint(BREAKPOINTS).breakpoint;\n    var breakPointIndex = useMemo(function () {\n        return Object.entries(BREAKPOINTS).findIndex(function (_a) {\n            var _b = __read(_a, 1), key = _b[0];\n            return key === breakpoint;\n        });\n    }, [breakpoint]);\n    var currentWidth = useMemo(function () { return width && getBreakpointValue(width, breakPointIndex); }, [breakPointIndex, width]);\n    var currentHeight = useMemo(function () { return height && getBreakpointValue(height, breakPointIndex); }, [breakPointIndex, height]);\n    if (!image) {\n        return null;\n    }\n    if (!(width === null || width === void 0 ? void 0 : width[0]) || (!(width === null || width === void 0 ? void 0 : width[0]) && !(height === null || height === void 0 ? void 0 : height[0]))) {\n        console.error(\"First item in Width/Height collection must be defined as something else than 0/null\");\n    }\n    var _d = __read(generateImageSources(image, UMBRACO_IMAGE_RESOLUTIONS, Object.values(BREAKPOINTS), width, height)), firstImageSource = _d[0], remainingImageSources = _d.slice(1);\n    return (_jsxs(\"div\", __assign({ className: \"umbraco-image\" + ratioModifier, ref: ref }, { children: [_jsx(\"div\", { className: \"umbraco-image__bg\", \"aria-hidden\": \"true\" }, void 0), _jsx(ConditionalWrap, __assign({ condition: !!height && !!useRatio, wrap: function (children) { return (_jsx(AspectRatio, __assign({ ratio: currentWidth / currentHeight }, { children: children }), void 0)); } }, { children: _jsx(LazyMotion, __assign({ features: domAnimation }, { children: inView && (_jsx(m.div, __assign({ initial: { opacity: 0 }, animate: { opacity: 1 } }, { children: _jsxs(\"picture\", { children: [remainingImageSources === null || remainingImageSources === void 0 ? void 0 : remainingImageSources.reverse().map(function (_a, index) {\n                                    var srcSet = _a.srcSet, media = _a.media;\n                                    return (_jsx(React.Fragment, { children: _jsx(\"source\", { srcSet: srcSet, media: media }, void 0) }, srcSet + \"-\" + index));\n                                }), _jsx(Image, __assign({ src: image.url, srcSet: firstImageSource === null || firstImageSource === void 0 ? void 0 : firstImageSource.srcSet, className: \"image\", alt: (_b = alt !== null && alt !== void 0 ? alt : image.alt) !== null && _b !== void 0 ? _b : image.name }, otherProps), void 0)] }, void 0) }), void 0)) }), void 0) }), void 0)] }), void 0));\n};\nexport { UmbracoImage };\n","/* Remember to align this with the css version \\src\\3rd-party\\libraries\\bootstrap */\nexport var BREAKPOINTS = {\n    xs: 0,\n    sm: 420,\n    md: 768,\n    lg: 992,\n    xl: 1200,\n    xxl: 1400,\n};\n"],"names":["ConditionalWrap","_a","condition","wrap","children","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","Image","src","alt","otherProps","calculateResolutionSize","value","resolution","generateImageProcessorParamsWithWidthAndHeight","breakpointIndex","width","height","focalPoint","imageProcessorParams","Array","isArray","rxy","left","top","mode","__read","o","m","Symbol","iterator","r","ar","next","done","push","error","__spreadArray","to","from","pack","l","slice","concat","serializeQueryParameters","params","entries","reduce","url","index","_b","key","AspectRatio","props","EMPTY_BREAKPOINT","breakpoint","undefined","minWidth","maxWidth","useIsomorphicEffect","window","useEffect","useLayoutEffect","__values","TypeError","config","defaultBreakpoint","hydrateInitial","mediaQueries","useMemo","breakpoints","sortedBreakpoints","keys","sort","a","b","map","query","nextBreakpoint","createMediaQueries","useState","e_1","mediaQueries_1","mediaQueries_1_1","matchMedia","matches","e_1_1","return","currentBreakpoint","setCurrentBreakpoint","updateBreakpoint","useCallback","unsubscribers","list","handleChange","event","addListener","removeListener","forEach","unsubscriber","useDebugValue","c","UMBRACO_IMAGE_RESOLUTIONS","getBreakpointValue","array","UmbracoImage","image","useRatio","ratioModifier","_c","triggerOnce","threshold","ref","inView","breakPointIndex","findIndex","currentWidth","currentHeight","console","_d","resolutions","mappableSources","srcSet_1","mappableSource_1","srcSet","urlParams","mappableProps","join","values","mappableSource","media","generateImageSources","firstImageSource","remainingImageSources","className","ratio","LazyMotion","features","initial","opacity","animate","reverse","name","BREAKPOINTS","xs","sm","md","lg","xl","xxl"],"sourceRoot":""}