https://www.kariniemen.fi/Scripts/HK/PortionCalculator.b1ef46149ca221af909d.js

1"use strict";(globalThis.webpackChunkhkscan=globalThis.webpackChunkhkscan||[]).push([[11],{4504(e,t,i){i.r(t),i.d(t,{default:()=>y});var n=i(3751),o=i(641),l=i(33);const u={class:"space-y-md"},r={class:"recipe__portions-selector"},a={class:"recipe__value-box"},s={key:0,class:"recipe__portions-selector-yield"},p={class:"recipe__value-box"},d={class:"recipe__value-box"},c={class:"recipe__yield"},m={key:0},b={key:0,class:"recipe__weak-text"},_={class:"recipe__sub-headline"},g={class:"recipe__ingredients-table"},v={key:0},S={key:1},k=["href"],h={key:0,class:"ingredient-icons"},C={class:"tag-image-small"},w=["src"];var f=i(3850);const I=window.portionCalculatorSettings.ingredients.reduce((e,t)=>(t.subHeader?(e[t.subHeader]=e[t.subHeader]??[],e[t.subHeader].push(t)):e.main.push(t),e),{main:[]}),z=Object.entries(I).map(([e,t])=>({title:"main"!==e?e:null,items:t})),E={components:{InputNumber:f.A},data:()=>({portions:window.portionCalculatorSettings.defaultPortionAmount,portionsDefault:window.portionCalculatorSettings.defaultPortionAmount,portionsMin:window.portionCalculatorSettings.minPortionAmount,portionsMax:window.portionCalculatorSettings.maxPortionAmount,portionsIncrement:window.portionCalculatorSettings.portionAmountIncrement,useInputField:window.portionCalculatorSettings.useInputField,defaultPortionSize:window.portionCalculatorSettings.defaultPortionSize,portionSize:window.portionCalculatorSettings.defaultPortionSize,portionSizeMaxValue:window.portionCalculatorSettings.portionSizeMaxValue,portionSizeIncrement:window.portionCalculatorSettings.portionSizeIncrement,...window.portionCalculatorSettings,ingredients:z,labels:{...window.portionCalculatorSettings.labels}}),computed:{portionSizeMultiplier:function(){return this.portionSize/this.defaultPortionSize},recipeYield:function(){return this.portionSize*this.portions}},methods:{formatAmount(e){let t=this.portions*e.amount/this.portionsDefault;return this.defaultPortionSize>0&&(t*=this.portionSizeMultiplier),t>0&&t+Number.EPSILON<.001?"<0.001":Math.round(1e3*(t+Number.EPSILON))/1e3}}},F=(0,i(6262).A)(E,[["render",function(e,t,i,n,f,I){const z=(0,o.g2)("input-number");return(0,o.uX)(),(0,o.CE)("div",u,[(0,o.Lk)("div",r,[(0,o.Lk)("div",a,[(0,o.bF)(z,{class:"recipe__portions-amount",value:f.portions,min:f.portionsMin,max:f.portionsMax,step:f.portionsIncrement,label:f.labels.servings,useInputField:f.useInputField,onUpdatePortion:t[0]||(t[0]=e=>f.portions=e)},null,8,["value","min","max","step","label","useInputField"])]),f.defaultPortionSize>0&&f.labels.portionSize?((0,o.uX)(),(0,o.CE)("div",s,[(0,o.Lk)("div",p,[(0,o.Lk)("p",null,(0,l.v_)(f.labels.portionSize),1),(0,o.bF)(z,{value:f.portionSize,min:0,max:f.portionSizeMaxValue,step:f.portionSizeIncrement,label:f.labels.portionSizeUnit,useInputField:f.useInputField,onUpdatePortion:t[1]||(t[1]=e=>f.portionSize=e)},null,8,["value","max","step","label","useInputField"])]),(0,o.Lk)("div",d,[(0,o.Lk)("div",c,[(0,o.Lk)("p",null,(0,l.v_)(f.labels.yield),1),f.defaultPortionSize>0&&f.labels.portionSize?((0,o.uX)(),(0,o.CE)("span",m,(0,l.v_)(I.recipeYield+" "+f.labels.portionSizeUnit),1)):(0,o.Q3)("",!0)])])])):(0,o.Q3)("",!0)]),f.labels.assumptionWarning&&f.ingredients.length?((0,o.uX)(),(0,o.CE)("p",b,(0,l.v_)(f.labels.assumptionWarning),1)):(0,o.Q3)("",!0),((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(f.ingredients,(e,t)=>((0,o.uX)(),(0,o.CE)(o.FK,{key:t},[e.items.length?((0,o.uX)(),(0,o.CE)(o.FK,{key:0},[(0,o.Lk)("h3",_,(0,l.v_)(e.title??f.labels.ingredients),1),(0,o.Lk)("table",g,[(0,o.Lk)("tbody",null,[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.items,(e,t)=>((0,o.uX)(),(0,o.CE)("tr",{key:t},[e.amount?((0,o.uX)(),(0,o.CE)("td",v,(0,l.v_)(I.formatAmount(e))+" "+(0,l.v_)(e.unit),1)):((0,o.uX)(),(0,o.CE)("td",S)),(0,o.Lk)("td",null,[e.url?((0,o.uX)(),(0,o.CE)("a",{key:0,class:"recipe__ingredients-table-link",href:e.url},[(0,o.Lk)("span",null,(0,l.v_)(e.ingredientDescription),1),e.iconUrls&&e.iconUrls.length>0?((0,o.uX)(),(0,o.CE)("span",h,[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.iconUrls,e=>((0,o.uX)(),(0,o.CE)("span",C,[(0,o.Lk)("img",{src:e},null,8,w)]))),256))])):(0,o.Q3)("",!0)],8,k)):((0,o.uX)(),(0,o.CE)(o.FK,{key:1},[(0,o.eW)((0,l.v_)(e.ingredientDescription),1)],64))])]))),128))])])],64)):(0,o.Q3)("",!0)],64))),128))])}]]),y=function(e){(0,n.Ef)(F).mount(e)}},3850(e,t,i){i.d(t,{A:()=>p});var n=i(641),o=i(3751),l=i(33);const u={class:"input-number"},r=["value"],a={key:1,class:"input-number__value"},s={props:{value:{type:Number,required:!0},min:{default:0},max:{default:Number.MAX_SAFE_INTEGER},step:{default:1},label:{default:""},useInputField:{type:Boolean,default:!1}},computed:{getInputFieldValue(){return`${this.value} ${this.label}`}},methods:{update(e){const t=this.value+e;t>=this.min&&t<=this.max&&this.$emit("updatePortion",t)},inputUpdate(e){const t=e.replace(this.label,""),i=Number(t);"number"!=typeof i||isNaN(i)||i<this.min||i>this.max||this.$emit("updatePortion",i)}}},p=(0,i(6262).A)(s,[["render",function(e,t,i,s,p,d){return(0,n.uX)(),(0,n.CE)("div",u,[(0,n.Lk)("button",{class:"input-number__decrease",onClick:t[0]||(t[0]=e=>d.update(-i.step))}),i.useInputField?((0,n.uX)(),(0,n.CE)("input",{key:0,class:"input-number__value input-number__input",type:"text",value:d.getInputFieldValue,onBlur:t[1]||(t[1]=e=>{d.inputUpdate(e.target.value)}),onFocus:t[2]||(t[2]=e=>{e.target.value=""}

1),onKeyup:t[3]||(t[3]=(0,o.jR)(e=>e.target.blur(),["enter"])),onFocusout:t[4]||(t[4]=e=>{e.target.value=d.getInputFieldValue})},null,40,r)):((0,n.uX)(),(0,n.CE)("div",a,(0,l.v_)(i.value)+" "+(0,l.v_)(i.label),1)),(0,n.Lk)("button",{class:"input-number__increase",onClick:t[5]||(t[5]=e=>d.update(i.step))})])}]])}}]);