https://www.suominen.fi/Build/InvestorRelationComponent.9cecd44bef86e8d53def.js

1"use strict";(globalThis.webpackChunksuominen||=[]).push([[724],{1102(e,t,l){l.d(t,{A:()=>i});var a=l(3751);function i(e,t,l){const i=(0,a.Xq)(t,{configureApp:l,shadowRoot:!1});customElements.define(e,i)}},9475(e,t,l){var a=l(2124),i=l(1102),s=l(4690);const n={state:{app:{filters:[],filterOptions:{type:[],year:[]},moreText:null,filterByYearPlaceholder:null,listHeading:null,lang:"en",blockId:0},filterValue:{type:null,year:null},page:0,results:{items:[],nextPage:!1,years:[]},loading:!1},mutations:{result(e,t){e.results.items=[...e.results.items,...t.items],e.results.years=t.years,e.results.nextPage=t.nextPage,e.app.filterOptions.year=Object.values(t.years).map(e=>({value:e,label:e}))},app(e,t){e.app={...t,filterOptions:{type:t.filters.map(({id:e,title:t})=>({value:e,label:t})),year:[]}}},setLoading(e,t){e.loading=t},updateFilterValue(e,t){e.filterValue=t},reset(e){e.results={items:[],nextPage:null,years:[]},e.page=0},incrementPage(e){e.page++}},actions:{init({dispatch:e,commit:t,state:l},a){a.lang!==l.app.lang?(t("app",a),t("reset")):t("app",a),0===l.results.items.length&&e("getFilterResults")},getFilterResults({commit:e,state:t}){e("setLoading",!0);const l=`/api/investor/${t.app.lang}`;s.A.get(l,{params:{filter:t.filterValue.type,year:t.filterValue.year,blockId:t.app.blockId,page:t.page}}).then(t=>{e("result",t.data)}).catch(e=>{console.error(e)}).finally(()=>{e("setLoading",!1)})},getMoreResults({dispatch:e,commit:t}){t("incrementPage"),e("getFilterResults")},updateFilterType({dispatch:e,commit:t,state:l},a){l.loading||(t("reset"),t("updateFilterValue",{year:l.filterValue.year,type:a}),e("getFilterResults"))},updateFilterYear({dispatch:e,commit:t,state:l},a){l.loading||(t("reset"),t("updateFilterValue",{year:a,type:l.filterValue.type}),e("getFilterResults"))}}};var r=l(641),u=l(33);const o={class:"row"},p={class:"col-md-4"},d=["href"],c={class:"u-text2 u-text-gray d-inline-block mb-1"},v={class:"u-text-blue"},m=["disabled"],h={class:"filter-dropdown dropdown"},f={class:"u-border-bottom pb-2 mb-4 d-flex align-items-center u-text-black","data-bs-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false","data-bs-auto-close":"outside"},b={class:"filter-dropdown-menu dropdown-menu w-100"},g={class:"list--clean u-text4"},y={class:"custom-form-control"},k=["id","value","checked","onChange"],L={name:"FilterDropdown",props:{value:{required:!0},options:{required:!0,type:Array,default:()=>[]},defaultLabel:{required:!0,default:""},multiselect:{type:Boolean,default:!1}},computed:{renderOptions(){return this.options.map(({value:e,label:t})=>({value:e,label:t,selected:this.multiselect?-1!==this.value.indexOf(e):this.value===e}))},renderLabel(){return this.value?this.options.filter(({value:e})=>this.multiselect?-1!==this.value.indexOf(e):this.value===e).map(({label:e})=>e).join(", "):this.defaultLabel}},methods:{onOptionChange(e){let t;t=this.multiselect?-1!==this.value.indexOf(e.value)?this.value.filter(t=>t!==e.value):[...this.value,e.value]:e.selected?null:e.value,this.$emit("input",t)}}};var x=l(6262);const C=(0,x.A)(L,[["render",function(e,t,l,a,i,s){return(0,r.uX)(),(0,r.CE)("div",h,[(0,r.Lk)("div",f,[t[0]||(t[0]=(0,r.Lk)("span",{class:"filter-dropdown-icon u-text4 u-font-body"},[(0,r.Lk)("svg",{"aria-hidden":"true",class:"me-2",width:"18",height:"12",viewBox:"0 0 18 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[(0,r.Lk)("path",{d:"M7 12H11V10H7V12ZM0 0V2H18V0H0ZM3 7H15V5H3V7Z",fill:"currentColor"})])],-1)),(0,r.Lk)("span",{class:(0,u.C4)(["filter-dropdown-label",{"u-text-gray":!0}])},(0,u.v_)(s.renderLabel),1),t[1]||(t[1]=(0,r.Lk)("span",{class:"filter-dropdown-arrow expandable-content-button expandable-content-button--chevron"},null,-1))]),(0,r.Lk)("div",b,[(0,r.Lk)("ul",g,[((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(s.renderOptions,e=>((0,r.uX)(),(0,r.CE)("li",{key:e.value},[(0,r.Lk)("label",y,[(0,r.Lk)("input",{type:"checkbox",id:e.value,value:e.value,checked:e.selected,onChange:t=>s.onOptionChange(e)},null,40,k),(0,r.eW)(" "+(0,u.v_)(e.label),1)])]))),128))])])])}]]),F={class:"filter-buttons"},w=["onClick"],O={name:"FilterButtons",props:{value:{required:!0},options:{required:!0,type:Array,default:()=>[]},multiselect:{type:Boolean,default:!1}},computed:{renderOptions(){return this.options.map(({value:e,label:t})=>({value:e,label:t,selected:this.multiselect?-1!==this.value.indexOf(e):this.value===e}))}},methods:{onOptionClick(e){let t;t=this.multiselect?-1!==this.value.indexOf(e.value)?this.value.filter(t=>t!==e.value):[...this.value,e.value]:e.selected?null:e.value,this.$emit("input",t)}}},V={name:"InvestorRelationComponent",props:{dataApp:{required:!0,type:String}},components:{FilterDropdown:C,FilterButtons:(0,x.A)(O,[["render",function(e,t,l,a,i,s){return(0,r.uX)(),(0,r.CE)("div",F,[((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(s.renderOptions,e=>((0,r.uX)(),(0,r.CE)("button",{class:(0,u.C4)(["button",{"button--hover":e.selected}]),type:"button",key:e.value,onClick:t=>s.onOptionClick(e)},(0,u.v_)(e.label),11,w))),128))])}]])},mounted(){this.init(JSON.parse(this.dataApp))},computed:{...(0,a.aH)({results:e=>e.results,app:e=>e.app,loading:e=>e.loading,filterValue:e=>e.filterValue})},methods:{...(0,a.i0)(["init","getMoreResults","updateFilterType","updateFilterYear"])}},A=(0,x.A)(V,[["render",function(e,t,l,a,i,s){const n=(0,r.g2)("filter-buttons"),h=(0,r.g2)("filter-dropdown");return(0,r.uX)(),(0,r.CE)("div",null,[(0,r.bF)(n,{value:e.filterValue.type,options:e.app.filterOptions.type,onInput:t[0]||(t[0]=t=>e.updateFilterType(t))}

1,null,8,["value","options"]),(0,r.Lk)("div",o,[(0,r.Lk)("div",p,[(0,r.bF)(h,{value:e.filterValue.year,options:e.app.filterOptions.year,defaultLabel:e.app.filterByYearPlaceholder,onInput:t[1]||(t[1]=t=>e.updateFilterYear(t))},null,8,["value","options","defaultLabel"])])]),(0,r.Lk)("h3",null,(0,u.v_)(e.app.listHeading),1),((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(e.results.items,e=>((0,r.uX)(),(0,r.CE)("div",{key:e.id},[(0,r.Lk)("a",{class:"investor-filter-result u-border-bottom--blue pb-3 mb-3",href:e.url},[(0,r.Lk)("span",c,(0,u.v_)(e.published),1),(0,r.Lk)("p",null,(0,u.v_)(e.title),1)],8,d)]))),128)),(0,r.Lk)("div",v,[e.results.nextPage?((0,r.uX)(),(0,r.CE)("button",{key:0,class:"button",disabled:e.loading,onClick:t[2]||(t[2]=t=>e.getMoreResults())},(0,u.v_)(e.app.loadMore),9,m)):(0,r.Q3)("",!0)])])}]]),E=(0,a.y$)(n);(0,i.A)("vue-investor-relation",A,e=>e.use(E))}}]);