https://www.granngarden.se/dist/Component.StoreList.5f0284ad.js

1"use strict";(self.fkaWebpackJsonp=self.fkaWebpackJsonp||[]).push([[2089,8728],{5607:(e,s,t)=>{var o;t.d(s,{M:()=>o}),function(e){e[e.Warning=0]="Warning",e[e.Alert=1]="Alert",e[e.Info=2]="Info",e[e.Freight=3]="Freight",e[e.Pall=4]="Pall"}(o||(o={}))},7258:(e,s,t)=>{t.r(s),t.d(s,{default:()=>h});var o=t(641),n=t(33),l=t(3751);const r={class:"alert__icon"},a={class:"alert__message"},i=["aria-label"];var c=t(953),u=t(5052),p=t(5607),g=t(4324);const d=(0,o.pM)({name:"AlertComponent",components:{Icon:u.A},mixins:[(0,g.m)()],props:{type:{type:Number,default:p.M.Alert},message:String,isClosable:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},isRoleAlert:{type:Boolean,default:!1}},setup(e){const s=(0,c.KR)(!1),t=(0,c.KR)(null),n=()=>{e.isRoleAlert&&t.value&&t.value.setAttribute("role","alert")};(0,o.wB)((()=>e.isRoleAlert),n);const l=(0,o.EW)((()=>{switch(e.type){case p.M.Warning:return"warning";case p.M.Info:return"info";case p.M.Freight:return"freight";case p.M.Pall:return"pall";default:return"alert"}})),r=(0,o.EW)((()=>"info"===l.value?"warning":"freight"===l.value?"check-circle":"pall"===l.value?"pall":l.value));return{isClosed:s,level:l,icon:r,handleCloseClick:()=>{s.value=!0},addRoleAlertAttr:n}}});const h=(0,t(6262).A)(d,[["render",function(e,s,t,c,u,p){const g=(0,o.g2)("Icon"),d=(0,o.g2)("icon");return(0,o.bo)(((0,o.uX)(),(0,o.CE)("div",{class:(0,n.C4)(["alert",`alert--${e.level} ${!e.showIcon&&"alert--no-icon"}`]),ref:"alertRef"},[(0,o.Lk)("div",r,[e.showIcon?((0,o.uX)(),(0,o.Wv)(g,{key:0,icon:e.icon},null,8,["icon"])):(0,o.Q3)("",!0)]),(0,o.Lk)("span",a,[(0,o.eW)((0,n.v_)(e.message)+" ",1),e.isClosable?((0,o.uX)(),(0,o.CE)("button",{key:0,onClick:s[0]||(s[0]=(...s)=>e.handleCloseClick&&e.handleCloseClick(...s)),"aria-label":e.translate("close"),class:"alert__button",type:"button"},[(0,o.bF)(d,{icon:"cross-small-black",width:"16",height:"16","aria-hidden":!0})],8,i)):(0,o.Q3)("",!0)])],2)),[[l.aG,!e.isClosed]])}]])},6885:(e,s,t)=>{t.r(s),t.d(s,{default:()=>S});var o=t(641),n=t(33),l=t(3751);const r={class:"store-list"},a={class:"store-list__header"},i={class:"store-list__wrapper"},c={class:"store-list__search input input--small"},u={class:"sr-only",for:"store-list-input"},p=["placeholder"],g={class:"sr-only",role:"status","aria-live":"polite"},d={key:0,class:"store-list__no-stores"},h={key:0,class:"store-list__stores",id:"store-list-results"},_={key:0,class:"store-list__stores-heading"};var k=t(4324),y=t(2577),v=t(5052),m=t(7258),C=t(8857),f=t(953),L=t(8221),w=t.n(L);const b=(0,o.pM)({name:"StoreList",mixins:[(0,k.m)()],components:{StoreListStore:y.A,Icon:v.A,Alert:m.default},props:{heading:String,initialStores:Array,locale:String,googleMapsApiKey:String,searchSynonymsApiUrl:String},setup(e){const s=(0,f.KR)(""),t=(0,f.KR)([]),n=(0,f.KR)(!1),l=(0,f.KR)({lat:0,lng:0}),r=e=>{l.value={lat:e.coords.latitude,lng:e.coords.longitude}},a=()=>{navigator.geolocation?navigator.geolocation.getCurrentPosition(r,(e=>{console.warn("Geolocation failed:",e.message)})):console.log("Geolocation is not supported by this browser")},i=(0,o.EW)((()=>t.value?.length?(0,C.yI)(t.value,l.value.lat,l.value.lng):[])),c=(0,o.EW)((()=>0!==l.value.lat&&0!==l.value.lng)),u=s=>{if(!e.initialStores)return[];const t=s.toLowerCase();return e.initialStores.filter((e=>e.storeName?.toLowerCase().includes(t)||e.address?.toLowerCase().includes(t)||e.city?.toLowerCase().includes(t)||e.zipCode?.toLowerCase().includes(t))).sort(((s,t)=>s.storeName.localeCompare(t.storeName,e.locale)))},p=async s=>{if(s&&s.trim()){n.value=!0;try{const o=await fetch(`${e.searchSynonymsApiUrl}?query=${encodeURIComponent(s)}`);if(o.ok){const e=await o.json();e.stores&&e.stores.length>0?t.value=e.stores:t.value=u(s)}}catch(e){console.error(e),t.value=u(s)}finally{n.value=!1}}else e.initialStores&&(t.value=e.initialStores.slice().sort(((s,t)=>s.storeName.localeCompare(t.storeName,e.locale))))},g=w()((e=>{p(e)}),300);return(0,o.wB)(s,(e=>{g(e)})),(0,o.sV)((()=>{e.initialStores&&(t.value=e.initialStores.slice().sort(((s,t)=>s.storeName.localeCompare(t.storeName,e.locale)))),a()})),{search:s,stores:t,isLoading:n,myPosition:l,sortedByDistance:i,getLocation:a,hasGeolocation:c,performSearch:p,filterStoresLocally:u}}});const S=(0,t(6262).A)(b,[["render",function(e,s,t,k,y,v){const m=(0,o.g2)("Icon"),C=(0,o.g2)("Alert"),f=(0,o.g2)("store-list-store");return(0,o.uX)(),(0,o.CE)("section",r,[(0,o.Lk)("div",a,[(0,o.Lk)("div",i,[(0,o.Lk)("div",c,[(0,o.Lk)("label",u,(0,n.v_)(e.translate("searchForStore")),1),(0,o.bo)((0,o.Lk)("input",{class:"input__input store-list__input",id:"store-list-input",type:"search","onUpdate:modelValue":s[0]||(s[0]=s=>e.search=s),autocomplete:"off","aria-controls":"store-list-results",placeholder:e.translate("searchForStore")},null,8,p),[[l.Jo,e.search]]),(0,o.bF)(m,{icon:"search-light",he

1ight:"22",width:"30","aria-hidden":!0}),(0,o.Lk)("div",g,[!e.isLoading&&e.sortedByDistance&&e.sortedByDistance.length?((0,o.uX)(),(0,o.CE)(o.FK,{key:0},[(0,o.eW)((0,n.v_)(e.sortedByDistance.length)+" "+(0,n.v_)(e.translate("storesNearestYou")),1)],64)):(0,o.Q3)("",!0)])]),e.hasGeolocation?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.CE)("button",{key:0,type:"button",class:"store-list__button-marker button-geo-marker link link--underline",onClick:s[1]||(s[1]=(0,l.D$)(((...s)=>e.getLocation&&e.getLocation(...s)),["prevent"]))},[(0,o.bF)(m,{width:"24",height:"22",icon:"map-marker-alt-solid"}),(0,o.Lk)("span",null,(0,n.v_)(e.translate("findNearestStore")),1)]))]),e.isLoading||e.sortedByDistance&&0!==e.sortedByDistance.length?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.CE)("div",d,[(0,o.bF)(C,{type:2,message:e.translate("noStoresFound"),"show-icon":!0,outline:!0,"is-role-alert":!0,lang:e.lang},null,8,["message","lang"])]))]),e.sortedByDistance&&e.sortedByDistance.length?((0,o.uX)(),(0,o.CE)("div",h,[e.hasGeolocation?((0,o.uX)(),(0,o.CE)("h2",_,(0,n.v_)(e.translate("storesNearestYou")),1)):(0,o.Q3)("",!0),((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.sortedByDistance,(s=>((0,o.uX)(),(0,o.Wv)(f,(0,o.v6)({key:s.item.storeId,ref_for:!0},s.item,{locale:e.locale,googleMapsApiKey:e.googleMapsApiKey,lang:e.lang}),null,16,["locale","googleMapsApiKey","lang"])))),128))])):(0,o.Q3)("",!0)])}]])},2577:(e,s,t)=>{t.d(s,{A:()=>Q});var o=t(641),n=t(33);const l={class:"store-list-store"},r={class:"store-list-store__inner-wrapper"},a={class:"store-list-store__info"},i={class:"h4 store-list-store__heading"},c=["href"],u={class:"store-list-store__contact"},p={class:"store-list-store__contact--adress"},g={class:"store-list-store__contact--adress"},d={class:"store-list-store__contact--map-link"},h=["href"],_={key:0,class:"store-list-store__contact--phone"},k=["href"],y={key:1,class:"store-list-store__contact--email"},v=["href"],m={key:0},C={class:"alert alert--info false"},f={class:"alert__icon"},L={class:"alert__message store-list-store__temporarily-closed-message"},w=["aria-expanded"],b={class:"store-list-store__show-opening-hours--text"},S={class:"store-list-store__opening-hours-heading"},H={class:"store-list-store__opening-hours--standard"},E={key:0,class:"sr-only"},A={class:"store-list-store__opening-hours-value"},X={key:0,class:"store-list-store__opening-hours--holidays"},F={key:0},I={class:"store-list-store__opening-hours-value"};var O=t(8857);const B=(0,o.pM)({methods:{notEmpty:O.z2}});var N=t(4324),W=t(5052);const M=(0,o.pM)({name:"StoreListStore",mixins:[(0,N.m)(),B],components:{Icon:W.A},props:{storeId:String,storeName:String,address:String,zipCode:String,city:String,email:String,google:String,latitude:Number,longitude:Number,openingHours:Object,specialOpeningHours:Object,phone:String,link:String,locale:String,googleMapsApiKey:String,details:Boolean,showMap:{type:Boolean,default:!0}},data:()=>({showOpeningHours:!1}),computed:{distance:()=>null,mapLink(){const{address:e,city:s,google:t,zipCode:o}=this,n=encodeURI(`${e} ${o} ${s}`);return t??`//google.com/maps/search/${n}`},hasCoordinates(){return!(!this.latitude||!this.longitude)}},methods:{isClosedOpeningHour:e=>!!e&&/closed|stangt|stängt|stengt/i.test(e)}});const Q=(0,t(6262).A)(M,[["render",function(e,s,t,O,B,N){const W=(0,o.g2)("Icon"),M=(0,o.g2)("icon");return(0,o.uX)(),(0,o.CE)("article",l,[(0,o.Lk)("div",r,[(0,o.Lk)("div",a,[(0,o.Lk)("h2",i,[(0,o.Lk)("a",{href:e.link,class:"link"},(0,n.v_)(e.storeName),9,c),(0,o.bF)(W,{icon:"arrow-right-light",height:"16",width:"14"})]),(0,o.Lk)("ul",u,[(0,o.Lk)("li",p,(0,n.v_)(e.address),1),(0,o.Lk)("li",g,(0,n.v_)(e.zipCode)+" "+(0,n.v_)(e.city),1),(0,o.Lk)("li",d,[(0,o.Lk)("a",{class:"link",href:e.mapLink,target:"_blank",rel:"noopener"},[(0,o.bF)(M,{icon:"location",height:"20",width:"20"}),(0,o.eW)(" "+(0,n.v_)(e.translate("map")),1)],8,h)]),e.phone?((0,o.uX)(),(0,o.CE)("li",_,[(0,o.Lk)("a",{href:"tel:"+e.phone,class:"link"},[(0,o.bF)(M,{icon:"phone",height:"20",width:"20"}),(0,o.eW)(" "+(0,n.v_)(e.phone),1)],8,k)])):(0,o.Q3)("",!0),e.email?((0,o.uX)(),(0,o.CE)("li",y,[(0,o.Lk)("a",{href:"mailto:"+e.email,class:"link"},[(0,o.bF)(M,{icon:"email",height:"20",width:"20"}),(0,o.eW)(" "+(0,n.v_)(e.email),1)],8,v)])):(0,o.Q3)("",!0)])]),e.openingHours&&e.openingHours.isTemporarilyClosed?((0,o.uX)(),(0,o.CE)("div",m,[(0,o.Lk)("div",C,[(0,o.Lk)("div",f,[(0,o.bF)(M,{icon:"alert",height:"20",width:"20"})]),(0,o.Lk)("span",L,(0,n.v_)(e.translate("temporarilyClosed")),1

1)])])):(0,o.Q3)("",!0),!e.showOpeningHours&&e.openingHours&&e.notEmpty(e.openingHours.days)?((0,o.uX)(),(0,o.CE)("button",{key:1,onClick:s[0]||(s[0]=s=>e.showOpeningHours=!0),type:"button","aria-expanded":e.showOpeningHours?"true":"false","aria-controls":"opening-hours",class:"store-list-store__show-opening-hours"},[e.showOpeningHours?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.Wv)(W,{key:0,icon:"clock2",class:"store-list-store__clock-icon",height:"20",width:"20"})),(0,o.Lk)("span",b,(0,n.v_)(e.translate("openingHours")),1),(0,o.bF)(W,{class:"store-list-store__show-opening-hours--caret-icon",icon:"caret-up",width:"12",height:"12"})],8,w)):(0,o.Q3)("",!0),e.openingHours&&!e.openingHours.isTemporarilyClosed&&e.notEmpty(e.openingHours.days)?((0,o.uX)(),(0,o.CE)("div",{key:2,class:(0,n.C4)(["store-list-store__opening-hours",{"store-list-store__opening-hours--open":e.showOpeningHours}]),id:"opening-hours"},[(0,o.Lk)("h3",S,[(0,o.bF)(W,{icon:"clock2",class:"store-list-store__clock-icon",height:"20",width:"20"}),(0,o.Lk)("span",null,(0,n.v_)(e.translate("openingHours")),1)]),(0,o.Lk)("table",H,[e.openingHours.caption?((0,o.uX)(),(0,o.CE)("caption",E,(0,n.v_)(e.openingHours.caption),1)):(0,o.Q3)("",!0),(0,o.Lk)("tbody",null,[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.openingHours.days,(s=>((0,o.uX)(),(0,o.CE)("tr",{key:s.date,class:(0,n.C4)({"store-list-store__today":s.active,"is-special":s.isSpecialOpeningHour,"store-list-store__opening-hours-row--closed":e.isClosedOpeningHour(s.openingHours)})},[(0,o.Lk)("td",null,(0,n.v_)(s.date),1),(0,o.Lk)("td",null,[(0,o.Lk)("strong",null,(0,n.v_)(s.dayNameShort),1)]),(0,o.Lk)("td",A,(0,n.v_)(s.openingHours),1)],2)))),128))])]),e.specialOpeningHours&&e.notEmpty(e.specialOpeningHours.days)?((0,o.uX)(),(0,o.CE)("table",X,[e.specialOpeningHours.caption?((0,o.uX)(),(0,o.CE)("caption",F,(0,n.v_)(e.specialOpeningHours.caption),1)):(0,o.Q3)("",!0),(0,o.Lk)("tbody",null,[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.specialOpeningHours.days,(s=>((0,o.uX)(),(0,o.CE)("tr",{key:s.date,class:(0,n.C4)({"store-list-store__today":s.active,"store-list-store__opening-hours-row--closed":e.isClosedOpeningHour(s.openingHours)})},[(0,o.Lk)("td",null,(0,n.v_)(s.date),1),(0,o.Lk)("td",null,(0,n.v_)(s.dayName),1),(0,o.Lk)("td",I,(0,n.v_)(s.openingHours),1)],2)))),128))])])):(0,o.Q3)("",!0)],2)):(0,o.Q3)("",!0)])])}]])}}]);