https://www.holmen.com/assets/3429.4125d2d88e8a1ccfb2ee.js

1"use strict";(self.webpackChunkHolmen=self.webpackChunkHolmen||[]).push([[3429],{3429:function(e,t,a){a.r(t),a.d(t,{default:function(){return x}});var l=a(641),n=a(953),o=a(5220),u=a(5696),s=a(2505),r=a.n(s),c=a(3112),d=a(2276),i=a(2772),g=a(33),v=a(3751);const p={class:"side-navigation__list"},h=["data-value"],y={key:1,class:"list"};var f={name:"TreeNode",props:{node:{type:Object,default(){return{Label:"Invercote",Show:!0,Nodes:[{Label:"Invercote family",Show:!0,Nodes:[]},{Label:"Foil and film",Show:!0,Nodes:[]},{Label:"Biopacks",Show:!0,Nodes:[]}],Value:""}}},selectedCategory:{type:String,default(){return""}},selectedCategories:{type:Array,default(){return[]}},handleClick:{type:Function,default(){}},handleToggle:{type:Function,default(){}},isOpen:{type:Function,default(){}}},data(){return{show:!1,active:!1,hasSubNodes:this.node.Nodes.length>0}},computed:{isSelected:function(){return this.selectedCategory===this.node.Value}}};var C=(0,a(6262).A)(f,[["render",function(e,t,a,n,o,u){const s=(0,l.g2)("TreeNode",!0);return(0,l.uX)(),(0,l.Wv)(v.eB,{name:"fadeHeight"},{default:(0,l.k6)(()=>[(0,l.Lk)("div",p,[a.node.Show?((0,l.uX)(),(0,l.CE)("div",{key:0,class:(0,g.C4)(["heading",{open:a.isOpen(a.node)}])},[(0,l.Lk)("p",{class:(0,g.C4)(["heading__text",{selected:u.isSelected}]),"data-value":a.node.Value,onClick:t[0]||(t[0]=e=>{a.handleClick(a.node.Value,a.node.Label)})},(0,g.v_)(a.node.Label),11,h),o.hasSubNodes?((0,l.uX)(),(0,l.CE)("span",{key:0,class:"heading__accordian icon-acordian",onClick:t[1]||(t[1]=e=>{a.handleToggle(a.node.Value)})})):(0,l.Q3)("v-if",!0)],2)):(0,l.Q3)("v-if",!0),a.isOpen(a.node)?((0,l.uX)(),(0,l.CE)("ul",y,[((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(a.node.Nodes,e=>((0,l.uX)(),(0,l.CE)("li",{key:e.id},[(0,l.bF)(s,{node:e,"handle-click":a.handleClick,"handle-toggle":a.handleToggle,"is-open":a.isOpen,"selected-category":a.selectedCategory},null,8,["node","handle-click","handle-toggle","is-open","selected-category"])]))),128))])):(0,l.Q3)("v-if",!0)])]),_:1})}]]),k=a(4929);const m={class:"side-navigation"},L={class:"filter-selector-columns side-navigation-mobile"},I={class:"select"},b={key:0,class:"select__menu"};var R=(0,l.pM)({__name:"product-listing-navigation",props:{categories:{type:Array,default(){return[{Label:"Display name",Value:"Value",Nodes:[{Label:"Display name",Value:"Value2",Nodes:[]}]}]}}},emits:["update-selection"],setup(e,{emit:t}){const a=e,o=t,u=a.categories[0]?.Label??"",s=a.categories[0]?.Value??"",r=(0,n.KR)(s),c=(0,n.KR)(u),d=(0,n.KR)([]),i=(0,n.KR)(!1);function v(e,t){r.value=e,c.value=t,o("update-selection",e),i.value&&y()}function p(e){const t=d.value.indexOf(e);-1===t?d.value.push(e):d.value.splice(t,1)}function h(e){const t=d.value.includes(e.Value),a=e.Nodes.length>0,l=!e.Show;return t&&a||l}function y(){i.value=!i.value,(0,k.YK)()}return(t,a)=>((0,l.uX)(),(0,l.CE)("div",null,[(0,l.Lk)("aside",m,[((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(e.categories,e=>((0,l.uX)(),(0,l.Wv)(C,{key:e.id,node:e,"handle-click":v,"handle-toggle":p,"is-open":h,"selected-category":r.value,"selected-categories":d.value},null,8,["node","selected-category","selected-categories"]))),128))]),(0,l.Lk)("div",L,[(0,l.Lk)("div",I,[(0,l.Lk)("li",{class:"select__button",onClick:a[0]||(a[0]=e=>y())},(0,g.v_)(c.value),1),i.value?((0,l.uX)(),(0,l.CE)("div",b,[(0,l.Lk)("div",{class:"menu-button",onClick:a[1]||(a[1]=e=>y())},[...a[2]||(a[2]=[(0,l.Lk)("span",{class:"icon-close"},null,-1)])]),((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(e.categories,e=>((0,l.uX)(),(0,l.Wv)(C,{key:e.id,node:e,"handle-click":v,"handle-toggle":p,"is-open":h,"selected-category":r.value,"selected-categories":d.value},null,8,["node","selected-category","selected-categories"]))),128))])):(0,l.Q3)("v-if",!0)])])]))}}),K=a(5089);const E={class:"row"},N={class:"col-md-3"},T={class:"col-md-9 product-listing"},X={class:"row"};var x=(0,l.pM)({__name:"product-listing-page",setup(e){function t(e){return Array.isArray(e)?e[0]??"":e??""}function a(e){const a=t(e),l=parseInt(a,10);return Number.isNaN(l)||l<1?1:l}const s=(0,o.useRoute)(),g=(0,o.useRouter)(),v=(0,n.KR)([]),p=(0,n.KR)({}),h=(0,n.KR)({MoreItemsPageIndex:1,HasMorePages:!1}),y=(0,n.KR)(!1),f=(0,n.KR)(""),C=(0,n.KR)(""),k=(0,n.KR)([]),m=(0,n.KR)(null),L=(0,n.KR)(""),I=(0,n.KR)(""),b=(0,l.

1EW)(()=>h.value.MoreItemsPageIndex);function x(){const{productListResult:e,categories:a}=function(){const e=document.getElementById("js-product-result"),t=document.getElementById("js-categories-result"),a=e?.innerHTML,l=t?.innerHTML;if(!a||!l)return{productListResult:null,categories:[]};const n=JSON.parse(a),o=JSON.parse(l);return{productListResult:n.ProductListResult,categories:o.CategoriesResult.Categories||[]}}(),l=function(e,a,l){if(!e)return{loadMoreText:"",reachedTheEndText:"",categories:a,selectedCategoryData:null,selectedCategoryId:"",currentContentId:""};let n=t(l);return!n&&a.length>0&&(n=a[0].Value),{loadMoreText:e.LoadMoreText,reachedTheEndText:e.ReachedTheEndText,categories:a,selectedCategoryData:a.find(e=>e.Value===n)??null,selectedCategoryId:n,currentContentId:e.CurrentContentId}}(e,a,s.query.category);!function(e){f.value=e.loadMoreText,C.value=e.reachedTheEndText,k.value=e.categories,m.value=e.selectedCategoryData,L.value=e.selectedCategoryId,I.value=e.currentContentId}(l)}function V(e){const a=t(e);return a||(L.value||k.value[0]?.Value||"")}function _(e){return p.value[e]??[]}function M(e,t,a){return r().get(e,{headers:{Accept:"*/*"}}).then(e=>{const l=e.data;var n,o,u;a&&(p.value={}),v.value=(n=p.value,o=l.PagingInfo,u=()=>l.ProductItems,n[o.MoreItemsPageIndex]=u(),Object.keys(n).map(e=>parseInt(e,10)).sort((e,t)=>e-t)),h.value=l.PagingInfo,m.value=k.value.find(e=>e.Value===t)??null,void 0!==t&&(L.value=t)})}function w(){const e=b.value+1,t=L.value||k.value[0]?.Value||"",a={category:t,page:e};M(g.resolve({path:"/api/shop/products",query:{...a,id:I.value,isMobile:(0,K.F)()}}).href,t,!1),y.value=!0,g.push({path:s.path,query:a})}function F(e){g.push({path:s.path,query:{category:e,page:1}})}return(0,u.V6)(async(e,t,l)=>{if(y.value)return y.value=!1,void l();const n=V(e.query.category),o=a(e.query.page),u=g.resolve({path:"/api/shop/products",query:{...e.query,page:o,category:n,id:I.value,isMobile:(0,K.F)()}});return o===b.value+1?(await M(u.href,n,!1),void l()):n!==L.value?(await M(u.href,n,!0),void l()):void l()}),(0,l.sV)(()=>{x(),function(){const e=a(s.query.page),t=V(s.query.category);M(g.resolve({path:"/api/shop/products",query:{...s.query,page:e,category:t,id:I.value,isMobile:(0,K.F)()}}).href,t,!0)}()}),(e,t)=>((0,l.uX)(),(0,l.CE)("div",E,[(0,l.Lk)("div",N,[(0,l.bF)(R,{categories:k.value,onUpdateSelection:F},null,8,["categories"])]),(0,l.Lk)("div",T,[(0,l.Lk)("div",X,[((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(v.value,e=>((0,l.uX)(),(0,l.CE)(l.FK,{key:e},[((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(_(e),e=>((0,l.uX)(),(0,l.Wv)(i.A,{key:e.id,"product-card":e,"owner-content-id":I.value,"gtm-list":"Webshop start page",class:"col-lg-4"},null,8,["product-card","owner-content-id"]))),128))],64))),128))]),h.value.HasMorePages?((0,l.uX)(),(0,l.Wv)(c.A,{key:0,"load-more-text":f.value,onLoadNextPage:w},null,8,["load-more-text"])):((0,l.uX)(),(0,l.Wv)(d.A,{key:1,"reached-the-end-text":C.value},null,8,["reached-the-end-text"]))])]))}})}}]);