{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/Ceres/resources/js/src/app/components/item/QuantityInput.vue","webpack:///node_modules/Ceres/resources/js/src/app/components/item/QuantityInput.vue","webpack:///./node_modules/Ceres/resources/js/src/app/components/item/QuantityInput.vue?ee0f","webpack:///./node_modules/Ceres/resources/js/src/app/components/item/QuantityInput.vue?b5c0","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue","webpack:///resources/js/src/app/components/basket/AddToBasket.vue","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?d644","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?72a9"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","concat","_toConsumableArray","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","$","$values","values","target","stat","O","DESCRIPTORS","fails","uncurryThis","objectGetPrototypeOf","objectKeys","toIndexedObject","propertyIsEnumerable","f","push","IE_BUG","create","createMethod","TO_ENTRIES","it","key","IE_WORKAROUND","length","i","result","module","exports","entries","render","_vm","_c","_self","staticClass","ref","attrs","disabled","waiting","$translate","domProps","displayValue","on","change","$event","setValue","_v","directives","name","rawName","isMaximum","compMax","expression","class","useAppearance","title","maximumHint","click","increaseValue","isMinimum","minimumHint","decreaseValue","_withStripped","Number","required","timeout","min","max","interval","Boolean","variationId","data","compValue","compMin","compInterval","compDecimals","onValueChanged","created","_this","defaultValue","minDecimals","floatLength","intervalDecimals","Math","debounce","$emit","isNullOrUndefined","fetchQuantityFromBasket","_objectSpread","variationBasketQuantity","_this2","itemSetVariationId","basketObject","$store","state","basket","items","find","variations","quantity","isDefined","$options","filters","numberFormat","itemSetId","getters","variation","id","mapState","basketItems","watch","newValue","handler","oldValue","deep","newInterval","methods","formatFloat","diff","replace","App","decimalSeparator","parseFloat","isNaN","limit","$refs","quantityInputField","component","showQuantity","useLargeScale","canBeAddedToBasket","isLoading","directToItem","_e","intervalQuantity","_s","minimumQuantity","maximumQuantity","isSalable","allVariationsSelected","updateQuantity","handleButtonState","hasMissingSelectionForPropertyGroup","buttonLockState","buttonClasses","style","paddingInlineStyles","_f","icon","hasPrice","addToBasket","tooltipText","isWishList","role","NotificationService","require","extractPropertiesAndSurcharge","orderProperties","totalSurcharge","orderParams","forEach","orderProperty","property","valueType","slice","substr","surcharge","propertyId","names","mixins","components","QuantityInput","itemUrl","hasChildren","Array","hasOrderProperties","paddingClasses","propQuantity","itemType","inject","itemId","isSet","documents","item","requiresProperties","config","requireOrderProperties","filter","isShownOnItemPage","currentItem","properties","propertyGroupIds","group","includes","classes","split","hasAvailableVariations","variationOrderQuantity","variationMissingProperties","variationSelect","some","isVariationSelected","isAddToBasketLoading","isSetLoading","isBasketLoading","dispatch","undefined","showMissingPropertiesError","commit","orderParamsAndSurcharge","basketItemOrderParams","totalOrderParamsMarkup","setComponents","setComponentIds","setComponent","setComponentOrderParamsAndSurcharge","prop","isOderProperty","then","response","document","dispatchEvent","CustomEvent","detail","error","ExceptionMap","get","exceptionCode","toString","placeholder","closeAfter","_step","errorMsgContent","_iterator","_createForOfIteratorHelper","map","s","n","done","err","e","navigateTo"],"mappings":"+6BAAA,IAAMA,EAAe,CAAC,SAAU,UAE1BC,EAAmB,CACrB,GAAM,SACN,GAAM,GACN,GAAM,UAGGC,EACb,CACIC,MAAO,CACHC,WACA,CACIC,KAAM,CAACC,OAAQ,MACfC,QAAS,KACTC,UAAW,SAAAC,GAEP,OAIsB,IAJf,CACH,IAAEC,OACCV,EAAYW,EACZC,OAAOC,KAAKZ,KACjBa,QAAQL,MAKtBM,SAAU,CACNC,gBAAe,WAEX,OAAIf,EAAiBgB,eAAeC,KAAKd,YAE9BH,EAAiBiB,KAAKd,YAG1Bc,KAAKd,e,iCCjCxB,IAAIe,EAAI,EAAQ,GACZC,EAAU,EAAQ,KAAgCC,OAItDF,EAAE,CAAEG,OAAQ,SAAUC,MAAM,GAAQ,CAClCF,OAAQ,SAAgBG,GACtB,OAAOJ,EAAQI,O,iCCPnB,IAAIC,EAAc,EAAQ,IACtBC,EAAQ,EAAQ,GAChBC,EAAc,EAAQ,GACtBC,EAAuB,EAAQ,KAC/BC,EAAa,EAAQ,KACrBC,EAAkB,EAAQ,IAG1BC,EAAuBJ,EAFC,EAAQ,KAA8CK,GAG9EC,EAAON,EAAY,GAAGM,MAItBC,EAAST,GAAeC,GAAM,WAEhC,IAAIF,EAAIZ,OAAOuB,OAAO,MAEtB,OADAX,EAAE,GAAK,GACCO,EAAqBP,EAAG,MAI9BY,EAAe,SAAUC,GAC3B,OAAO,SAAUC,GAQf,IAPA,IAMIC,EANAf,EAAIM,EAAgBQ,GACpBzB,EAAOgB,EAAWL,GAClBgB,EAAgBN,GAAsC,OAA5BN,EAAqBJ,GAC/CiB,EAAS5B,EAAK4B,OACdC,EAAI,EACJC,EAAS,GAENF,EAASC,GACdH,EAAM1B,EAAK6B,KACNjB,KAAgBe,EAAgBD,KAAOf,EAAIO,EAAqBP,EAAGe,KACtEN,EAAKU,EAAQN,EAAa,CAACE,EAAKf,EAAEe,IAAQf,EAAEe,IAGhD,OAAOI,IAIXC,EAAOC,QAAU,CAGfC,QAASV,GAAa,GAGtBf,OAAQe,GAAa,K,wCC/CvB,IAAIW,EAAS,WACX,IAAIC,EAAM9B,KACR+B,EAAKD,EAAIE,MAAMD,GACjB,OAAOA,EAAG,MAAO,CAAEE,YAAa,wBAA0B,CACxDF,EAAG,QAAS,CACVG,IAAK,qBACLD,YAAa,wBACbE,MAAO,CACLhD,KAAM,OACNiD,SAAUN,EAAIO,QACd,aAAcP,EAAIQ,WAAW,sCAE/BC,SAAU,CAAEhD,MAAOuC,EAAIU,cACvBC,GAAI,CACFC,OAAQ,SAAUC,GAChB,OAAOb,EAAIc,SAASD,EAAOvC,OAAOb,WAIxCuC,EAAIe,GAAG,KACPd,EAAG,MAAO,CAAEE,YAAa,wCAA0C,CACjEF,EACE,SACA,CACEe,WAAY,CACV,CACEC,KAAM,UACNC,QAAS,YACTzD,MAAOuC,EAAImB,WAA6B,IAAhBnB,EAAIoB,QAC5BC,WAAY,+BAGhBlB,YACE,0DACFmB,MAAO,CACLhB,SAAUN,EAAImB,WAAanB,EAAIO,QAC/B,iBAAkBP,EAAIuB,eAExBlB,MAAO,CACL,cAAe,UACf,iBAAkB,MAClB,eAAgB,wBAChBmB,MAAOxB,EAAIyB,YACX,aAAczB,EAAIQ,WAChB,8CAGJG,GAAI,CACFe,MAAO,SAAUb,GACf,OAAOb,EAAI2B,mBAIjB,CACE1B,EAAG,IAAK,CACNE,YAAa,2BACbE,MAAO,CAAE,cAAe,YAI9BL,EAAIe,GAAG,KACPd,EACE,SACA,CACEe,WAAY,CACV,CACEC,KAAM,UACNC,QAAS,YACTzD,MAAOuC,EAAI4B,WAA6B,IAAhB5B,EAAIoB,QAC5BC,WAAY,+BAGhBlB,YACE,0DACFmB,MAAO,CACLhB,SAAUN,EAAI4B,WAAa5B,EAAIO,QAC/B,iBAAkBP,EAAIuB,eAExBlB,MAAO,CACL,cAAe,UACf,iBAAkB,SAClB,eAAgB,wBAChBmB,MAAOxB,EAAI6B,YACX,aAAc7B,EAAIQ,WAChB,8CAGJG,GAAI,CACFe,MAAO,SAAUb,GACf,OAAOb,EAAI8B,mBAIjB,CACE7B,EAAG,IAAK,CACNE,YAAa,4BACbE,MAAO,CAAE,cAAe,iBAQpCN,EAAOgC,eAAgB,E,igCC5DR,IC5CiL,ED4CjL,CACfd,KAAA,iBAEA9D,MAAA,CACAM,MAAA,CACAJ,KAAA2E,OACAC,UAAA,GAEAC,QAAA,CACA7E,KAAA2E,OACAC,UAAA,EACA1E,QAAA,KAEA4E,IAAA,CACA9E,KAAA2E,OACAC,UAAA,EACA1E,QAAA,GAEA6E,IAAA,CACA/E,KAAA2E,OACAC,UAAA,GAEAI,SAAA,CACAhF,KAAA2E,OACAC,UAAA,EACA1E,QAAA,GAEAgD,QAAA,CACAlD,KAAAiF,QACAL,UAAA,GAEAM,YAAA,CACAlF,KAAA2E,OACAC,UAAA,GAEAV,cAAAe,SAGAE,KAAA,WAEA,OACAC,UAAA,KAAAhF,MACAiF,QAAA,KAAAP,IACAf,QAAA,KAAAgB,IACAO,aAAA,KAAAN,SACAO,aAAA,EACAC,eAAA,OAIAC,QAAA,WACA,IAAAC,EAAA,KACA,KAAAJ,aAAAK,YAAA,KAAAL,aAAA,GACA,KAAAA,aAAA,SAAAA,aAAA,OAAAA,aAEA,IAAAM,EAAAC,YAAA,KAAAf,KACAgB,EAAAD,YAAA,KAAAP,cAEA,KAAAC,aAAAQ,KAAAhB,IAAAa,EAAAE,GAEA,KAAAN,eAAAQ,aAAA,WAEAN,EAAAO,MAAA,kBAAAP,EAAAN,aACAO,YAAA,KAAAd,QAAA,MAEAqB,YAAA,KAAAhB,cAEA,KAAAiB,2BAIAzF,S,+VAAA0F,CAAA,CAEAC,wBAAA,WACA,IAAAC,EAAA,KACA,GAAAJ,YAAA,KAAAhB,aAEA,SAGA,QAAAqB,oBAAA,QAAArB,cAAA,KAAAqB,mBACA,CACA,IAAAC,EAAA,KAAAC,OAAAC,MAAAC,OAAAC,MAAAC,MAAA,SAAAC,GAAA,OAAAA,EAAA5B,cAAAoB,EAAApB,eAEA,OAAAsB,IAAAO,SAAA,EAGA,UAGAxC,UAAA,WAEA,OAAAyC,YAAA,KAAA3B,UAAA,KAAAD,UAAA,KAAAE,aAAA,KAAAD,SAGAvB,UAAA,WAEA,OAAAkD,YAAA,KAAAjD,UAAA,KAAAqB,UAAA,KAAAE,aAAA,KAAAvB,SAGAS,YAAA,WAEA,YAAArB,WACA,wCACA,CACA2B,IAAA,KAAAmC,SAAAC,QAAAC,aAAA,KAAA9B,YAKAjB,YAAA,WAEA,YAAAjB,WACA,wCACA,CACA4B,IAAA,KAAAkC,SAAAC,QAAAC,aAAA,KAAApC,QAKA1B,aAAA,WAEA,YAAA4D,SAAAC,QAAAC,aAAA,KAAA/B,YAGAmB,mBAAA,WAEA,YAAAE,OAAAC,MAAAE,MAAAQ,UAAA,EAEA,KAAAX,OAAAY,QAAA,GAAAhH,OAAA,KAAAoG,OAAAC,MAAAE,MAAAQ,UAAA,0BAAAE,UAAAC,GAGA,IAGAC,YAAA,CACAC,YAAA,SAAAf,GAAA,OAAAA,EAAAC,OAAAC,UAIAc,MACA,CACAxC,YAAA,SAAAyC,GAEAX,YAAAW,IAEA,KAAAxB,2BAIAsB,YACA,CACAG,QAAA,SAAAD,EAAAE,GAEAb,YAAA,KAAA9B,cAEA,KAAAiB,2BAGA2B,MAAA,GAGAhD,IAAA,SAAA6C,GAEA,KAAAtC,QAAAsC,EACA,KAAAxB,2BAGApB,IAAA,SAAA4C,GAEA,KAAA5D,QAAA4D,EACA,KAAAxB,2BAGA/F,MAAA,SAAAuH,EAAAE,GAEAF,IAAAE,GAEA,KAAApE,SAAAkE,IAIA3C,SAAA,SAAA+C,GAEA,KAAAzC,aAAAK,YAAAoC,EAAA,KAIAC,QACA,CACA1D,cAAA,WAEA,IAAAqD,EAAAM,YAAA,KAAA7C,UAAA,KAAAE,aAAA,KAAAC,eAEAW,YAAA,KAAAnC,UAAA4D,GAAA,KAAA5D,WAAA,KAAAb,SAEA,KAAAO,SAAAkE,IAIAlD,cAAA,WAEA,IAAAkD,EAAAM,YAAA,KAAA7C,UAAA,KAAAE,aAAA,KAAAC,eAEAW,YAAA,KAAAb,UAAAsC,GAAA,KAAAtC,WAAA,KAAAnC,SAEA,KAAAO,SAAAkE,IAIAlE,SAAA,SAAArD,GAkBA,IAAA8H,EAfA,iBAAA9H,IAEAA,IAAA+H,QAAAC,IAAAC,kBAAA,UAGAjI,EAAAkI,WAAAlI,GACAmI,MAAAnI,KAEAA,EAAAuF,YAAA,KAAAN,QAAA,IAIAjF,EAAAoI,YAAApI,EAAA,KAAAiF,QAAA,KAAAtB,UAMAmE,EAFA,SAAA7B,yBAAA,SAAAvB,IAEAmD,aAAA7H,EAAA,KAAA0E,KAAA,KAAAQ,aAAA,KAAAC,cAAA,GAIA0C,YAAA7H,EAAA,KAAAkF,aAAA,KAAAC,cAAA,IAGA,GAAA2C,IAAA,KAAA5C,eAEA4C,EAAA,KAAA5C,aAAA,EAEAlF,GAAA8H,EAIA9H,GAAA,KAAAkF,aAAA4C,EAEA9H,EAAAoI,YAAApI,EAAA,KAAAiF,QAAA,KAAAtB,WAIA3D,EAAA6H,YAAA7H,EAAA,KAAAmF,iBAEA,KAAAH,WAEA,KAAAA,UAAAhF,EACA,KAAAoF,kBAEAU,YAAA,KAAAuC,MAAAC,sBAEA,KAAAD,MAAAC,mBAAAtI,MAAA,KAAAiD,eAIA8C,wBAAA,YAEAD,YAAA,KAAApB,MAAA,KAAAuB,yBAAA,KAAAvB,KAAA,SAAAuB,wBAGA,KAAAhB,QAAA,KAAAC,aAEA,SAAAe,0BAGA,KAAAhB,QAAA,KAAAP,KAGAoB,YAAA,KAAAnB,KAkBA,KAAAkB,MAAA,oBAfA,KAAAlC,QAAA,KAAAgB,IAAA,KAAAsB,wBAEA,KAAAA,wBAAA,KAAAf,aAAA,KAAAP,KAEA,KAAAM,QAAA,EACA,KAAAtB,QAAA,EACA,KAAAkC,MAAA,oBAIA,KAAAA,MAAA,oBAQA,KAAAxC,SAAA,KAAA4B,Y,OEhVIsD,EAAY,YACd,EACAjG,EH8FoB,IG5FpB,EACA,KACA,KACA,MAIa,UAAAiG,E,iDClBf,IAAIjG,EAAS,WACX,IAAIC,EAAM9B,KACR+B,EAAKD,EAAIE,MAAMD,GACjB,OAAOA,EAAG,MAAO,EACdD,EAAIiG,cAAgBjG,EAAIkG,eAAiBlG,EAAImG,mBAC1ClG,EACE,MACA,CACEe,WAAY,CAAC,CAAEC,KAAM,UAAWC,QAAS,cACzCf,YAAa,4CACbmB,MAAO,CAAE,oBAAqBtB,EAAIoG,WAClC/F,MAAO,CACL,cAAe,UACf,iBAAkB,MAClBmB,MAAO,mBAETb,GAAI,CACFe,MAAO,SAAUb,GACf,OAAOb,EAAIqG,kBAIjB,CACEpG,EAAG,IAAK,CACNE,YAAa,gDAInBH,EAAIsG,KACRtG,EAAIe,GAAG,KACNf,EAAIiG,eAAgBjG,EAAIkG,eAAkBlG,EAAImG,mBAuB3CnG,EAAIsG,KAtBJrG,EACE,MACA,CACEe,WAAY,CAAC,CAAEC,KAAM,UAAWC,QAAS,cACzCf,YAAa,4CACbE,MAAO,CACL,cAAe,UACf,iBAAkB,MAClBmB,MAAO,mBAETb,GAAI,CACFe,MAAO,SAAUb,GACf,OAAOb,EAAIqG,kBAIjB,CACEpG,EAAG,IAAK,CACNE,YAAa,gDAKvBH,EAAIe,GAAG,KACPf,EAAIiG,eAAiBjG,EAAIkG,cACrBjG,EAAG,MAAO,CAAEE,YAAa,2BAA6B,CACpDF,EAAG,MAAO,CAAEE,YAAa,2BAA6B,CACpDH,EAAIuG,iBAAmB,EACnBtG,EAAG,MAAO,CACRD,EAAIe,GACF,aACEf,EAAIwG,GACFxG,EAAIQ,WACF,+CAGJ,IACAR,EAAIwG,GAAGxG,EAAIuG,kBACX,aACAvG,EAAIwG,GACFxG,EAAIQ,WACF,+CAGJ,cAGNR,EAAIsG,KACRtG,EAAIe,GAAG,KACPd,EACE,MACA,CAAEE,YAAa,4BACf,CACEF,EAAG,iBAAkB,CACnBI,MAAO,CACL5C,MAAOuC,EAAIoE,SACXlC,QAAS,EACTC,IAAKnC,EAAIyG,gBACTrE,IAAKpC,EAAI0G,gBACTrE,SAAUrC,EAAIuG,iBACd,eAAgBvG,EAAIuC,YACpBhC,QACEP,EAAIoG,YACHpG,EAAI2G,YACJ3G,EAAI4G,uBAETjG,GAAI,CACF,kBAAmBX,EAAI6G,eACvB,eAAgB7G,EAAI8G,sBAI1B,GAEF9G,EAAIe,GAAG,KACNf,EAAI4G,uBACJ5G,EAAI2G,YACL3G,EAAI+G,oCAgCC/G,EAAIgH,gBAmCL/G,EACE,SACA,CACEe,WAAY,CAAC,CAAEC,KAAM,UAAWC,QAAS,cACzCf,YACE,oDACFmB,MAAOtB,EAAIiH,cACXC,MAAOlH,EAAImH,oBACX9G,MAAO,CACL,cAAe,UACf,iBAAkB,MAClBmB,MAAOxB,EAAIoH,GAAG,YAAPpH,CACL,wCACA,CAAEoC,IAAKpC,EAAI0G,oBAIjB,CACEzG,EAAG,OAAQ,CACTI,MAAO,CAAEgH,KAAM,gBAAiB9G,QAASP,EAAIoG,aAE/CpG,EAAIe,GAAG,KACPf,EAAIuG,iBAAmB,EACnB,CAACvG,EAAIe,GAAGf,EAAIwG,GAAGxG,EAAIuG,kBAAoB,OACvCvG,EAAIsG,KACRtG,EAAIe,GACFf,EAAIwG,GACFxG,EAAIQ,WAAW,0CACb,aAGR,GAjEFP,EACE,SACA,CACEE,YAAa,2CACbmB,MAAOtB,EAAIiH,cACXC,MAAOlH,EAAImH,oBACX9G,MAAO,CACLC,SACEN,EAAIoG,YACHpG,EAAIsH,UACLtH,EAAI+G,qCAERpG,GAAI,CACFe,MAAO,SAAUb,GACf,OAAOb,EAAIuH,iBAIjB,CACEtH,EAAG,OAAQ,CACTI,MAAO,CAAEgH,KAAM,gBAAiB9G,QAASP,EAAIoG,aAE/CpG,EAAIe,GAAG,KACPf,EAAIuG,iBAAmB,EACnB,CAACvG,EAAIe,GAAGf,EAAIwG,GAAGxG,EAAIuG,kBAAoB,OACvCvG,EAAIsG,KACRtG,EAAIe,GACFf,EAAIwG,GACFxG,EAAIQ,WAAW,0CACb,aAGR,GAhEFP,EACE,SACA,CACEe,WAAY,CAAC,CAAEC,KAAM,UAAWC,QAAS,cACzCf,YACE,oDACFmB,MAAOtB,EAAIiH,cACXC,MAAOlH,EAAImH,oBACX9G,MAAO,CACL,cAAe,UACf,iBAAkB,MAClBmB,MAAOxB,EAAIwH,cAGf,CACEvH,EAAG,IAAK,CACNE,YAAa,sBACbE,MAAO,CAAE,cAAe,UAE1BL,EAAIe,GAAG,KACPf,EAAIuG,iBAAmB,EACnB,CAACvG,EAAIe,GAAGf,EAAIwG,GAAGxG,EAAIuG,kBAAoB,OACvCvG,EAAIsG,KACRtG,EAAIe,GACFf,EAAIwG,GACFxG,EAAIQ,WAAW,0CACb,aAGR,OAwEVR,EAAIsG,KACRtG,EAAIe,GAAG,KACNf,EAAIiG,cAAiBjG,EAAIkG,eAAoC,SAAnBlG,EAAIyH,WAmE3CzH,EAAIsG,KAlEJrG,EAAG,MAAO,CAAEE,YAAa,2BAA6B,CACpDF,EACE,MACA,CACEE,YAAa,YACbE,MAAO,CAAEqH,KAAM,QAAS,aAAc,kBAExC,CACE1H,EAAImG,oBAAsBnG,EAAIyH,WAC1BxH,EACE,SACA,CACEE,YACE,8CACFmB,MAAO,CAAE,oBAAqBtB,EAAIoG,WAClC/F,MAAO,CAAEhD,KAAM,UACfsD,GAAI,CACFe,MAAO,SAAUb,GACf,OAAOb,EAAIqG,kBAIjB,CACEpG,EAAG,IAAK,CACNE,YACE,8CAEJH,EAAIe,GAAG,KACPd,EAAG,OAAQ,CAAEE,YAAa,oBAAsB,CAC9CH,EAAIe,GAAG,uBAIbd,EACE,SACA,CACEE,YACE,8CACFE,MAAO,CAAEhD,KAAM,UACfsD,GAAI,CACFe,MAAO,SAAUb,GACf,OAAOb,EAAIqG,kBAIjB,CACEpG,EAAG,IAAK,CACNE,YACE,4CACFE,MAAO,CAAE,cAAe,UAE1BL,EAAIe,GAAG,KACPd,EAAG,OAAQ,CAAEE,YAAa,oBAAsB,CAC9CH,EAAIe,GACF,eACEf,EAAIwG,GACFxG,EAAIQ,WAAW,iCAEjB,yBAY5BT,EAAOgC,eAAgB,E,mjECpKvB,IAAA4F,EAAAC,EAAA,IA4TA,SAAAC,EAAAC,GACA,IAAAC,EAAA,EACAC,EAAA,GAqBA,OAnBAF,EAAAG,SAAA,SAAAC,GACA,IAAA3E,YAAA2E,EAAAC,SAAA1K,OAAA,CACA,IAAA0K,EAAAD,EAAAC,SAEA,UAAAA,EAAAC,WAAA7E,YAAA4E,EAAA1K,QAAA0K,EAAA1K,MAAA4K,OAAA,KAAA5C,IAAAC,mBACAyC,EAAA1K,MAAA0K,EAAA1K,MAAA6K,OAAA,EAAAH,EAAA1K,MAAAgC,OAAA,IAGAsI,IAAAG,EAAAK,WAAA,IAAAJ,EAAAI,WAAA,GAEAP,EAAA/I,KAAA,CACAuJ,WAAAL,EAAAvD,GACAvH,KAAA8K,EAAAC,UACAnH,KAAAkH,EAAAM,MAAAxH,KACAxD,MAAA0K,EAAA1K,YAKA,CACAuK,cACAD,kBC5ckN,MDyHnM,CACf9G,KAAA,gBAEAyH,OAAA,CAAAxL,KAEAyL,WAAA,CACAC,yBAGAzL,MAAA,CACA0L,QAAAvL,OACA2I,aAAA,CACA5I,KAAAiF,QACA/E,SAAA,GAEA2I,cAAA,CACA7I,KAAAiF,QACA/E,SAAA,GAEAgF,YAAA,CACAlF,KAAA2E,QAEA2E,UAAA,CACAtJ,KAAAiF,QACA/E,SAAA,GAEAuL,YAAA,CACAzL,KAAAiF,QACA/E,SAAA,GAEAgJ,iBAAA,CACAlJ,KAAA2E,OACAzE,QAAA,GAEAkJ,gBAAA,CACApJ,KAAA2E,OACAzE,QAAA,GAEAmJ,gBAAA,CACArJ,KAAA2E,OACAzE,QAAA,MAEAuK,gBAAA,CACAzK,KAAA0L,MACAxL,QAAA,sBAEAyL,mBAAA,CACA3L,KAAAiF,QACA/E,SAAA,GAEA+J,SAAA,CACAjK,KAAAiF,QACA/E,SAAA,GAEA0L,eAAA,CACA5L,KAAAC,OACAC,QAAA,MAEA4J,oBAAA,CACA9J,KAAAC,OACAC,QAAA,MAEAkK,WAAA,CACApK,KAAAiF,QACA/E,SAAA,GAEA2L,aAAA,CACA7L,KAAA2E,OACAzE,QAAA,MAEA4L,SAAA,CACA9L,KAAAC,OACAC,QAAA,OAIA6L,OAAA,CACAC,OAAA,CACA9L,QAAA,OAIAQ,S,+VAAA0F,CAAA,CACA6F,MAAA,WACA,OACA,KAAAxF,OAAAC,MAAAE,MAAA,KAAAoF,SACA,KAAAvF,OAAAC,MAAAE,MAAA,KAAAoF,QAAA1E,WACA,aAAAb,OAAAC,MAAAE,MAAA,KAAAoF,QAAA1E,UAAA4E,UAAA,GAAA/G,KAAAgH,KAAAL,UACA,aAAAA,UAIAhD,mBAAA,WACA,OACA,KAAAQ,YACA,KAAAmC,eACA,QAAArC,iBAAA,QAAAF,oBACA,KAAAkD,qBACA,KAAA1C,qCACA,KAAAO,WACA,KAAAgC,OAIAG,mBAAA,WACA,OACAhE,IAAAiE,OAAAF,KAAAG,yBACA,KAAAX,oBAAA,KAAAlB,gBAAA8B,QAAA,SAAAzB,GAAA,OAAAA,WAAA0B,qBAAApK,OAAA,IAIAsH,oCAAA,WACA,IAAA+C,EAAAlM,OAAAS,OAAA,KAAAyF,OAAAC,MAAAE,OAAA,GACA,IAAA6F,EAAAnF,UAAA,SAEA,IAAAoF,EAAAD,EAAAnF,UAAA4E,UAAA,GAAA/G,KAAAuH,WACAC,EAAA,GAYA,OAVAD,EAAA9B,SAAA,SAAAE,GACAA,KAAA8B,QACAD,EAAA7B,EAAA8B,MAAArF,MAAAoF,EAAA7B,EAAA8B,MAAArF,KAAA,GAEAuD,WAAA1K,QACAuM,EAAA7B,EAAA8B,MAAArF,KAAA,OAKAhH,OAAAS,OAAA2L,GAAAE,UAAA,IAGAjD,cAAA,WACA,IAAAkD,EAAA,GAUA,OARA9F,YAAA,KAAArG,kBACAmM,EAAAlL,KAAA,KAAAjB,iBAGAqG,YAAA,KAAA4E,iBACAkB,EAAAlL,KAAA,KAAAgK,eAAAmB,MAAA,MAGAD,GAGA3C,YAAA,WACA,YAAA6C,uBACA,KAAA7J,WAAA,wDAEA,KAAAA,WAAA,uDAIA8J,uBAAA,WACA,YAAAxG,OAAAC,MAAAE,MAAA,KAAAoF,SAAA,KAAAvF,OAAAC,MAAAE,MAAA,KAAAoF,QAAAiB,wBAGAC,2BAAA,WACA,YAAAzG,OAAAY,QAAA,GAAAhH,OAAA,KAAA2L,OAAA,iCAGAgB,uBAAA,WACA,OACA,KAAAvG,OAAAC,MAAAE,MAAA,KAAAoF,SACA,KAAAvF,OAAAC,MAAAE,MAAA,KAAAoF,QAAAmB,iBACA,KAAA1G,OAAAC,MAAAE,MAAA,KAAAoF,QAAAmB,gBAAArG,WAAAsG,MAAA,SAAA9F,GAAA,OAAAA,EAAAgC,cAIAC,sBAAA,WACA,YAAA0C,MACA,KAAAxF,OAAAY,QAAA,6BAKA,KAAAZ,OAAAC,MAAAE,MAAA,KAAAoF,SACA,KAAAvF,OAAAC,MAAAE,MAAA,KAAAoF,QAAAmB,iBAAA,KAAA1G,OAAAC,MAAAE,MAAA,KAAAoF,QAAAmB,gBAAAE,qBAKAtE,UAAA,WACA,YAAAtC,OAAAC,MAAAE,MAAA0G,uBAAA,KAAApI,aAAA,KAAAuB,OAAAC,MAAAE,MAAA2G,eAGA/F,YAAA,CACAC,YAAA,SAAAf,GAAA,OAAAA,EAAAC,OAAAC,OACA4G,gBAAA,SAAA9G,GAAA,OAAAA,EAAAC,OAAA6G,oBAIArI,KAAA,WACA,OACA4B,SAAA,EACA4C,iBAAA,IAIA3B,QAAA,CAIAkC,YAAA,eAAAxE,EAAA,KAIA,GAHA,KAAAe,OAAAgH,SAAA,8CACA,KAAAhH,OAAAgH,SAAA,uCAEAC,IAAA,KAAAR,4BAAA,KAAAA,2BAAA9K,OACA,KAAAuL,kCACA,QAAArE,WAAA,KAAA2C,MAAA,CACA,KAAAxF,OAAAmH,OAAA,+BAAA1I,aAEA,IAAA2I,EAAArD,EAAA,KAAAC,iBAEAjE,EAAA,CACAtB,YAAA,KAAAA,YACA6B,SAAA,KAAAA,SACA+G,sBAAAD,EAAAlD,YACAoD,uBAAAF,EAAAnD,gBAGA,QAAAuB,MAAA,CACA,IAAA+B,EAAA,GACA,KAAAvH,OAAAC,MAAAE,MAAAqH,gBAAArD,SAAA,SAAAoB,GACA,IAAAkC,EAAAxI,EAAAe,OAAAY,QAAA,GAAAhH,OAAA2L,EAAA,0BAEA9G,EAAAgJ,KAAA5G,UAAAC,GAGA4G,EAAA3D,EACA0D,EAAAxB,WAAAH,QAAA,SAAA6B,GAAA,OAAAA,EAAAtD,SAAAuD,mBAGAL,EAAApM,KAAA,CACAsD,cACA6B,SAAArB,EAAAe,OAAAC,MAAAE,MAAAoF,GAAAiB,uBACAa,sBAAAK,EAAAxD,YACAoD,uBAAAI,EAAAzD,oBAGAlE,EAAAwH,gBAGA,KAAAvH,OAAAgH,SAAA,gBAAAjH,GAAA8H,MACA,SAAAC,GACAC,SAAAC,cAAA,IAAAC,YAAA,wBAAAC,OAAAnI,KACAd,EAAAe,OAAAmH,OAAA,gCAEA,SAAAgB,GACAlJ,EAAAe,OAAAmH,OAAA,6BAEAgB,EAAAzJ,MACAmF,EAAAsE,MACAlJ,EAAAvC,WAAA,mBAAA0L,IAAAC,IAAAF,EAAAzJ,KAAA4J,cAAAC,YAAAJ,EAAAzJ,KAAA8J,cACAC,WAAA,UAMAvB,2BAAA,WACA,KAAAlH,OAAAmH,OAAA,GAAAvN,OAAA,KAAA2L,OAAA,qCAEA,IAGAmD,EAFAC,EAAA,GAAAC,EAAAC,EADA,KAAApC,2BAAAqC,KAAA,SAAAzE,GAAA,OAAAA,WAAAM,MAAAxH,SAGA,QAAAyL,EAAAG,MAAAL,EAAAE,EAAAI,KAAAC,MAAA,CACAN,GADAD,EAAA/O,MACA,QACA,MAAAuP,GAAAN,EAAAO,EAAAD,GAAA,QAAAN,EAAA1N,IAEA2I,EAAAsE,MACA,KAAAzL,WAAA,yDAAAgF,QAAA,eAAAiH,KAIApG,aAAA,WACA6G,YAAA,KAAArE,UAGA/B,kBAAA,SAAArJ,GACA,KAAAuJ,gBAAAvJ,GAOAoJ,eAAA,SAAApJ,GACA,KAAA2G,SAAA3G,IAIAsH,MAAA,CACAX,SAAA,SAAA3G,GACA8F,YAAA,KAAA8F,UACA,KAAAvF,OAAAmH,OAAA,GAAAvN,OAAA,KAAA2L,OAAA,8BAAA5L,GACA,KAAAqG,OAAAmH,OAAA,GAAAvN,OAAA,KAAA2L,OAAA,wCAAAvF,OAAAY,QAAA,GAAAhH,OAAA,KAAA2L,OAAA,2BAIAiB,uBAAA,SAAA7M,GACA,KAAA2G,WAAA3G,IACA,KAAA2G,SAAA3G,IAIAyL,aAAA,SAAAzL,GACAmI,MAAAnI,KACA,KAAA2G,SAAA3G,M,OEtaIuI,EAAY,YACd,EACAjG,EHiRoB,IG/QpB,EACA,KACA,KACA,MAIa,UAAAiG,E","file":"chunks/ceres-client-4.min.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\n\nconst LEGACY_CLASS_MAP = {\n    \"sm\": \"btn-sm\",\n    \"md\": \"\",\n    \"lg\": \"btn-lg\"\n};\n\nexport const ButtonSizePropertyMixin =\n{\n    props: {\n        buttonSize:\n        {\n            type: [String, null],\n            default: null,\n            validator: value =>\n            {\n                return [\n                    \"\",\n                    ...BUTTON_SIZES,\n                    ...Object.keys(LEGACY_CLASS_MAP)\n                ].indexOf(value) !== -1;\n            }\n        }\n    },\n\n    computed: {\n        buttonSizeClass()\n        {\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\n            {\n                return LEGACY_CLASS_MAP[this.buttonSize];\n            }\n\n            return this.buttonSize;\n        }\n    }\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.es/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar fails = require('../internals/fails');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar objectGetPrototypeOf = require('../internals/object-get-prototype-of');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar $propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\nvar propertyIsEnumerable = uncurryThis($propertyIsEnumerable);\nvar push = uncurryThis([].push);\n\n// in some IE versions, `propertyIsEnumerable` returns incorrect result on integer keys\n// of `null` prototype objects\nvar IE_BUG = DESCRIPTORS && fails(function () {\n  // eslint-disable-next-line es/no-object-create -- safe\n  var O = Object.create(null);\n  O[2] = 2;\n  return !propertyIsEnumerable(O, 2);\n});\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var IE_WORKAROUND = IE_BUG && objectGetPrototypeOf(O) === null;\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || (IE_WORKAROUND ? key in O : propertyIsEnumerable(O, key))) {\n        push(result, TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.es/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.es/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"qty-box d-flex h-100\" }, [\n    _c(\"input\", {\n      ref: \"quantityInputField\",\n      staticClass: \"qty-input text-center\",\n      attrs: {\n        type: \"text\",\n        disabled: _vm.waiting,\n        \"aria-label\": _vm.$translate(\"Ceres::Template.itemQuantityInput\"),\n      },\n      domProps: { value: _vm.displayValue },\n      on: {\n        change: function ($event) {\n          return _vm.setValue($event.target.value)\n        },\n      },\n    }),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"qty-btn-container d-flex flex-column\" }, [\n      _c(\n        \"button\",\n        {\n          directives: [\n            {\n              name: \"tooltip\",\n              rawName: \"v-tooltip\",\n              value: _vm.isMaximum && _vm.compMax !== 0,\n              expression: \"isMaximum && compMax !== 0\",\n            },\n          ],\n          staticClass:\n            \"btn qty-btn flex-fill d-flex justify-content-center p-0\",\n          class: {\n            disabled: _vm.isMaximum || _vm.waiting,\n            \"btn-appearance\": _vm.useAppearance,\n          },\n          attrs: {\n            \"data-toggle\": \"tooltip\",\n            \"data-placement\": \"top\",\n            \"data-testing\": \"quantity-btn-increase\",\n            title: _vm.maximumHint,\n            \"aria-label\": _vm.$translate(\n              \"Ceres::Template.itemQuantityInputIncrease\"\n            ),\n          },\n          on: {\n            click: function ($event) {\n              return _vm.increaseValue()\n            },\n          },\n        },\n        [\n          _c(\"i\", {\n            staticClass: \"fa fa-plus default-float\",\n            attrs: { \"aria-hidden\": \"true\" },\n          }),\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          directives: [\n            {\n              name: \"tooltip\",\n              rawName: \"v-tooltip\",\n              value: _vm.isMinimum && _vm.compMax !== 0,\n              expression: \"isMinimum && compMax !== 0\",\n            },\n          ],\n          staticClass:\n            \"btn qty-btn flex-fill d-flex justify-content-center p-0\",\n          class: {\n            disabled: _vm.isMinimum || _vm.waiting,\n            \"btn-appearance\": _vm.useAppearance,\n          },\n          attrs: {\n            \"data-toggle\": \"tooltip\",\n            \"data-placement\": \"bottom\",\n            \"data-testing\": \"quantity-btn-decrease\",\n            title: _vm.minimumHint,\n            \"aria-label\": _vm.$translate(\n              \"Ceres::Template.itemQuantityInputDecrease\"\n            ),\n          },\n          on: {\n            click: function ($event) {\n              return _vm.decreaseValue()\n            },\n          },\n        },\n        [\n          _c(\"i\", {\n            staticClass: \"fa fa-minus default-float\",\n            attrs: { \"aria-hidden\": \"true\" },\n          }),\n        ]\n      ),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"qty-box d-flex h-100\">\n        <input class=\"qty-input text-center\"\n               type=\"text\"\n               :value=\"displayValue\"\n               @change=\"setValue($event.target.value)\"\n               :disabled=\"waiting\"\n               ref=\"quantityInputField\"\n               :aria-label=\"$translate('Ceres::Template.itemQuantityInput')\">\n\n        <div class=\"qty-btn-container d-flex flex-column\">\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0\"\n                 @click=\"increaseValue()\"\n                 :class=\"{ 'disabled': isMaximum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMaximum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"top\"\n                 data-testing=\"quantity-btn-increase\"\n                 :title=\"maximumHint\"\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputIncrease')\">\n                <i class=\"fa fa-plus default-float\" aria-hidden=\"true\"></i>\n            </button>\n\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0\"\n                 @click=\"decreaseValue()\"\n                 :class=\"{ 'disabled': isMinimum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMinimum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"bottom\"\n                 data-testing=\"quantity-btn-decrease\"\n                 :title=\"minimumHint\"\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputDecrease')\">\n                <i class=\"fa fa-minus default-float\" aria-hidden=\"true\"></i>\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { floatLength, formatFloat, limit } from \"../../helper/number\";\nimport { defaultValue, isDefined, isNullOrUndefined } from \"../../helper/utils\";\nimport { debounce } from \"../../helper/debounce\";\nimport { mapState } from \"vuex\";\n\nexport default {\n    name: \"quantity-input\",\n\n    props: {\n        value: {\n            type: Number,\n            required: true\n        },\n        timeout: {\n            type: Number,\n            required: false,\n            default: 500\n        },\n        min: {\n            type: Number,\n            required: false,\n            default: 0\n        },\n        max: {\n            type: Number,\n            required: false\n        },\n        interval: {\n            type: Number,\n            required: false,\n            default: 1\n        },\n        waiting: {\n            type: Boolean,\n            required: false\n        },\n        variationId: {\n            type: Number,\n            required: false\n        },\n        useAppearance: Boolean\n    },\n\n    data()\n    {\n        return {\n            compValue:      this.value,\n            compMin:        this.min,\n            compMax:        this.max,\n            compInterval:   this.interval,\n            compDecimals:   0,\n            onValueChanged: null\n        };\n    },\n\n    created()\n    {\n        this.compInterval = defaultValue(this.compInterval, 1);\n        this.compInterval = this.compInterval === 0 ? 1 : this.compInterval;\n\n        const minDecimals = floatLength(this.min);\n        const intervalDecimals = floatLength(this.compInterval);\n\n        this.compDecimals = Math.max(minDecimals, intervalDecimals);\n\n        this.onValueChanged = debounce(() =>\n        {\n            this.$emit(\"quantity-change\", this.compValue);\n        }, defaultValue(this.timeout, 500));\n\n        if (!isNullOrUndefined(this.variationId))\n        {\n            this.fetchQuantityFromBasket();\n        }\n    },\n\n    computed:\n    {\n        variationBasketQuantity()\n        {\n            if (isNullOrUndefined(this.variationId))\n            {\n                return 0;\n            }\n\n            if(this.itemSetVariationId <= 0 || this.variationId === this.itemSetVariationId)\n            {\n                const basketObject = this.$store.state.basket.items.find(variations => variations.variationId === this.variationId);\n\n                return basketObject ? basketObject.quantity : 0;\n            }\n\n            return 0;\n        },\n\n        isMinimum()\n        {\n            return isDefined(this.compMin) && (this.compValue - this.compInterval) < this.compMin;\n        },\n\n        isMaximum()\n        {\n            return isDefined(this.compMax) && (this.compValue + this.compInterval) > this.compMax;\n        },\n\n        minimumHint()\n        {\n            return this.$translate(\n                \"Ceres::Template.singleItemQuantityMin\",\n                {\n                    min: this.$options.filters.numberFormat(this.compMin)\n                }\n            );\n        },\n\n        maximumHint()\n        {\n            return this.$translate(\n                \"Ceres::Template.singleItemQuantityMax\",\n                {\n                    max: this.$options.filters.numberFormat(this.max)\n                }\n            );\n        },\n\n        displayValue()\n        {\n            return this.$options.filters.numberFormat(this.compValue);\n        },\n\n        itemSetVariationId()\n        {\n            if (this.$store.state.items.itemSetId > 0)\n            {\n                return this.$store.getters[`${this.$store.state.items.itemSetId}/currentItemVariation`].variation.id;\n            }\n\n            return 0;\n        },\n\n        ...mapState({\n            basketItems: state => state.basket.items\n        })\n    },\n\n    watch:\n    {\n        variationId(newValue)\n        {\n            if (isDefined(newValue))\n            {\n                this.fetchQuantityFromBasket();\n            }\n        },\n\n        basketItems:\n        {\n            handler(newValue, oldValue)\n            {\n                if (isDefined(this.variationId))\n                {\n                    this.fetchQuantityFromBasket();\n                }\n            },\n            deep: true\n        },\n\n        min(newValue)\n        {\n            this.compMin = newValue;\n            this.fetchQuantityFromBasket();\n        },\n\n        max(newValue)\n        {\n            this.compMax = newValue;\n            this.fetchQuantityFromBasket();\n        },\n\n        value(newValue, oldValue)\n        {\n            if (newValue !== oldValue)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        interval(newInterval)\n        {\n            this.compInterval = defaultValue(newInterval, 1)\n        }\n    },\n\n    methods:\n    {\n        increaseValue()\n        {\n            const newValue = formatFloat(this.compValue + this.compInterval, this.compDecimals);\n\n            if ((isNullOrUndefined(this.compMax) || newValue <= this.compMax) && !this.waiting)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        decreaseValue()\n        {\n            const newValue = formatFloat(this.compValue - this.compInterval, this.compDecimals);\n\n            if ((isNullOrUndefined(this.compMin) || newValue >= this.compMin) && !this.waiting)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        setValue(value)\n        {\n            // consider the configured decimal seperator (if the input is typed in the input field)\n            if (typeof value === \"string\")\n            {\n                value = value.replace(App.decimalSeparator || \",\", \".\");\n            }\n\n            value = parseFloat(value);\n            if (isNaN(value))\n            {\n                value = defaultValue(this.compMin, 1);\n            }\n\n            // limit new value to min/ max value\n            value = limit(value, this.compMin, this.compMax);\n\n            // make sure, new value is an even multiple of interval\n            let diff;\n            if (this.variationBasketQuantity === 0 && this.min !== 0)\n            {\n                diff = formatFloat((value - this.min) % this.compInterval, this.compDecimals, true);\n            }\n            else\n            {\n                diff = formatFloat(value % this.compInterval, this.compDecimals, true);\n            }\n\n            if (diff > 0 && diff !== this.compInterval)\n            {\n                if (diff < this.compInterval / 2)\n                {\n                    value -= diff;\n                }\n                else\n                {\n                    value += this.compInterval - diff;\n                }\n                value = limit(value, this.compMin, this.compMax);\n            }\n\n            // cut fraction\n            value = formatFloat(value, this.compDecimals);\n\n            if (value !== this.compValue)\n            {\n                this.compValue = value;\n                this.onValueChanged();\n            }\n            else if (!isNullOrUndefined(this.$refs.quantityInputField))\n            {\n                this.$refs.quantityInputField.value = this.displayValue;\n            }\n        },\n\n        fetchQuantityFromBasket()\n        {\n            if (!isNullOrUndefined(this.min) && this.variationBasketQuantity >= this.min && this.variationBasketQuantity !== 0)\n            {\n                // set the minimum value to the interval, if the item is already in the basket\n                this.compMin = this.compInterval;\n            }\n            else if (this.variationBasketQuantity === 0)\n            {\n                // reset the minimum, when item is not in the basket\n                this.compMin = this.min;\n            }\n\n            if (!isNullOrUndefined(this.max))\n            {\n                // decrease maximum quantity by quantity of variations already in basket\n                this.compMax = this.max - this.variationBasketQuantity;\n\n                if (this.variationBasketQuantity + this.compInterval > this.max)\n                {\n                    this.compMin = 0;\n                    this.compMax = 0;\n                    this.$emit(\"out-of-stock\", true);\n                }\n                else\n                {\n                    this.$emit(\"out-of-stock\", false);\n                }\n            }\n            else\n            {\n                this.$emit(\"out-of-stock\", false);\n            }\n\n            this.setValue(this.compMin);\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./QuantityInput.vue?vue&type=template&id=a3caeba8\"\nimport script from \"./QuantityInput.vue?vue&type=script&lang=js\"\nexport * from \"./QuantityInput.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    !_vm.showQuantity && _vm.useLargeScale && _vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container hidden-md-down\",\n            class: { \"no-pointer-events\": _vm.isLoading },\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: \"Details ansehen\",\n            },\n            on: {\n              click: function ($event) {\n                return _vm.directToItem()\n              },\n            },\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-arrow-right fa-lg mobile-icon-right\",\n            }),\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && _vm.useLargeScale && !_vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container hidden-md-down\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: \"Design anpassen\",\n            },\n            on: {\n              click: function ($event) {\n                return _vm.directToItem()\n              },\n            },\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-arrow-right fa-lg mobile-icon-right\",\n            }),\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.showQuantity && !_vm.useLargeScale\n      ? _c(\"div\", { staticClass: \"category-list-view-port\" }, [\n          _c(\"div\", { staticClass: \"add-to-basket-container\" }, [\n            _vm.intervalQuantity > 1\n              ? _c(\"div\", [\n                  _vm._v(\n                    \"\\n        \" +\n                      _vm._s(\n                        _vm.$translate(\n                          \"ODDeWall::Template.singleItemIntervalHint1\"\n                        )\n                      ) +\n                      \" \" +\n                      _vm._s(_vm.intervalQuantity) +\n                      \"\\n        \" +\n                      _vm._s(\n                        _vm.$translate(\n                          \"ODDeWall::Template.singleItemIntervalHint2\"\n                        )\n                      ) +\n                      \"\\n      \"\n                  ),\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"quantity-input-container\" },\n              [\n                _c(\"quantity-input\", {\n                  attrs: {\n                    value: _vm.quantity,\n                    timeout: 0,\n                    min: _vm.minimumQuantity,\n                    max: _vm.maximumQuantity,\n                    interval: _vm.intervalQuantity,\n                    \"variation-id\": _vm.variationId,\n                    waiting:\n                      _vm.isLoading ||\n                      !_vm.isSalable ||\n                      !_vm.allVariationsSelected,\n                  },\n                  on: {\n                    \"quantity-change\": _vm.updateQuantity,\n                    \"out-of-stock\": _vm.handleButtonState,\n                  },\n                }),\n              ],\n              1\n            ),\n            _vm._v(\" \"),\n            !_vm.allVariationsSelected ||\n            !_vm.isSalable ||\n            _vm.hasMissingSelectionForPropertyGroup\n              ? _c(\n                  \"button\",\n                  {\n                    directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                    staticClass:\n                      \"btn btn-block btn-primary btn-appearance disabled\",\n                    class: _vm.buttonClasses,\n                    style: _vm.paddingInlineStyles,\n                    attrs: {\n                      \"data-toggle\": \"tooltip\",\n                      \"data-placement\": \"top\",\n                      title: _vm.tooltipText,\n                    },\n                  },\n                  [\n                    _c(\"i\", {\n                      staticClass: \"fa fa-shopping-cart\",\n                      attrs: { \"aria-hidden\": \"true\" },\n                    }),\n                    _vm._v(\" \"),\n                    _vm.intervalQuantity > 1\n                      ? [_vm._v(_vm._s(_vm.intervalQuantity) + \"x \")]\n                      : _vm._e(),\n                    _vm._v(\n                      _vm._s(\n                        _vm.$translate(\"Ceres::Template.singleItemAddToBasket\")\n                      ) + \"\\n      \"\n                    ),\n                  ],\n                  2\n                )\n              : !_vm.buttonLockState\n              ? _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn btn-block btn-primary btn-appearance\",\n                    class: _vm.buttonClasses,\n                    style: _vm.paddingInlineStyles,\n                    attrs: {\n                      disabled:\n                        _vm.isLoading ||\n                        !_vm.hasPrice ||\n                        _vm.hasMissingSelectionForPropertyGroup,\n                    },\n                    on: {\n                      click: function ($event) {\n                        return _vm.addToBasket()\n                      },\n                    },\n                  },\n                  [\n                    _c(\"icon\", {\n                      attrs: { icon: \"shopping-cart\", waiting: _vm.isLoading },\n                    }),\n                    _vm._v(\" \"),\n                    _vm.intervalQuantity > 1\n                      ? [_vm._v(_vm._s(_vm.intervalQuantity) + \"x \")]\n                      : _vm._e(),\n                    _vm._v(\n                      _vm._s(\n                        _vm.$translate(\"Ceres::Template.singleItemAddToBasket\")\n                      ) + \"\\n      \"\n                    ),\n                  ],\n                  2\n                )\n              : _c(\n                  \"button\",\n                  {\n                    directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                    staticClass:\n                      \"btn btn-block btn-primary btn-appearance disabled\",\n                    class: _vm.buttonClasses,\n                    style: _vm.paddingInlineStyles,\n                    attrs: {\n                      \"data-toggle\": \"tooltip\",\n                      \"data-placement\": \"top\",\n                      title: _vm._f(\"translate\")(\n                        \"Ceres::Template.singleItemQuantityMax\",\n                        { max: _vm.maximumQuantity }\n                      ),\n                    },\n                  },\n                  [\n                    _c(\"icon\", {\n                      attrs: { icon: \"shopping-cart\", waiting: _vm.isLoading },\n                    }),\n                    _vm._v(\" \"),\n                    _vm.intervalQuantity > 1\n                      ? [_vm._v(_vm._s(_vm.intervalQuantity) + \"x \")]\n                      : _vm._e(),\n                    _vm._v(\n                      _vm._s(\n                        _vm.$translate(\"Ceres::Template.singleItemAddToBasket\")\n                      ) + \"\\n      \"\n                    ),\n                  ],\n                  2\n                ),\n          ]),\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && !_vm.useLargeScale && _vm.isWishList !== \"true\"\n      ? _c(\"div\", { staticClass: \"category-list-view-port\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"btn-group\",\n              attrs: { role: \"group\", \"aria-label\": \"Thumb Control\" },\n            },\n            [\n              _vm.canBeAddedToBasket || _vm.isWishList\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"btn btn-outline-primary mobile-width-button\",\n                      class: { \"no-pointer-events\": _vm.isLoading },\n                      attrs: { type: \"button\" },\n                      on: {\n                        click: function ($event) {\n                          return _vm.directToItem()\n                        },\n                      },\n                    },\n                    [\n                      _c(\"i\", {\n                        staticClass:\n                          \"fa fa-arrow-right fa-lg mobile-icon-right\",\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\"Details ansehen\"),\n                      ]),\n                    ]\n                  )\n                : _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"btn btn-outline-primary mobile-width-button\",\n                      attrs: { type: \"button\" },\n                      on: {\n                        click: function ($event) {\n                          return _vm.directToItem()\n                        },\n                      },\n                    },\n                    [\n                      _c(\"i\", {\n                        staticClass:\n                          \"fa fa-arrow-right fa-lg mobile-icon-right\",\n                        attrs: { \"aria-hidden\": \"true\" },\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\n                          \"\\n          \" +\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.itemShowItem\")\n                            ) +\n                            \"\\n        \"\n                        ),\n                      ]),\n                    ]\n                  ),\n            ]\n          ),\n        ])\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      :class=\"{ 'no-pointer-events': isLoading }\"\n      class=\"add-to-basket-lg-container hidden-md-down\"\n      v-if=\"!showQuantity && useLargeScale && canBeAddedToBasket\"\n      v-tooltip\n      data-toggle=\"tooltip\"\n      data-placement=\"top\"\n      title=\"Details ansehen\"\n      @click=\"directToItem()\"\n    >\n      <i class=\"fa fa-arrow-right fa-lg mobile-icon-right\"></i>\n    </div>\n\n    <div\n      class=\"add-to-basket-lg-container hidden-md-down\"\n      v-if=\"!showQuantity && useLargeScale && !canBeAddedToBasket\"\n      v-tooltip\n      data-toggle=\"tooltip\"\n      data-placement=\"top\"\n      title=\"Design anpassen\"\n      @click=\"directToItem()\"\n    >\n      <i class=\"fa fa-arrow-right fa-lg mobile-icon-right\"></i>\n    </div>\n\n    <div class=\"category-list-view-port\" v-if=\"showQuantity && !useLargeScale\">\n      <div class=\"add-to-basket-container\">\n        <div v-if=\"intervalQuantity > 1\">\n          {{ $translate(\"ODDeWall::Template.singleItemIntervalHint1\") }} {{ intervalQuantity }}\n          {{ $translate(\"ODDeWall::Template.singleItemIntervalHint2\") }}\n        </div>\n        <div class=\"quantity-input-container\">\n          <quantity-input\n            :value=\"quantity\"\n            @quantity-change=\"updateQuantity\"\n            @out-of-stock=\"handleButtonState\"\n            :timeout=\"0\"\n            :min=\"minimumQuantity\"\n            :max=\"maximumQuantity\"\n            :interval=\"intervalQuantity\"\n            :variation-id=\"variationId\"\n            :waiting=\"isLoading || !isSalable || !allVariationsSelected\"\n          >\n          </quantity-input>\n        </div>\n\n        <button\n          v-if=\"!allVariationsSelected || !isSalable || hasMissingSelectionForPropertyGroup\"\n          class=\"btn btn-block btn-primary btn-appearance disabled\"\n          v-tooltip\n          data-toggle=\"tooltip\"\n          data-placement=\"top\"\n          :title=\"tooltipText\"\n          :class=\"buttonClasses\"\n          :style=\"paddingInlineStyles\"\n        >\n          <i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i>\n          <template v-if=\"intervalQuantity > 1\">{{ intervalQuantity }}x </template>{{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n        </button>\n        <button\n          v-else-if=\"!buttonLockState\"\n          :disabled=\"isLoading || !hasPrice || hasMissingSelectionForPropertyGroup\"\n          class=\"btn btn-block btn-primary btn-appearance\"\n          @click=\"addToBasket()\"\n          :class=\"buttonClasses\"\n          :style=\"paddingInlineStyles\"\n        >\n          <icon icon=\"shopping-cart\" :waiting=\"isLoading\"></icon>\n          <template v-if=\"intervalQuantity > 1\">{{ intervalQuantity }}x </template>{{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n        </button>\n        <button\n          v-else\n          class=\"btn btn-block btn-primary btn-appearance disabled\"\n          v-tooltip\n          data-toggle=\"tooltip\"\n          data-placement=\"top\"\n          :title=\"'Ceres::Template.singleItemQuantityMax' | translate({ max: maximumQuantity })\"\n          :class=\"buttonClasses\"\n          :style=\"paddingInlineStyles\"\n        >\n          <icon icon=\"shopping-cart\" :waiting=\"isLoading\"></icon>\n          <template v-if=\"intervalQuantity > 1\">{{ intervalQuantity }}x </template>{{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n        </button>\n      </div>\n    </div>\n\n    <div class=\"category-list-view-port\" v-if=\"!showQuantity && !useLargeScale && isWishList !== 'true'\">\n      <div class=\"btn-group\" role=\"group\" aria-label=\"Thumb Control\">\n        <button\n          type=\"button\"\n          :class=\"{ 'no-pointer-events': isLoading }\"\n          v-if=\"canBeAddedToBasket || isWishList\"\n          class=\"btn btn-outline-primary mobile-width-button\"\n          @click=\"directToItem()\"\n        >\n          <i class=\"fa fa-arrow-right fa-lg mobile-icon-right\"></i>\n          <span class=\"mobile-text-only\">Details ansehen</span>\n        </button>\n        <button type=\"button\" v-else class=\"btn btn-outline-primary mobile-width-button\" @click=\"directToItem()\">\n          <i class=\"fa fa-arrow-right fa-lg mobile-icon-right\" aria-hidden=\"true\"></i>\n          <span class=\"mobile-text-only\">\n            {{ $translate(\"Ceres::Template.itemShowItem\") }}\n          </span>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ExceptionMap from \"ceres/app/exceptions/ExceptionMap\";\nimport { navigateTo } from \"ceres/app/services/UrlService\";\nimport { isNullOrUndefined, isDefined } from \"ceres/app/helper/utils\";\nimport { mapState } from \"vuex\";\nimport { ButtonSizePropertyMixin } from \"ceres/app/mixins/buttonSizeProperty.mixin\";\nimport QuantityInput from \"ceres/app/components/item/QuantityInput.vue\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n  name: \"add-to-basket\",\n\n  mixins: [ButtonSizePropertyMixin],\n\n  components: {\n    QuantityInput,\n  },\n\n  props: {\n    itemUrl: String,\n    showQuantity: {\n      type: Boolean,\n      default: false,\n    },\n    useLargeScale: {\n      type: Boolean,\n      default: false,\n    },\n    variationId: {\n      type: Number,\n    },\n    isSalable: {\n      type: Boolean,\n      default: false,\n    },\n    hasChildren: {\n      type: Boolean,\n      default: false,\n    },\n    intervalQuantity: {\n      type: Number,\n      default: 1,\n    },\n    minimumQuantity: {\n      type: Number,\n      default: 0,\n    },\n    maximumQuantity: {\n      type: Number,\n      default: null,\n    },\n    orderProperties: {\n      type: Array,\n      default: () => [],\n    },\n    hasOrderProperties: {\n      type: Boolean,\n      default: false,\n    },\n    hasPrice: {\n      type: Boolean,\n      default: true,\n    },\n    paddingClasses: {\n      type: String,\n      default: null,\n    },\n    paddingInlineStyles: {\n      type: String,\n      default: null,\n    },\n    isWishList: {\n      type: Boolean,\n      default: false,\n    },\n    propQuantity: {\n      type: Number,\n      default: null,\n    },\n    itemType: {\n      type: String,\n      default: null,\n    },\n  },\n\n  inject: {\n    itemId: {\n      default: null,\n    },\n  },\n\n  computed: {\n    isSet() {\n      return (\n        (this.$store.state.items[this.itemId] &&\n          this.$store.state.items[this.itemId].variation &&\n          this.$store.state.items[this.itemId].variation.documents[0].data.item.itemType === \"set\") ||\n        this.itemType === \"set\"\n      );\n    },\n\n    canBeAddedToBasket() {\n      return (\n        this.isSalable &&\n        !this.hasChildren &&\n        !(this.minimumQuantity != 1 || this.intervalQuantity != 1) &&\n        !this.requiresProperties &&\n        !this.hasMissingSelectionForPropertyGroup &&\n        this.hasPrice &&\n        !this.isSet\n      );\n    },\n\n    requiresProperties() {\n      return (\n        App.config.item.requireOrderProperties &&\n        (this.hasOrderProperties || this.orderProperties.filter((property) => property.property.isShownOnItemPage).length > 0)\n      );\n    },\n\n    hasMissingSelectionForPropertyGroup() {\n      let currentItem = Object.values(this.$store.state.items)[0];\n      if (!currentItem.variation) return false;\n\n      let properties = currentItem.variation.documents[0].data.properties;\n      let propertyGroupIds = {};\n\n      properties.forEach((property) => {\n        if (!property || !property.group) return;\n        if (!propertyGroupIds[property.group.id]) propertyGroupIds[property.group.id] = false;\n\n        if (property.property.value) {\n          propertyGroupIds[property.group.id] = true;\n        }\n      });\n\n      // Check if all property groups are selected\n      return Object.values(propertyGroupIds).includes(false);\n    },\n\n    buttonClasses() {\n      const classes = [];\n\n      if (isDefined(this.buttonSizeClass)) {\n        classes.push(this.buttonSizeClass);\n      }\n\n      if (isDefined(this.paddingClasses)) {\n        classes.push(this.paddingClasses.split(\" \"));\n      }\n\n      return classes;\n    },\n\n    tooltipText() {\n      if (this.hasAvailableVariations) {\n        return this.$translate(\"Ceres::Template.singleItemPleaseSelectValidVariation\");\n      } else {\n        return this.$translate(\"Ceres::Template.singleItemPleaseSelectNotAvailable\");\n      }\n    },\n\n    variationOrderQuantity() {\n      return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationOrderQuantity;\n    },\n\n    variationMissingProperties() {\n      return this.$store.getters[`${this.itemId}/variationMissingProperties`];\n    },\n\n    hasAvailableVariations() {\n      return (\n        this.$store.state.items[this.itemId] &&\n        this.$store.state.items[this.itemId].variationSelect &&\n        this.$store.state.items[this.itemId].variationSelect.variations.some((variation) => variation.isSalable)\n      );\n    },\n\n    allVariationsSelected() {\n      if (this.isSet) {\n        return this.$store.getters[\"itemSetAllVariationSelected\"];\n      } else {\n        // FIX return true if module is not registered. This equals the default value from the module\n        // and is required to use this component in other contexts, e.g. the category view\n        return (\n          !this.$store.state.items[this.itemId] ||\n          (this.$store.state.items[this.itemId].variationSelect && this.$store.state.items[this.itemId].variationSelect.isVariationSelected)\n        );\n      }\n    },\n\n    isLoading() {\n      return this.$store.state.items.isAddToBasketLoading === this.variationId || this.$store.state.items.isSetLoading;\n    },\n\n    ...mapState({\n      basketItems: (state) => state.basket.items,\n      isBasketLoading: (state) => state.basket.isBasketLoading,\n    }),\n  },\n\n  data() {\n    return {\n      quantity: 1,\n      buttonLockState: false,\n    };\n  },\n\n  methods: {\n    /**\n     * add an item to basket-resource\n     */\n    addToBasket() {\n      this.$store.dispatch(\"loadComponent\", \"add-item-to-basket-overlay\");\n      this.$store.dispatch(\"loadComponent\", \"basket-preview\");\n\n      if (this.variationMissingProperties !== undefined && this.variationMissingProperties.length) {\n        this.showMissingPropertiesError();\n      } else if (this.isSalable || this.isSet) {\n        this.$store.commit(\"setIsAddToBasketLoading\", this.variationId);\n\n        const orderParamsAndSurcharge = extractPropertiesAndSurcharge(this.orderProperties);\n\n        const basketObject = {\n          variationId: this.variationId,\n          quantity: this.quantity,\n          basketItemOrderParams: orderParamsAndSurcharge.orderParams,\n          totalOrderParamsMarkup: orderParamsAndSurcharge.totalSurcharge,\n        };\n\n        if (this.isSet) {\n          const setComponents = [];\n          this.$store.state.items.setComponentIds.forEach((itemId) => {\n            const setComponent = this.$store.getters[`${itemId}/currentItemVariation`];\n\n            const variationId = setComponent && setComponent.variation.id;\n\n            // Extract order properties and total surcharge for set components\n            const setComponentOrderParamsAndSurcharge = extractPropertiesAndSurcharge(\n              setComponent.properties.filter((prop) => prop.property.isOderProperty)\n            );\n\n            setComponents.push({\n              variationId: variationId,\n              quantity: this.$store.state.items[itemId].variationOrderQuantity,\n              basketItemOrderParams: setComponentOrderParamsAndSurcharge.orderParams,\n              totalOrderParamsMarkup: setComponentOrderParamsAndSurcharge.totalSurcharge,\n            });\n          });\n          basketObject.setComponents = setComponents;\n        }\n\n        this.$store.dispatch(\"addBasketItem\", basketObject).then(\n          (response) => {\n            document.dispatchEvent(new CustomEvent(\"afterBasketItemAdded\", { detail: basketObject }));\n            this.$store.commit(\"setIsAddToBasketLoading\", 0);\n          },\n          (error) => {\n            this.$store.commit(\"setIsAddToBasketLoading\", 0);\n\n            if (error.data) {\n              NotificationService.error(\n                this.$translate(\"Ceres::Template.\" + ExceptionMap.get(error.data.exceptionCode.toString()), error.data.placeholder)\n              ).closeAfter(5000);\n            }\n          }\n        );\n      }\n    },\n    showMissingPropertiesError() {\n      this.$store.commit(`${this.itemId}/setVariationMarkInvalidProps`, true);\n\n      const propertyNames = this.variationMissingProperties.map((property) => property.property.names.name);\n      let errorMsgContent = \"\";\n\n      for (const name of propertyNames) {\n        errorMsgContent += name + \"<br>\";\n      }\n\n      NotificationService.error(\n        this.$translate(\"Ceres::Template.singleItemMissingOrderPropertiesError\").replace(\"<properties>\", errorMsgContent)\n      );\n    },\n\n    directToItem() {\n      navigateTo(this.itemUrl);\n    },\n\n    handleButtonState(value) {\n      this.buttonLockState = value;\n    },\n\n    /**\n     * update the property quantity of the current instance\n     * @param value\n     */\n    updateQuantity(value) {\n      this.quantity = value;\n    },\n  },\n\n  watch: {\n    quantity(value) {\n      if (!isNullOrUndefined(this.itemId)) {\n        this.$store.commit(`${this.itemId}/setVariationOrderQuantity`, value);\n        this.$store.commit(`${this.itemId}/setVariationPropertySurcharges`, this.$store.getters[`${this.itemId}/variationBasePrice`]);\n      }\n    },\n\n    variationOrderQuantity(value) {\n      if (this.quantity !== value) {\n        this.quantity = value;\n      }\n    },\n\n    propQuantity(value) {\n      if (!isNaN(value)) {\n        this.quantity = value;\n      }\n    },\n  },\n};\n\nfunction extractPropertiesAndSurcharge(orderProperties) {\n  let totalSurcharge = 0;\n  const orderParams = [];\n\n  orderProperties.forEach((orderProperty) => {\n    if (!isNullOrUndefined(orderProperty.property.value)) {\n      const property = orderProperty.property;\n\n      if (property.valueType === \"float\" && !isNullOrUndefined(property.value) && property.value.slice(-1) === App.decimalSeparator) {\n        property.value = property.value.substr(0, property.value.length - 1);\n      }\n\n      totalSurcharge += (orderProperty.surcharge || 0) + (property.surcharge || 0);\n\n      orderParams.push({\n        propertyId: property.id,\n        type: property.valueType,\n        name: property.names.name,\n        value: property.value,\n      });\n    }\n  });\n\n  return {\n    orderParams: orderParams,\n    totalSurcharge: totalSurcharge,\n  };\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToBasket.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToBasket.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AddToBasket.vue?vue&type=template&id=4ebf3097\"\nimport script from \"./AddToBasket.vue?vue&type=script&lang=js\"\nexport * from \"./AddToBasket.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}