https://klardag.no/Carousel.332fec2b1a59101a1eec.js

1/*! @version 746978 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{"/d94":function(e,n,t){"use strict"
3var r,a,i=t("VkAN"),l=t.n(i),o=t("VX74"),c=t("Ltny"),u=Object(o.gql)(r||(r=l()(["\n    query getProductsByFilter(\n        $filter: ProductAttributeFilterInput!\n        $pageSize: Int!\n        $sort: ProductAttributeSortInput\n    ) {\n        products(\n            currentPage: 1\n            filter: $filter\n            pageSize: $pageSize\n            sort: $sort\n        ) {\n            items {\n                id\n                name\n                sku\n                small_image {\n                    url\n                }\n                stock_status\n                url_key\n                url_suffix\n                price_range {\n                    minimum_price {\n                        final_price {\n                            currency\n                            value\n                        }\n                        regular_price {\n                            currency\n                            value\n                        }\n                    }\n                }\n                convert_labels {\n                    css_class\n                    label_image\n                    title\n                    color\n                }\n                convert_product_list_attributes {\n                    code\n                    label\n                    value\n                }\n            }\n            ...CategoryProductsCustomFragment\n        }\n    }\n    ","\n"])),c.a),s=Object(o.gql)(a||(a=l()(["\n    query getProductsByFilter(\n        $filter: ProductAttributeFilterInput!\n        $pageSize: Int!\n    ) {\n        products(currentPage: 1, filter: $filter, pageSize: $pageSize) {\n            items {\n                pimcore_id\n                url_key\n                url_suffix\n            }\n        }\n    }\n"])))
4n.a={getProductsByFilter:u,getProductsForMarkers:s}},"9/by":function(e,n,t){"use strict"
5var r=t("pVnL"),a=t.n(r),i=t("J4zp"),l=t.n(i),o=t("q1tI"),c=t.n(o),u=t("s62F"),s=t("MVZn"),d=t.n(s),p=t("cDf5"),f=t.n(p),m=t("VX74"),v=t("y1Xp"),b=t("Hm/f"),g=t("/d94"),h=function unique(e,n,t){return t.indexOf(e)===n},k=t("s/Ur"),y=t("dUwX"),_=t("55Ip"),w=function Marker(e){var n=e.left,t=e.link,r=e.top
6return c.a.createElement("div",{className:"convert-image-marker",style:{left:"".concat(n,"%"),top:"".concat(r,"%")}},c.a.createElement(_.b,{to:t}))},j=t("vdCH"),O=t("QMhA"),M=c.a.createElement(j.a,{src:O.a,attrs:{width:18}})
7n.a=function Markers(e){var n=Object(y.a)(),t=l()(n,2)[1].addToast,r=e["data-breakpoint"],i=function useMarkers(e){var n=e.markersData,t=Object(o.useCallback)(function(e){var n,t
8return null!=e&&e.data?null===(n="object"===f()(e.data)?[e.data]:e.data)||void 0===n?void 0:null===(t=n.find(function(e){return"product"===(null==e?void 0:e.name)}))||void 0===t?void 0:t.value:null},[]),r=Object(o.useMemo)(function(){return null==n?void 0:n.map(function(e){return d()({},e,{pimcoreProductId:t(e)})}).filter(function(e){return e.pimcoreProductId})},[t,n]),a=Object(o.useMemo)(function(){return null==r?void 0:r.map(function(e){return e.pimcoreProductId}).filter(h)},[r]),i=Object(v.a)(g.a,e.operations).getProductsForMarkers,l=Object(m.useQuery)(i,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",variables:{pageSize:a.length,filter:{pimcore_id:{in:a}}},skip:!(null!=a&&a.length)}),c=l.data,u=l.error,s=l.loading,p=Object(o.useMemo)(function(){var e,n
9return u||s||null==c||null===(e=c.products)||void 0===e||null===(n=e.items)||void 0===n||!n.length?null:c.products.items},[c,u,s]),k=Object(o.useCallback)(function(e){var n=null==p?void 0:p.find(function(n){return n.pimcore_id===e}),t=n||{},r=t.url_key,a=t.url_suffix,i=void 0!==a?a:""
10return n?Object(b.a)("/".concat(r).concat(i)):null},[p]),y=Object(o.useMemo)(function(){var e,n
11return u||s||null==c||null===(e=c.products)||void 0===e||null===(n=e.items)||void 0===n||!n.length?null:null==r?void 0:r.map(function(e){var n=e.left,t=e.pimcoreProductId,r=e.top,a=k("".concat(t))
12return a?{left:n,link:a,top:r}:null}).filter(function(e){return!!e})},[c,u,k,r,s])
13return{error:u,loading:s,markers:y}}({markersData:JSON.parse(e["data-items"]||"[]")}),s=i.error,p=i.markers
14Object(o.useEffect)(function(){s&&t({type:"error",icon:M,message:s,dismissable:!0,timeout:1e4})},[t,s])
15var _=Object(k.useMediaQuery)(u.b.small.down),j=Object(k.useMediaQuery)(u.b.large.down),O=Object(o.useMemo)(function(){var e="desktop"
16return j&&(e=_?"mobile":"tablet"),e},[j,_])
17return Object(o.useMemo)(function(){return(!r||r===O)&&(null==p?void 0:p.length)},[r,O,p])?c.a.createElement(c.a.Fragment,null,p.map(function(e,n){return c.a.createElement(w,a()({key:"".concat(e.left,"-").concat(e.top,"-").concat(n)},e))})):null}},C5TA:function(e,n,t){"use strict"
18t.r(n),t.d(n,"default",function(){return N})
19var r=t("MVZn"),a=t.n(r),i=t("q1tI"),l=t.n(i),o=t("OS56"),c=t.n(o),u=t("TSYQ"),s=t.n(u),d=t("s/Ur"),p=t("j505"),f=t("y1Xp"),m=t

19("s62F"),v=t("DNH3"),b=t("pVnL"),g=t.n(b),h=t("9/by"),k=t("J4zp"),y=t.n(k),_=t("o0o1"),w=t.n(_),j=t("yXPU"),O=t.n(j),M=t("GkXj"),P=t.n(M),x=function(){var e=O()(w.a.mark(function _callee2(e){return w.a.wrap(function _callee2$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise(function(n){e.onload=O()(w.a.mark(function _callee(){return w.a.wrap(function _callee$(t){for(;;)switch(t.prev=t.next){case 0:n(e)
20case 1:case"end":return t.stop()}},_callee)}))}))
21case 1:case"end":return n.stop()}},_callee2)}))
22return function loadImage(n){return e.apply(this,arguments)}}(),E=function(){var e=O()(w.a.mark(function _callee3(e){var n,t,r
23return w.a.wrap(function _callee3$(a){for(;;)switch(a.prev=a.next){case 0:if(null!=e&&e.length){a.next=2
24break}return a.abrupt("return")
25case 2:return n=[],t=.88*globalThis.innerWidth,e.forEach(function(e){if(e){var t,r,a
26if(null!=e&&e.isPicture)t=null===(r=e.props.children.find(function(e){return"img"===(null==e?void 0:e.type)}))||void 0===r?void 0:null===(a=r.props)||void 0===a?void 0:a.src
27else t=null==e?void 0:e.props.src
28var i=new Image
29i.src=t,n.push(x(i))}}),a.next=7,Promise.all(n)
30case 7:return r=a.sent,a.abrupt("return",r.reduce(function(e,n){var r=n.height,a=n.width,i=t/(a/r)
31return e<Math.min(r,i)?e:Math.min(r,i)},r[0].height))
32case 9:case"end":return a.stop()}},_callee3)}))
33return function calculateMaxHeight(n){return e.apply(this,arguments)}}(),I=function useCarousel(e){var n=e.children,t=Object(i.useState)([]),r=y()(t,2),l=r[0],o=r[1],c=Object(i.useState)(0),u=y()(c,2),s=u[0],d=u[1]
34return Object(i.useEffect)(function(){var e=function getImages(e){var n,t,r
35return(null===(n=P()(e,{trim:!0}).filter(function(e){var n
36return"carousel-inner"===(null==e?void 0:null===(n=e.props)||void 0===n?void 0:n.className)})[0])||void 0===n?void 0:null===(t=n.props)||void 0===t?void 0:null===(r=t.children)||void 0===r?void 0:r.map(function(e){for(var n=e,t=null;!t&&null!==(r=n)&&void 0!==r&&r.props;){var r
37if("img"===n.type)t={props:n.props}
38else if("picture"===n.type)t={isPicture:!0,props:n.props}
39else if(Array.isArray(n.props.children)){var i,l=null===(i=n.props.children.find(function(e){return"img"===(null==e?void 0:e.type)}))||void 0===i?void 0:i.props
40if(l)t={props:l}
41else{var o=n.props.children.find(function(e){return"picture"===(null==e?void 0:e.type)})
42o&&(t={isPicture:!0,props:o.props})}if(t){var c=n.props.children.filter(function(e){return"markers"===(null==e?void 0:e.props["data-pimcore-widget-type"])})
43if(null!=c&&c.length){var u=c.map(function(e){var n,t
44return{breakpoint:null==e?void 0:null===(n=e.props)||void 0===n?void 0:n["data-breakpoint"],items:null==e?void 0:null===(t=e.props)||void 0===t?void 0:t["data-items"]}})
45t=a()({},t,{markers:u})}}else n=n.props.children[0]}else n=n.props.children}return t})).filter(function(e){return!!e})}(n)
46o(e)},[n]),Object(i.useEffect)(function(){var e,n=(e=O()(w.a.mark(function _callee4(){var e
47return w.a.wrap(function _callee4$(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,E(l)
48case 2:e=n.sent,d(e>1e3?1e3:e)
49case 4:case"end":return n.stop()}},_callee4)})),function getMaxHeight(){return e.apply(this,arguments)});(null==l?void 0:l.length)>0&&n()},[l]),{data:l,maxHeight:s}},S=function CarouselItem(e){var n=Object(i.useRef)(null),t=Object(i.useRef)(null),r=e.data,a=e.maxHeight,o=r.isPicture,c=r.markers,u=r.props,s=o?"picture":"img",d={maxHeight:"".concat(a,"px"),maxWidth:"".concat(88,"vw"),width:"auto"}
50if(!u||!o&&!u.src)return null
51var p=Math.floor(1e5*Math.random())
52return l.a.createElement("div",{ref:n,className:"convert-image-metadata"},l.a.createElement(s,g()({},u,{className:"convert-slider-item-image",ref:t,style:d,alt:""})),(null==c?void 0:c.length)&&c.map(function(e,n){return(null==e?void 0:e.items)&&l.a.createElement(h.a,{"data-breakpoint":e.breakpoint,"data-items":e.items,key:"".concat(p,"-").concat(n)})}))},C=function NextArrow(e){var n=e.className,t=e.style,r=e.onClick
53return l.a.createElement("button",{className:s()(n,"convert-slick-arrow","convert-slick-arrow-next"),style:a()({},t,{visibility:"visible"}),onClick:r})},F=function PrevArrow(e){var n=e.className,t=e.style,r=e.onClick
54return l.a.createElement("button",{className:s()(n,"convert-slick-arrow","convert-slick-arrow-prev"),style:a()({},t,{visibility:"visible"}),onClick:r})},N=function Carousel(e){var n=e.children,t=Object(f.a)(v.a,e.classes),r=I({children:n}),a=r.data,o=r.maxHeight,u=Object(d.useMediaQuery)(m.b.small.down),b=Object(d.useMediaQuery)(m.b.medium.up),g=Object(i.useMemo)(function(){return{dots:!1,infinite:!1,speed:500,slidesToShow:1,slidesToScroll:1,centerMode:!1,adaptiveHeight:!1,centerPadding:"0",variableWidth:!0,nextArrow:l.a.createElement(C,null),prevArrow:l.a.createElement(F,null)}},[]),h=Object(i.useMemo)(function(){var e=Math.floor(1e5*Math.random())
55return a.map(function(n,t){return n?l.a.createElement(S,{data:n,key:"".concat(e,"-").concat(t),maxHeight:o,isSmallDown:u}):null}

55).filter(Boolean)},[a,u,o])
56return l.a.createElement(l.a.Fragment,null,u&&l.a.createElement(p.a,{classes:{root:"convert-scrollbox-carousel",item:"convert-scrollbox-item"}},h),b&&l.a.createElement("div",{className:s()(t.slickWrapper,"convert-slick-carousel")},l.a.createElement(c.a,g,h)))}},Ltny:function(e,n,t){"use strict"
57var r,a=t("VkAN"),i=t.n(a),l=t("VX74"),o=Object(l.gql)(r||(r=i()(["\n    fragment CategoryProductsCustomFragment on Products {\n        items {\n            id\n            # a list additional field for category's products\n            coming_soon\n            under_development\n            stock_status\n            custom_product_type\n        }\n    }\n"])))
58n.a=o},p2Yn:function(e,n,t){"use strict"
59t.r(n)
60var r=t("9/by")
61t.d(n,"default",function(){return r.a})}}])