{"version":3,"sources":["webpack:///resources/js/src/app/components/item/VariationSelect.vue","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?ea6c","webpack:///./resources/js/src/app/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?68f5","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?65d9"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKA;AACA;;AAEA;;AAEA;AAEA,0BAFA;AAIA;AACA,kBACA;AACA,mBADA;AAEA;AAFA,KAFA;AAMA;AACA,mBADA;AAEA;AAFA,KANA;AAUA;AACA,iBADA;AAEA;AAAA;AAAA;AAFA;AAVA,GAJA;AAoBA;AACA;AACA;AADA;AADA,GApBA;AA0BA,MA1BA,kBA2BA;AACA;AACA,iCADA;AAEA,yBAFA;AAGA,yBAHA;AAIA,uBAJA;AAKA,8BALA;AAMA,wBANA;AAOA,wBAPA;AAQA,4BARA;AASA,0BATA;AAUA,uBAVA;AAWA;AAXA;AAaA,GAzCA;AA2CA,SA3CA,qBA4CA;AAAA;;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAVA,EAUA,IAVA,EAJA,CAgBA;;AACA;AACA;AACA,OAFA,MAGA;AACA;AACA,OAtBA,CAuBA;;;AACA;AAEA;AACA;AAEA;AACA;;AAEA;AAEA;AACA;AAAA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;;AAEA,uEACA,iDADA,IAEA,iDAFA,IAGA,iDAHA,IAIA,iDAJA,IAKA,iDALA,IAMA,iDANA,IAOA,iDAPA,EAOA;AACA;AACA;AACA;AACA;AACA;AAEA,OAhCA;AAkCA;AACA,iDAhEA,CAkEA;AAEA;;AACA;AACA;AACA;AACA;AACA;AACA,SAHA;;AAKA;AACA,6CADA,CAGA;;AACA;;AAEA;AACA;;AAEA;AACA;;AACA;AACA,aAHA,MAIA;AACA;;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,KApGA;AAqGA,GArJA;AAuJA,YACA;AAEA,iBAFA,2BAEA;AACA;AACA,KAJA;AAMA,oBANA,8BAMA;AACA;AACA,KARA;AAUA,0BAVA,oCAUA;AACA;AACA,KAZA;;AAcA;;;AAGA,kBAjBA,4BAkBA;AACA;AAAA;AAAA;AACA,KApBA;AAsBA,yBAtBA,mCAuBA;AACA;AACA,KAzBA;;AA2BA;;;;AAIA,oBA/BA,8BAgCA;AACA;;AAEA,2CACA;AACA;AACA;;AAEA;AACA,KAzCA;;AA2CA;;;;AAIA,iBA/CA,2BAgDA;AACA;AACA;;AAFA,iDAIA,UAJA;AAAA;;AAAA;AAIA,4DACA;AAAA,cADA,SACA;AACA;AACA;AAPA;AAAA;AAAA;AAAA;AAAA;;AASA;AACA,KA1DA;AA4DA,oBA5DA,8BA6DA;AACA;AACA,KA/DA;AAiEA,gBAjEA,0BAkEA;AACA;AAAA;AAAA;AACA,KApEA;AAsEA,cAtEA,wBAsEA;AACA;AACA,KAxEA;AA0EA,SA1EA,mBA0EA;AACA;AACA,KA5EA;AA8EA,sBA9EA,gCA8EA;AACA;AACA,KAhFA;AAkFA,gBAlFA,0BAkFA;AACA;AACA,KApFA;AAsFA,cAtFA,wBAsFA;AACA;AACA;AAxFA,GAxJA;AAmPA,WACA;AACA,4BADA,sCACA;AACA;AACA;AACA;AACA;AACA;AACA,WAFA,MAGA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA,OAlBA,MAkBA;AACA;AACA;AACA,OA9CA,CAgDA;;;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,OAFA,MAEA;AACA;AACA;;AAEA;AACA,KAlEA;AAoEA;AACA,eArEA,yBAqEA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA,KA5EA;AA8EA;AACA,eA/EA,yBA+EA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA,KAtFA;AAwFA;AACA,qBAzFA,+BAyFA;AACA;AACA;AACA;AACA;AACA,KA9FA;AAgGA;AACA,qBAjGA,+BAiGA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;AACA,KAzGA;AA2GA,eA3GA,yBA2GA;AACA;AACA;AACA;AACA;AACA,KAhHA;AAkHA,kBAlHA,4BAkHA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA,KAhIA;AAkIA;AACA,oBAnIA,8BAmIA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,KA7IA;AA+IA,oBA/IA,4BA+IA,KA/IA,EA+IA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA,OAHA,EAGA,GAHA;AAKA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,SAxBA;AA0BA;;AACA;AACA;AACA;;AAEA;AACA;AACA,kEAFA,CAEA;;AACA,sEAHA,CAGA;;AAEA;AAEA,6BAPA,CASA;AACA;AAEA,SAZA,MAaA;AACA;AACA;;AAEA;AACA;AAEA;;AAEA;AACA;AACA,SAFA,MAGA;AACA;AACA;;AAEA;AACA;AACA,KAnOA;AAoOA,aApOA,qBAoOA,WApOA,EAoOA,gBApOA,EAoOA;AACA;AACA;AAEA;AACA;AACA,KA1OA;;AA2OA;;;;;AAKA,mBAhPA,2BAgPA,WAhPA,EAgPA,gBAhPA,EAiPA;AACA;;AAEA,qEACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA,KAzPA;AA2PA,mBA3PA,2BA2PA,WA3PA,EA2PA,gBA3PA,EA2PA,cA3PA,EA2PA;AAEA;AACA;AAEA;AAEA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA,SAdA,MAeA;AAEA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;;AAEA;;AACA;AACA;AACA;;AACA;AAEA;;AACA;AACA;AACA,SAFA,MAGA;AACA;AACA;;AAEA;AAEA,OAnDA,MAoDA;AACA;AACA;AAAA;AAAA;AAAA;AACA;;AAEA;;AACA;AACA;AACA;;AAEA;AAEA;;AACA;AACA;AACA;;AACA;AACA;;AAEA,qCACA,uBADA,IAEA,uBAFA,IAGA,uBAHA,IAIA,uBAJA,IAKA,uBALA,IAMA,uBANA,EAMA;AACA;AACA,OAjFA,CAmFA;;AAEA,KAhVA;;AAkVA;;;;AAIA,cAtVA,sBAsVA,MAtVA,EAuVA;AACA;AACA;AACA;AACA,KA3VA;AA6VA,qBA7VA,6BA6VA,WA7VA,EA6VA,gBA7VA,EA6VA,MA7VA,EA8VA;AACA,iCACA;AACA;AACA;AACA,OAJA,MAKA,wBACA;AACA;AACA;AACA;AACA,OALA,MAOA;AACA;AACA;AACA;;AAEA;AACA;AACA,KAlXA;;AAoXA;;;;;;AAMA,yBA1XA,iCA0XA,WA1XA,EA0XA,gBA1XA,EA0XA,MA1XA,EA2XA;AACA;AACA;;AAEA,6BACA;AACA;AACA;;AAEA;AAEA;AACA,KAvYA;AAyYA,cAzYA,sBAyYA,SAzYA,EAyYA,cAzYA,EA0YA;AACA,mGACA;AACA;AACA,OAHA,MAIA,gCACA;AACA;AACA,mCADA;AAEA;AAFA;AAIA;;AAEA;AACA,KAxZA;;AA0ZA;;;;;AAKA,2BA/ZA,mCA+ZA,WA/ZA,EA+ZA,gBA/ZA,EAgaA;AACA;AACA;;AAEA,6BACA;AACA;AACA;;AAEA;AACA;;AAVA,kDAYA,kCAZA;AAAA;;AAAA;AAYA,+DACA;AAAA,cADA,SACA;;AACA,qDACA;AACA;AACA;AACA;AAlBA;AAAA;AAAA;AAAA;AAAA;;AAmBA,oCACA;AACA,mBACA,qEADA;AAGA;;AAEA,yBACA;AACA;AACA;;AAEA;AAAA;AAAA;AACA,KAhcA;;AAkcA;;;;;;AAMA,0BAxcA,kCAwcA,WAxcA,EAwcA,gBAxcA,EAwcA,MAxcA,EAycA;AACA,uGACA;AACA,2DACA;AACA;AAAA,mBACA,wFADA;AAAA;AAEA,SAJA;AAKA,OAPA,MAQA,uFACA;AACA;AAAA;AAAA;AACA;;AAEA;AAAA;AAAA;AACA,KAxdA;;AA0dA;;;;AAIA,uBA9dA,+BA8dA,mBA9dA,EA+dA;AACA;AACA;;AAFA,kDAIA,mBAJA;AAAA;;AAAA;AAIA,+DACA;AAAA,cADA,SACA;AACA;;AAEA,+JACA;AACA;AACA;AAEA;AACA;;AATA,sDAWA,oBAXA;AAAA;;AAAA;AAWA,mEACA;AAAA,kBADA,SACA;;AACA,iGACA;AACA;AACA;AACA;AAjBA;AAAA;AAAA;AAAA;AAAA;;AAmBA,6EACA;AACA;AACA;AACA;AACA;AA7BA;AAAA;AAAA;AAAA;AAAA;;AA+BA;AACA,KA/fA;;AAigBA;;;;AAIA,kCArgBA,0CAqgBA,SArgBA,EAsgBA;AAAA;;AACA;AACA;;AAFA;AAMA;AACA;AAAA;AAAA;;AAEA,sIACA;AACA,oJACA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;;AAjBA;AAAA;;AAIA,+DACA;AAAA,cADA,mBACA;AAaA;;AAEA,6DACA;AACA;AACA;;AAEA;AAAA;AAAA;AAAA;AACA,KAhiBA;;AAkiBA;;;;AAIA,oBAtiBA,4BAsiBA,gBAtiBA,EAuiBA;AACA;AACA;;AAFA,kDAIA,kCAJA;AAAA;;AAAA;AAIA,+DACA;AAAA,cADA,gBACA;AACA,wBACA;AAAA;AAAA,YADA;AAIA;AACA;AAXA;AAAA;AAAA;AAAA;AAAA;;AAaA,oCACA;AACA,mLACA;AACA,wBACA;AAAA,kBACA;AADA,YADA;AAKA;;AAEA;AACA;;AAEA;AAEA;AAEA,+BACA,qBADA,EAEA,UAFA,CAEA,IAFA;AAGA,KAzkBA;;AA2kBA;;;;;;;AAOA,oBAllBA,4BAklBA,UAllBA,EAklBA,MAllBA,EAklBA,MAllBA,EAklBA,UAllBA,EAmlBA;AAAA;;AACA;AACA;AACA;AACA;AAEA;;AAEA,wHACA;AACA;AACA;;AAEA;;AACA;AACA,2EACA;AACA;AACA,mEACA;AACA;AACA,SALA,CAOA;AACA;;;AACA,gIACA,4BADA,EAEA;AACA;AACA;;AAbA,qCAeA,WAfA;AAiBA;AAAA,mBACA,wDADA;AAAA,aAjBA,CAoBA;;AACA,oCACA,+DADA,KAEA,uJAFA,GAGA;AACA;AAAA;AAAA;AACA;AA1BA;;AAeA,4CACA;AAAA,4BADA,WACA;;AAAA;AAWA;;AAEA;AACA,OA/BA;AAiCA;AAEA;AACA,KAtoBA;;AAwoBA;;;;;AAKA,6BA7oBA,qCA6oBA,WA7oBA,EA6oBA,gBA7oBA,EA8oBA;AACA;;AACA,qEACA;AACA;AACA;;AAEA;AAEA;AAEA;AAEA;AACA,KA5pBA;;AA8pBA;;;;AAIA,wBAlqBA,gCAkqBA,MAlqBA,EAmqBA;AACA;;AACA,wCACA;AACA;AACA;;AAEA;AACA,KA3qBA;;AA6qBA;;;;;AAKA,gBAlrBA,wBAkrBA,WAlrBA,EAmrBA;AAAA;;AACA,4HACA;AACA;AAEA;AACA;;AACA;AACA;AACA;AACA;;AAEA,kGACA;AACA,8GACA;AACA,uEACA;AACA,oBACA;AACA,8CADA;AAEA,4CAFA;AAGA;AAHA;AAFA,WADA;;AAUA;;AACA;;AACA;AACA;AACA;AACA,SAjBA;AAkBA;AACA,KAptBA;AAstBA,aAttBA,qBAstBA,OAttBA,EAutBA;AACA,yCACA;AACA;AACA;;AAEA;AACA,KA9tBA;AAguBA,iCAhuBA,yCAguBA,SAhuBA,EAiuBA;AACA;AACA;AAAA;AAAA;;AAEA,kCACA;AACA;AACA,OAHA,MAIA,yEACA;AACA;AACA;;AACA;AACA;AA9uBA,GApPA;AAq+BA,SACA;AACA,oBADA,4BACA,KADA,EAEA;AACA;AACA,KAJA;AAKA,cALA,wBAMA;AACA;AACA;AACA,KATA;AAUA,iBACA;AACA,aADA,mBACA,YADA,EACA,YADA,EACA;AACA;AACA;AACA;AACA;AALA;AAXA;AAt+BA,G;;;;;;;;;;;AC3KA,kBAAkB,mBAAO,CAAC,iFAA0B;AACpD,iBAAiB,mBAAO,CAAC,iFAA0B;AACnD,sBAAsB,mBAAO,CAAC,6FAAgC;AAC9D,2BAA2B,mBAAO,CAAC,qHAA4C;;AAE/E,YAAY,kBAAkB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC/BA,QAAQ,mBAAO,CAAC,uEAAqB;AACrC,cAAc,mBAAO,CAAC,yFAA8B;;AAEpD;AACA;AACA,GAAG,+BAA+B;AAClC;AACA;AACA;AACA,CAAC;;;;;;;;;;;;;ACTD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,kCAAkC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B;AAC1B,iBAAiB;AACjB;AACA,6BAA6B,4CAA4C;AACzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,qBAAqB,uCAAuC;AAC5D;AACA,iCAAiC,4CAA4C;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA,qCAAqC,sCAAsC;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,yCAAyC;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,yCAAyC;AAC1E;AACA,iCAAiC,2CAA2C;AAC5E;AACA;AACA,2BAA2B,oDAAoD;AAC/E;AACA;AACA;AACA,mCAAmC,qBAAqB;AACxD,qCAAqC,uBAAuB;AAC5D;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,8BAA8B;AACpE;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA,qCAAqC,uBAAuB;AAC5D;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,8BAA8B;AACpE;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA,mCAAmC,wCAAwC;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA,mCAAmC,oCAAoC;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,uCAAuC;AAC7E,iCAAiC,4CAA4C;AAC7E;AACA;AACA;AACA;AACA;AACA,yBAAyB,kDAAkD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA,iCAAiC,yCAAyC;AAC1E;AACA,mBAAmB;AACnB;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,8DAA8D;AACzE;AACA,uBAAuB,4BAA4B;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA,gCAAgC,YAAY,WAAW,EAAE;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,YAAY,2BAA2B,EAAE;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,wCAAwC;AACxE;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACzgBA;AAAA;AAAA;AAAA;AAA8F;AAC3B;AACL;;;AAG9D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,qFAAM;AACR,EAAE,0FAAM;AACR,EAAE,mGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAuM,CAAgB,mPAAG,EAAC,C;;;;;;;;;;;;ACA3N;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-11.js","sourcesContent":["<template>\n    <div>\n        <!--<div v-if=\"attributes.length || (Object.keys(possibleUnits).length > 1 && isContentVisible)\" class=\"row\">\n            <div class=\"col-12 variation-select\" v-for=\"attribute in attributes\">\n                <div class=\"input-unit\" ref=\"attributesContaner\" v-if=\"attribute.type === 'dropdown'\">\n                    <select class=\"custom-select\" @change=\"selectAttribute(attribute.attributeId, $event.target.value)\">\n                        <option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\n                        <option\n                                :value=\"null\" v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                                :selected=\"selectedAttributes[attribute.attributeId] === null\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</option>\n                        <option\n                                v-for=\"value in attribute.values\"\n                                :value=\"value.attributeValueId\"\n                                :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\">\n                            <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\">\n                                {{ value.name }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": value.name }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <label v-tooltip=\"isTextCut(attribute.name)\" data-toggle=\"tooltip\" data-placement=\"top\" :title=\"attribute.name\">{{ attribute.name }}</label>\n                </div>\n                <div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\n                    <span class=\"text-muted\">{{ attribute.name }}:</span> <b>{{ getSelectedAttributeValueName(attribute) }}</b>\n                    <div class=\"v-s-boxes py-3\" :class=\"{ 'images': attribute.type === 'image' }\">\n                        <div class=\"v-s-box bg-white empty-option\"\n                             v-if=\"addPleaseSelectOption\"\n                             @click=\"selectAttribute(attribute.attributeId, -1)\"\n                             :class=\"{ 'active': selectedAttributes[attribute.attributeId] === -1, 'invalid': !isAttributeSelectionValid(attribute.attributeId, -1) }\">\n                            <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</span>\n                        </div>\n                        <div class=\"v-s-box bg-white empty-option\"\n                             v-if=\"hasEmptyOption\"\n                             @click=\"selectAttribute(attribute.attributeId, null)\"\n                             :class=\"{ 'active': selectedAttributes[attribute.attributeId] === null, 'invalid': !isAttributeSelectionValid(attribute.attributeId, null) }\">\n                            <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</span>\n                        </div>\n\n                        <div class=\"v-s-box bg-white\"\n                             v-for=\"value in attribute.values\"\n                             @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                             :class=\"{ 'active': value.attributeValueId === selectedAttributes[attribute.attributeId], 'invalid': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId) }\"\n                             v-tooltip=\"true\" data-html=\"true\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"getTooltip(attribute, value)\">\n                            <span class=\"mx-3\" v-if=\"attribute.type === 'box'\">{{ value.name }}</span>\n                            <img class=\"p-1\" v-else :src=\"value.imageUrl\" :alt=\"value.name\">\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"col-12 variation-select\" v-if=\"Object.keys(possibleUnits).length > 1 && isContentVisible\">\n                <div class=\"input-unit\">\n                    <select class=\"custom-select\" @change=\"selectUnit($event.target.value)\">\n                        <option\n                                v-for=\"(unit, unitId) in possibleUnits\"\n                                :value=\"unitId\"\n                                :selected=\"parseInt(unitId) === selectedUnit\">\n                            <template v-if=\"isUnitSelectionValid(unitId)\">\n                                {{ unit }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": unit }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <label>{{ $translate(\"Ceres::Template.singleItemContent\") }}</label>\n                </div>\n            </div>\n        </div>\n\n        <div v-else>\n            <slot></slot>\n        </div>-->\n\n        <div class=\"variation-select\" v-if=\"!showTestTile\">\n            <div class=\"variation-select__select-box\" ref=\"labelBoxRef\" v-for=\"(attribute, attributeId) in attributes\" :attribute-id=\"attribute.attributeId\">\n                <div class=\"variation-select__headline\">{{ attribute.name }}</div>\n                <select class=\"custom-select text-gray-dark variation-select__select-js\" ref=\"attributesContaner\"\n                        @change=\"selectAttribute(attribute.attributeId, $event.target.value)\"\n                >\n                    <option class=\"variation-select__select-option-js\" :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\n                    <option class=\"variation-select__select-option-js\"\n                            :value=\"null\" v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                            :selected=\"selectedAttributes[attribute.attributeId] === null\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</option>\n                    <option\n                            v-for=\"value in attribute.values\"\n                            :value=\"value.attributeValueId\"\n                            class=\"variation-select__select-option-js\"\n                            :disabled=\"!isEnabled(attribute.attributeId, value.attributeValueId)\"\n                            :attributeName=\"value.name\" :attribute-name=\"value.name\"\n                            :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\">\n                        <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\">\n                            {{ value.name }}\n                        </template>\n                        <template v-else>\n                            {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": value.name }) }}\n                        </template>\n                    </option>\n                </select>\n            </div>\n            <div class=\"variation-select__box\" v-for=\"(attribute, attributeId) in attributes \" v-if=\"attribute.attributeId == 47\">\n                <div class=\"variation-select__headline\">Fliesengröße auswählen</div>\n                <div class=\"variation-select__item variation-select__item-js xy\" v-for=\"(attributeValue, attributeValueId) in attribute.values\" v-if=\"attributeValue.attributeValueId != 659\"\n                     :testTileAvailable=\"testTileAvailable\" :variation-id=\"attributeValue.attributeValueId\" :class=\"attributeValue.attributeValueId == '661' && testTileAvailable === false ? 'disabled' : ''\"\n                     @click=\"selectedAttributes[attribute.attributeId] = attributeValue.attributeValueId;changeAttribute(attribute.attributeId,attributeValue.attributeValueId,attributeValue.name);selectAttribute(attribute.attributeId, attributeValue.attributeValueId)\"\n                     :testTileMax=\"testTileMax\" :testTileCounter=\"testTileCounter\" :attribute-name=\"attributeValue.name\">\n                    {{ attributeValue.name }}<span v-if=\"testTileMax === true && attributeValue.attributeValueId == 661\">(max. Anzahl erreicht)</span>\n                </div>\n\n                <div class=\"variation-select__or\" v-if=\"showSpecialSize || showMeterware\">oder</div>\n                <div class=\"variation-select__extra\">\n                    <div class=\"variation-select__item variation-select__item--col-6 variation-select__item-js\" v-for=\"(attributeValue, attributeValueId) in attribute.values\" v-if=\"attributeValue.attributeValueId == 659\"\n                         :variation-id=\"attributeValue.attributeValueId\" @click=\"selectedAttributes[attribute.attributeId] = attributeValue.attributeValueId;changeAttribute(attribute.attributeId,attributeValue.attributeValueId,attributeValue.name)\">\n                        {{ attributeValue.name }}\n                    </div>\n                    <div v-if=\"showSpecialSize\" class=\"variation-select__item variation-select__item--col-6 variation-select__item--special variation-select__item-js\" @click=\"specialSize()\">Sondermaße</div>\n                </div>\n\n                <div class=\"variation-select__clear\"></div>\n                <div class=\"variation-select__special\">\n                    <div class=\"variation-select__special-headline\">Sondergröße eingeben:</div>\n                    <div class=\"row\">\n                        <div class=\"col-6\">\n                            <label class=\"variation-select__special-label\">Breite in cm:</label>\n                            <input type=\"number\" step=\"any\" @blue=\"checkSpecialSize($event.target)\" @keyup=\"checkSpecialSize($event.target)\" class=\"variation-select__special-input variation-select__special-input--width\" />\n                        </div>\n                        <div class=\"col-6\">\n                            <label class=\"variation-select__special-label\">Höhe in cm:</label>\n                            <input type=\"number\" step=\"any\" @blue=\"checkSpecialSize($event.target)\" @keyup=\"checkSpecialSize($event.target)\" class=\"variation-select__special-input variation-select__special-input--height\" />\n                        </div>\n                    </div>\n                    <div class=\"variation-select__info\">Bitte beachten Sie, dass Sondergrößen von der Rücknahme ausgenommen sein können.</div>\n                    <div class=\"variation-select__special-headline variation-select__special-headline--danger\">Leider können wir dieses Maß nicht in den Warenkorb legen. Gerne können Sie eine Anfrage stellen und wir melden uns zeitnah bei Ihnen.</div>\n                </div>\n                <div class=\"variation-select__item variation-select__item--reset variation-select__item-js\" @click=\"notSpecialSize()\"><i class=\"fa fa-chevron-left\"></i> zurück zur Gesamtansicht</div>\n            </div>\n            <div class=\"variation-select__box\" v-for=\"(attribute, attributeId) in attributes \" v-else-if=\"attribute.attributeId == 49\">\n\n                <div class=\"variation-select__headline\">Wert auswählen</div>\n                <div class=\"variation-select__item-container\">\n                    <div class=\"variation-select__item variation-select__item-js\" v-for=\"(attributeValue, attributeValueId) in attribute.values\" :variation-id=\"attributeValue.attributeValueId\" @click=\"selectedAttributes[attribute.attributeId] = attributeValue.attributeValueId;changeAttribute(attribute.attributeId,attributeValue.attributeValueId,attributeValue.name)\">\n                        {{ attributeValue.name }}\n                    </div>\n                </div>\n                <div class=\"variation-select__clear\"></div>\n            </div>\n        </div>\n        <div class=\"col-12 col-md-6 col-lg-4 variation-select v2\" v-if=\"possibleUnitIds.length > 1\">\n            <div class=\"input-unit\">\n                <select class=\"custom-select text-gray-dark\" v-model=\"selectedUnitId\" @change=\"onSelectionChange(possibleUnitIds[selectedUnitId])\">\n                    <option :value=\"0\">{{ $translate(\"CeresTheme::Template.singleItemPleaseSelect\") }}</option>\n                    <option\n                            v-for=\"unitCombinationId in possibleUnitIds\"\n                            :value=\"unitCombinationId\">\n                        {{ variationUnits[unitCombinationId] }}\n                    </option>\n                </select>\n                <label v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.singleItemContent')\">{{ $translate('Ceres::Template.singleItemContent') }}</label>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { textWidth } from \"ceres/app/helper/dom\";\nimport { isDefined, isNull, isNullOrUndefined } from \"ceres/app/helper/utils\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n\n    name: \"variation-select\",\n\n    props: {\n        forceContent:\n        {\n            type: Boolean,\n            default: false\n        },\n        showTestTile:{\n            type: Boolean,\n            default: false\n        },\n        attributesThatRequireSelection :{\n            type:Array,\n            default: ()=>[47, 50, 51, 52, 54, 57, 58, 64]\n        }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            filteredVariationsCache: {},\n            lastContentCount: 0,\n            possibleUnitIds: [],\n            selectedUnitId: 0,\n            testTileAvailable: false,\n            testTileMax: false,\n            testTileCounter: 0,\n            showSpecialSize: false,\n            showMeterware: false,\n            selectModel: null,\n            flagForResetAddToBasketFunction: true\n        };\n    },\n\n    mounted()\n    {\n        // initially check for valid selection and disable add to basket button\n        this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\n\n        this.$nextTick(() => {\n\n            // TODO: ohne timeout - check geht eher durch als im state geprüft und gesetted wurde\n            let that = this;\n            setTimeout(function(){\n                that.checkTestTileIsAvailable();\n\n                if(that.currentSelection.attributes.length > 0){\n                    for(let key in that.currentSelection.attributes){\n                        if(that.currentSelection.attributes[key].attributeValueId === 661){\n                            document.getElementsByClassName('add-to-basket__add-button')[0].setAttribute('disabled', \"true\");\n                        }\n                    }\n                }\n            }, 1000);\n\n            // TODO: in vue machbar? element in anderer component\n            if ($(\".variation-select\").children().length == 0) {\n                document.getElementsByClassName('variation')[0].style.display = 'none';\n            }\n            else {\n                document.getElementsByClassName('variation')[0].style.display = 'block';\n            }\n            // initialize selected attributes to be tracked by change detection\n            const attributes = {};\n\n            var tmpShowMeterware = false;\n            var tmpShowSpecialSize = false;\n\n            $.each(this.attributes, (index, value) => {\n                attributes[index] = null;\n\n                if ( this.attributesThatRequireSelection.includes(parseInt(value.attributeId))) {\n\n                    // TODO: in vue machbar? element in anderer component\n                    if (!!document.querySelector('.add-to-basket__add-button')) { // war .add-to-basket__add-button length > 0\n                        document.getElementsByClassName('add-to-basket__add-button')[0].setAttribute('disabled', \"true\");\n                        document.getElementsByClassName('add-to-basket__add-button')[0].classList.add('disabled');\n                    }\n\n                    if (value.attributeId == 47) {\n                        for (const attrValueId in value.values) {\n\n                            if (value.values[attrValueId].attributeValueId == 659) {\n                                tmpShowMeterware = true;\n                            }\n\n                            if (value.values[attrValueId].attributeValueId != 651 &&\n                                value.values[attrValueId].attributeValueId != 652 &&\n                                value.values[attrValueId].attributeValueId != 653 &&\n                                value.values[attrValueId].attributeValueId != 654 &&\n                                value.values[attrValueId].attributeValueId != 655 &&\n                                value.values[attrValueId].attributeValueId != 656 &&\n                                value.values[attrValueId].attributeValueId != 659 &&\n                                value.values[attrValueId].attributeValueId != 661) {\n                                tmpShowSpecialSize = true;\n                            }\n                        }\n                    }\n                }\n\n            });\n\n            this.showMeterware = tmpShowMeterware;\n            this.showSpecialSize = tmpShowSpecialSize;\n\n            //this.selectedAttributes = attributes;\n\n            // set attributes of preselected variation if exists\n            if (this.preselect) {\n                // find variation by id\n                const preselectedVariation = this.variations.filter(variation => {\n                    // eslint-disable-next-line eqeqeq\n                    return variation.variationId == this.preselect;\n                });\n\n                if (!!preselectedVariation && preselectedVariation.length === 1) {\n                    const attributes = this.attributes;\n\n                    // set attributes of preselected variation\n                    this.setAttributes(preselectedVariation[0]);\n\n                    if ((preselectedVariation[0].attributes.length > 0 && this.unitPreselect > 0) || attributes.length === 0) {\n                        const possibleVariations = this.filterVariations(this.selectedAttributes);\n\n                        if (possibleVariations.length > 1) {\n                            this.setUnits(possibleVariations);\n                            this.selectedUnitId = this.unitPreselect;\n                        }\n                        else if (this.variations.length > 1 && this.attributes.length === 0) {\n                            this.setUnits(this.variations);\n                            this.selectedUnitId = this.unitPreselect;\n                        }\n                    }\n                }\n            }\n\n            if($('.variation-select__select-box').length == 0){\n                $('.single__ab-indicator').hide();\n            }\n        });\n    },\n\n    computed:\n    {\n\n        testTileCount() {\n            return this.$store.getters.getTestTileCount;\n        },\n\n        currentVariation() {\n            return this.$store.getters[`${this.itemId}/currentItemVariation`];\n        },\n\n        currentVariationSelect() {\n            return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationSelect;\n        },\n\n        /**\n         * returns true if any variation has no attributes\n         */\n        hasEmptyOption()\n        {\n            return this.variations.some(variation => !variation.attributes.length);\n        },\n\n        addPleaseSelectOption()\n        {\n            return App.config.item.showPleaseSelect;\n        },\n\n        /**\n         * returns the variation, based on the selected attributes / unit\n         * returns false if there are none or multiple results\n         */\n        currentSelection()\n        {\n            const filteredVariations = this.filterVariations(null, null, true);\n\n            if (filteredVariations.length === 1)\n            {\n                return filteredVariations[0];\n            }\n\n            return false;\n        },\n\n        /**\n         * returns all units, selectable by current selection\n         * prop 'forceContent' with value true will return all units, without filtering\n         */\n        possibleUnits()\n        {\n            const possibleUnits = {};\n            const variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\n\n            for (const variation of variations)\n            {\n                possibleUnits[variation.unitCombinationId] = variation.unitName;\n            }\n\n            return possibleUnits;\n        },\n\n        isContentVisible()\n        {\n            return !this.forceContent && !!this.currentSelection || this.forceContent;\n        },\n\n        hasSelection()\n        {\n            return !isNullOrUndefined(this.selectedAttributes) && !Object.values(this.selectedAttributes).some((value) => value < 0);\n        },\n\n        attributes() {\n            return this.currentVariationSelect && this.currentVariationSelect.attributes;\n        },\n\n        units() {\n            return this.currentVariationSelect && this.currentVariationSelect.units;\n        },\n\n        selectedAttributes() {\n            return this.currentVariationSelect && this.currentVariationSelect.selectedAttributes;\n        },\n\n        selectedUnit() {\n            return this.currentVariationSelect && this.currentVariationSelect.selectedUnit;\n        },\n\n        variations() {\n            return this.currentVariationSelect && this.currentVariationSelect.variations;\n        }\n    },\n\n    methods:\n    {\n        checkTestTileIsAvailable() {\n            for (var key in this.selectedAttributes) {\n                if (key == 47) {\n                    //if (this.testTileCount.count < 15 && this.testTileCount.itemIDs.indexOf(this.currentVariation.item.id) == \"-1\") {\n                    if (this.testTileCount.count < 15 && this.testTileCount.itemIDs.indexOf(this.currentVariation.variation.id) == \"-1\") {\n                        this.testTileAvailable = true;\n                    }\n                    else{\n                        this.testTileAvailable = true;\n                        let isInThere = false;\n                        for(let keyInner in vueApp.$store.state.basket.items){\n                            //if(this.testTileCount.itemIDs.indexOf(this.currentVariation.item.id+\"-\"+vueApp.$store.state.basket.items[keyInner].variationId) == \"-1\"){\n                            if(this.testTileCount.itemIDs.indexOf(this.currentVariation.variation.id+\"-\"+vueApp.$store.state.basket.items[keyInner].variationId) == \"-1\"){\n                                isInThere = true;\n                                break;\n                            }\n                        }\n\n                        if(isInThere){\n                            this.testTileAvailable = false;\n                        }\n                    }\n                }\n            }\n\n            if(!this.testTileAvailable){\n                // TODO: nur, wenn es probemuster auch als auswahl gibt am artikel\n                let hasTestTileOption = false;\n                for(let key in this.attributes){\n                    if(this.attributes[key].attributeId == 47){\n                        for(let innerKey in this.attributes[key].values){\n                            if(this.attributes[key].values[innerKey].attributeValueId == 661){\n                                hasTestTileOption = true;\n                                break;\n                            }\n                        }\n                    }\n                }\n                if(hasTestTileOption){\n                    document.querySelector(\".add-to-basket__add-button\").setAttribute(\"disabled\", \"true\");\n                    document.querySelector(\".add-to-basket__add-button\").classList.add(\"disabled\");\n                    this.flagForResetAddToBasketFunction = false;\n                }\n            }else{\n                this.flagForResetAddToBasketFunction = true;\n                this.resetAddToBasket();\n            }\n\n            // wenn testtile gewählt, qty disable\n            let testTileActive = false;\n            for(let key in this.selectedAttributes){\n                if(key == 47){\n                    if(this.selectedAttributes[key] == 661){\n                        testTileActive = true;\n                    }\n                }\n            }\n\n            if(testTileActive){\n                document.querySelector('.single-action__quantity .qty-input').setAttribute(\"disabled\", \"true\")\n            }else{\n                document.querySelector('.single-action__quantity .qty-input').removeAttribute(\"disabled\")\n            }\n\n            return this.testTileAvailable;\n        },\n\n        // TODO: in vue machbar? element in anderer component\n        showInquiry() {\n            document.getElementsByClassName('single-action__add-to-basket')[0].style.display = 'none';\n            document.getElementsByClassName('add-to-basket__inquiry-container')[0].style.display = 'block';\n            document.getElementsByClassName('single-action__price')[0].style.display = 'none';\n            if(!!document.getElementsByClassName('graduated-prices') && typeof document.getElementsByClassName('graduated-prices')[0] !== \"undefined\"){\n                document.getElementsByClassName('graduated-prices')[0].style.display = 'none';\n            }\n        },\n\n        // TODO: in vue machbar? element in anderer component\n        hideInquiry() {\n            document.getElementsByClassName('single-action__add-to-basket')[0].style.display = 'block';\n            document.getElementsByClassName('add-to-basket__inquiry-container')[0].style.display = 'none';\n            document.getElementsByClassName('single-action__price')[0].style.display = 'block';\n            if(!!document.getElementsByClassName('graduated-prices') && typeof document.getElementsByClassName('graduated-prices')[0] !== \"undefined\"){\n                document.getElementsByClassName('graduated-prices')[0].style.display = 'block';\n            }\n        },\n\n        // TODO: in vue machbar? element in anderer component\n        showIsSpecialSize() {\n            document.querySelector('.single-swiper .swiper-special-over img').setAttribute(\"src\", document.querySelector(\".single-item__sonder-image\").getAttribute('src'));\n            document.querySelector('.single-swiper .swiper-special-over').style.display = 'block';\n            document.getElementsByClassName('variation-select__item--special')[0].classList.add(\"variation-select__item--active\");\n            document.getElementsByClassName('single-thumb-swiper')[0].classList.add(\"d-none\");\n        },\n\n        // TODO: in vue machbar? element in anderer component\n        hideIsSpecialSize() {\n            document.querySelector('.single-swiper .swiper-special-over').style.display = 'none';\n            if(document.getElementsByClassName('single-thumb-swiper').length > 0){\n                document.getElementsByClassName('single-thumb-swiper')[0].classList.remove(\"d-none\");\n            }\n            if(document.getElementsByClassName('variation-select__item--special').length > 0){\n                document.getElementsByClassName('variation-select__item--special')[0].classList.remove(\"variation-select__item--active\", \"no-bg\");\n            }\n        },\n\n        specialSize() {\n            $(\".variation-select__item\").fadeOut(250);\n            $(\".variation-select__or\").fadeOut(250);\n            $(\".variation-select__item--reset\").delay(500).fadeIn(250);\n            $(\".variation-select__special\").delay(500).fadeIn(250);\n        },\n\n        notSpecialSize() {\n            $(\".variation-select__item--reset\").fadeOut(250);\n            $(\".variation-select__special\").fadeOut(250);\n\n            $(\".variation-select__item[variation-id='651']\").delay(500).fadeIn(250);\n            $(\".variation-select__item[variation-id='652']\").delay(500).fadeIn(250);\n            $(\".variation-select__item[variation-id='653']\").delay(500).fadeIn(250);\n            $(\".variation-select__item[variation-id='654']\").delay(500).fadeIn(250);\n            $(\".variation-select__item[variation-id='655']\").delay(500).fadeIn(250);\n            $(\".variation-select__item[variation-id='656']\").delay(500).fadeIn(250);\n            $(\".variation-select__item[variation-id='661']\").delay(500).fadeIn(250);\n            $(\".variation-select__item--col-6\").delay(500).fadeIn(250);\n\n            $(\".variation-select__or\").delay(500).fadeIn(250);\n        },\n\n        // TODO: in vue machbar? element in anderer component\n        resetAddToBasket(){\n\n            document.getElementsByClassName('add-to-basket__add-button')[0].removeAttribute('disabled');\n            document.getElementsByClassName('add-to-basket__add-button')[0].classList.remove('disabled');\n            document.getElementsByClassName('qty-input')[0].value = 1;\n\n            if(!this.flagForResetAddToBasketFunction){\n                document.querySelector(\".add-to-basket__add-button\").setAttribute(\"disabled\", \"true\");\n                document.querySelector(\".add-to-basket__add-button\").classList.add(\"disabled\");\n            }\n        },\n\n        checkSpecialSize(event) {\n\n            $(\".add-to-basket__add-button\").attr(\"disabled\", true);\n\n            let specWidth = document.getElementsByClassName('variation-select__special-input--width')[0].value;\n            let specHeight = document.getElementsByClassName('variation-select__special-input--height')[0].value;\n\n            $(event).attr(\"disabled\", true);\n\n            setTimeout(function(){\n                $(event).attr(\"disabled\", false);\n                $(event).focus();\n            }, 500);\n\n            document.getElementById(\"inquiry-width\").value = specWidth;\n            document.getElementById(\"inquiry-height\").value = specHeight;\n\n            var possibleArr = [];\n            var bestAttributeId = 0;\n            var smallestSize = null;\n\n            if (specWidth.length > 0 && specHeight.length > 0) {\n                $(\"div[attribute-id=\\\"47\\\"] .variation-select__select-option-js\").each(function (index, item) {\n\n                    if ($(item).val().length > 0 && $(item).val() != 659) {\n                        var sizeVar = $(item).attr(\"attribute-name\");\n\n                        sizeVar = sizeVar.slice(0, sizeVar.length - 2);\n                        sizeVar = sizeVar.split(\"x\");\n\n                        if (sizeVar.length == 2) {\n                            var width = parseFloat(sizeVar[0]) + 1;\n                            var height = parseFloat(sizeVar[1]) + 1;\n\n                            if ((width >= specWidth && height >= specHeight) || (height >= specWidth && width >= specHeight)) {\n                                var currentSize = parseFloat(width) + parseFloat(height) - parseFloat(specWidth) - parseFloat(specHeight);\n\n                                if (smallestSize === null || smallestSize >= currentSize) {\n                                    bestAttributeId = $(this).val();\n                                    smallestSize = currentSize;\n                                }\n\n                                possibleArr[$(this).val()] = parseFloat(width) + parseFloat(height) - parseFloat(specWidth) - parseFloat(specHeight);\n                            }\n                        }\n                    }\n                });\n\n                let els = document.querySelectorAll('.variation-select__item-js');\n                for (let i = 0; i < els.length; i++) {\n                    els[i].classList.remove(\"variation-select__item--active\", \"no-bg\");\n                }\n\n                if (bestAttributeId != 0) {\n                    // TODO: für testzwecke 653 (15x15cm)\n                    this.selectedAttributes[47] = parseInt(bestAttributeId);//bestAttributeId;\n                    this.onSelectionChange(47, parseInt(bestAttributeId), null); // bestAttributeId\n\n                    document.querySelector('.variation-select__item-js[variation-id=\"' + bestAttributeId + '\"]').classList.add(\"variation-select__item--active\", \"no-bg\");\n\n                    this.hideInquiry();\n\n                    //$('.single-item__order-property input:first').val(specWidth);\n                    //$('.single-item__order-property input:first').val(specHeight);\n\n                }\n                else {\n                    this.showInquiry();\n                }\n\n                document.dispatchEvent(new CustomEvent(\"changeSpecialSizeWidth\"));\n                document.dispatchEvent(new CustomEvent(\"changeSpecialSizeHeight\"));\n\n                var standardSize = document.getElementsByClassName(\"variation-select__special-input--width\")[0].value + \"x\" + document.getElementsByClassName(\"variation-select__special-input--height\")[0].value;\n\n                if (standardSize != \"10x10\" && standardSize != \"10x20\" && standardSize != \"15x15\" && standardSize != \"15x20\" && standardSize != \"20x20\" && standardSize != \"20x25\") {\n                    this.showIsSpecialSize();\n                }\n                else {\n                    this.hideIsSpecialSize();\n                }\n\n                this.setVariation(this.currentSelection.variationId);\n            }\n        },\n        isEnabled(attributeId, attributeValueId) {\n            // clone selectedAttributes to avoid touching objects bound to UI\n            const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n            attributes[attributeId] = attributeValueId;\n            return this.filterVariations(attributes).length > 0;\n        },\n        /**\n         * select an attribute and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n         * @param {number} attributeId\n         * @param {[number, string, null]} attributeValueId\n         */\n        selectAttribute(attributeId, attributeValueId)\n        {\n            attributeValueId = parseInt(attributeValueId) || null;\n\n            if (this.selectedAttributes[attributeId] !== attributeValueId)\n            {\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\n                this.onSelectionChange(attributeId, attributeValueId, null);\n            }\n        },\n\n        changeAttribute(attributeId, attributeValueId, attributeValue) {\n\n            if (attributeId == 47) {\n                document.dispatchEvent(new CustomEvent(\"resetSpecialSize\"));\n\n                var sizeVar = attributeValue;\n\n                sizeVar = sizeVar.slice(0, sizeVar.length - 2);\n                sizeVar = sizeVar.split(\"x\");\n\n                if (sizeVar.length == 2 && attributeValueId != 659) {\n                    var width = parseFloat(sizeVar[0]);\n                    var height = parseFloat(sizeVar[1]);\n\n                    document.getElementsByClassName(\"variation-select__special-input--width\")[0].value = width;\n                    document.getElementsByClassName(\"variation-select__special-input--height\")[0].value = height;\n\n                    this.selectedAttributes[attributeId] = attributeValueId;\n                    this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\n                    this.onSelectionChange(attributeId, attributeValueId, null);\n\n                    document.dispatchEvent(new CustomEvent(\"changeSpecialSizeWidth\"));\n                    document.dispatchEvent(new CustomEvent(\"changeSpecialSizeHeight\"));\n\n                }\n                else if (attributeValueId == 659 || attributeValueId == 661) {\n\n                    document.getElementsByClassName(\"variation-select__special-input--width\")[0].value = \"\";\n                    document.getElementsByClassName(\"variation-select__special-input--height\")[0].value = \"\";\n\n                    document.dispatchEvent(new CustomEvent(\"resetSpecialSize\"));\n\n                    this.selectedAttributes[attributeId] = attributeValueId;\n                    this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\n                    this.onSelectionChange(attributeId, attributeValueId, null);\n                }\n\n                let els = document.querySelectorAll('.variation-select__item-js');\n                for (let i = 0; i < els.length; i++) {\n                    els[i].classList.remove(\"variation-select__item--active\", \"no-bg\");\n                }\n                document.querySelector(\".variation-select__item-js[variation-id='\" + attributeValueId + \"']\").classList.add(\"variation-select__item--active\");\n\n                document.getElementsByClassName(\"qty-input\")[0].removeAttribute(\"disabled\");\n                if(attributeValueId == 661){\n                    document.getElementsByClassName(\"qty-input\")[0].setAttribute(\"disabled\", \"true\");\n                }\n                else{\n                    document.dispatchEvent(new CustomEvent(\"resetButtonState\"));\n                }\n\n                this.hideInquiry();\n\n            }\n            else {\n                this.selectedAttributes[attributeId] = attributeValueId;\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\n                this.onSelectionChange(attributeId, attributeValueId, null);\n\n                let els = document.querySelectorAll('.variation-select__item-js');\n                for (let i = 0; i < els.length; i++) {\n                    els[i].classList.remove(\"variation-select__item--active\", \"no-bg\");\n                }\n\n                document.querySelector(\".variation-select__item-js[variation-id='\" + attributeValueId + \"']\").classList.add(\"variation-select__item--active\");\n\n                document.getElementsByClassName(\"qty-input\")[0].removeAttribute(\"disabled\");\n                if(attributeValueId == 661){\n                    document.getElementsByClassName(\"qty-input\")[0].setAttribute(\"disabled\", \"true\");\n                }\n                this.checkTestTileIsAvailable();\n            }\n\n            if (attributeValueId == 651 ||\n                attributeValueId == 652 ||\n                attributeValueId == 653 ||\n                attributeValueId == 654 ||\n                attributeValueId == 655 ||\n                attributeValueId == 656 ||\n                attributeValueId == 661) {\n                this.hideIsSpecialSize();\n            }\n\n            //this.selectAttribute(attributeId, attributeValueId);\n\n        },\n\n        /**\n         * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n         * @param {[number, string]} unitId\n         */\n        selectUnit(unitId)\n        {\n            unitId = parseInt(unitId);\n            this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, unitId);\n            this.onSelectionChange(null, null, unitId);\n        },\n\n        onSelectionChange(attributeId, attributeValueId, unitId)\n        {\n            if (this.currentSelection)\n            {\n                this.setVariation(this.currentSelection.variationId);\n                this.checkTestTileIsAvailable();\n            }\n            else if (!this.hasSelection)\n            {\n                // user switched back to \"please select\"\n                this.setVariation(0);\n                this.checkTestTileIsAvailable();\n            }\n            else\n            {\n                this.unsetInvalidSelection(attributeId, attributeValueId, unitId);\n                this.checkTestTileIsAvailable();\n            }\n\n            this.lastContentCount = Object.keys(this.possibleUnits).length;\n            document.getElementsByClassName(\"single__ab-indicator\")[0].style.display = \"none\";\n        },\n\n        /**\n         * changes the selected attributes / unit, to ensure a valid seelction\n         * @param {[number, null]} attributeId\n         * @param {[number, null]} attributeValueId\n         * @param {[number, null]} unitId\n         */\n        unsetInvalidSelection(attributeId, attributeValueId, unitId)\n        {\n            const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\n            const closestVariation    = this.getClosestVariation(qualifiedVariations);\n\n            if (!closestVariation)\n            {\n                return;\n            }\n\n            const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n\n            this.correctSelection(invalidSelection);\n        },\n\n        getTooltip(attribute, attributeValue)\n        {\n            if(!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId))\n            {\n                return this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\n            }\n            else if(attribute.type === \"image\")\n            {\n                return this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\n                    attribute: attribute.name,\n                    value: attributeValue.name\n                });\n            }\n\n            return \"\";\n        },\n\n        /**\n         * returns a string for box tooltips, for not available options\n         * @param {number} attributeId\n         * @param {number} attributeValueId\n         */\n        getInvalidOptionTooltip(attributeId, attributeValueId)\n        {\n            const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\n            const closestVariation    = this.getClosestVariation(qualifiedVariations);\n\n            if (!closestVariation)\n            {\n                return \"\";\n            }\n\n            const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n            const names = [];\n\n            for (const attribute of invalidSelection.attributesToReset)\n            {\n                if (attribute.attributeId !== attributeId)\n                {\n                    names.push(\"<b>\" + attribute.name +\"</b>\");\n                }\n            }\n            if (invalidSelection.newUnit)\n            {\n                names.push(\n                    \"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\"\n                );\n            }\n\n            if (!names.length)\n            {\n                return null;\n            }\n\n            return this.$translate(\"Ceres::Template.singleItemNotAvailableInSelection\", { name: names.join(\", \") });\n        },\n\n        /**\n         * returns a list of variations, filtered by attribute or unit\n         * @param {[number, null]} attributeId\n         * @param {[number, null]} attributeValueId\n         * @param {[number, null]} unitId\n         */\n        getQualifiedVariations(attributeId, attributeValueId, unitId)\n        {\n            if (isDefined(attributeValueId))\n            {\n                return this.variations.filter(variation =>\n                {\n                    return isDefined(variation.attributes.find(attribute =>\n                        attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\n                });\n            }\n            else if (isDefined(unitId))\n            {\n                return this.variations.filter(variation => variation.unitCombinationId === unitId);\n            }\n\n            return this.variations.filter(variation => !variation.attributes.length);\n        },\n\n        /**\n         * returns a variation, where a minimum of changes in the selection is required to archive\n         * @param {array} qualifiedVariations\n         */\n        getClosestVariation(qualifiedVariations)\n        {\n            let closestVariation;\n            let numberOfRequiredChanges;\n\n            for (const variation of qualifiedVariations)\n            {\n                let changes = 0;\n\n                if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit))\n                {\n                    // when the unit dropdown isn't visible, it should have a lower weight for reset investigations\n                    const unitWeight = Object.keys(this.possibleUnits).length > 1 && this.isContentVisible ? 0.9 : 0.1;\n\n                    changes += unitWeight;\n                }\n\n                for (const attribute of variation.attributes)\n                {\n                    if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId)\n                    {\n                        changes++;\n                    }\n                }\n\n                if (!numberOfRequiredChanges || changes < numberOfRequiredChanges)\n                {\n                    closestVariation = variation;\n                    numberOfRequiredChanges = changes;\n                }\n            }\n\n            return closestVariation;\n        },\n\n        /**\n         * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\n         * @param {object} variation\n         */\n        getInvalidSelectionByVariation(variation)\n        {\n            const attributesToReset = [];\n            let newUnit = null;\n\n            for (let selectedAttributeId in this.selectedAttributes)\n            {\n                selectedAttributeId = parseInt(selectedAttributeId);\n                const variationAttribute = variation.attributes.find(attribute => attribute.attributeId === selectedAttributeId);\n\n                if (!isNull(this.selectedAttributes[selectedAttributeId]))\n                {\n                    if (variationAttribute && variationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId] || !variationAttribute)\n                    {\n                        const attributeToReset = this.attributes.find(attr => attr.attributeId === selectedAttributeId);\n\n                        attributesToReset.push(attributeToReset);\n                    }\n                }\n            }\n\n            if (variation.unitCombinationId !== this.selectedUnit)\n            {\n                newUnit = variation.unitCombinationId;\n            }\n\n            return { attributesToReset, newUnit };\n        },\n\n        /**\n         * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\n         * @param {object} invalidSelection\n         */\n        correctSelection(invalidSelection)\n        {\n            const messages   = [];\n            const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n            for (const attributeToReset of invalidSelection.attributesToReset)\n            {\n                messages.push(\n                    this.$translate(\"Ceres::Template.singleItemNotAvailable\", { name: attributeToReset.name })\n                );\n\n                attributes[attributeToReset.attributeId] = (!this.hasEmptyOption && App.config.item.showPleaseSelect) ? -1 : null;\n            }\n\n            if (invalidSelection.newUnit)\n            {\n                if (this.lastContentCount > 1 && Object.keys(this.possibleUnits).length > 1 && !isNull(this.selectedUnit))\n                {\n                    messages.push(\n                        this.$translate(\"Ceres::Template.singleItemNotAvailable\", { name:\n                                this.$translate(\"Ceres::Template.singleItemContent\")\n                        })\n                    );\n                }\n\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, invalidSelection.newUnit);\n            }\n\n            this.$store.commit(`${this.itemId}/variationSelect/setItemSelectedAttributes`, attributes);\n\n            this.setVariation(this.currentSelection ? this.currentSelection.variationId : 0);\n\n            NotificationService.warn(\n                messages.join(\"<br>\")\n            ).closeAfter(5000);\n        },\n\n        /**\n         * returns matching variations with current selection\n         * attributes and unitId could be filled, to check a specific selection\n         * @param {object} attributes\n         * @param {number} unitId\n         * @param {boolean} strict\n         */\n        filterVariations(attributes, unitId, strict, ignoreUnit)\n        {\n            attributes = attributes || this.selectedAttributes;\n            unitId = unitId || this.selectedUnit;\n            strict = !!strict;\n            ignoreUnit = !!ignoreUnit;\n\n            const key = JSON.stringify(attributes) + \"_\" + unitId + \"_\" + strict + \"_\" + ignoreUnit;\n\n            if (isDefined(this.filteredVariationsCache[key]))\n            {\n                return this.filteredVariationsCache[key];\n            }\n\n            const uniqueValues = [...new Set(Object.values(attributes))];\n            const isEmptyOptionSelected = uniqueValues.length === 1 && isNull(uniqueValues[0]);\n            const filteredVariations = this.variations.filter(variation =>\n            {\n                // the selected unit is not matching\n                if (!ignoreUnit && variation.unitCombinationId !== unitId)\n                {\n                    return false;\n                }\n\n                // the variation has no attributes (only checked, if any attribute has a selected value); or the variation has attributes and empty option is selected\n                // requires more than 0 attributes\n                if (((!isEmptyOptionSelected && !variation.attributes.length) || (isEmptyOptionSelected && variation.attributes.length))\n                    && this.attributes.length > 0)\n                {\n                    return false;\n                }\n\n                for (const attributeId in attributes)\n                {\n                    const variationAttribute = variation.attributes.find(variationAttribute =>\n                        variationAttribute.attributeId === parseInt(attributeId));\n\n                    // an attribute is not matching with selection\n                    if (variationAttribute &&\n                        variationAttribute.attributeValueId !== attributes[attributeId] &&\n                        (strict || !strict && !isNull(attributes[attributeId]) && attributes[attributeId] !== -1))\n                    {\n                        return false;\n                    }\n                }\n\n                return true;\n            });\n\n            this.filteredVariationsCache[key] = filteredVariations;\n\n            return filteredVariations;\n        },\n\n        /**\n         * returns true, if the selection with a new attribute value would be valid\n         * @param {number} attributeId\n         * @param {[number, string, null]} attributeValueId\n         */\n        isAttributeSelectionValid(attributeId, attributeValueId)\n        {\n            attributeValueId = parseInt(attributeValueId) || null;\n            if (this.selectedAttributes[attributeId] === attributeValueId)\n            {\n                return true;\n            }\n\n            const selectedAttributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n            selectedAttributes[attributeId] = parseInt(attributeValueId) || null;\n\n            const ignoreUnit = !(Object.keys(this.possibleUnits).length > 1 && this.isContentVisible);\n\n            return !!this.filterVariations(selectedAttributes, null, null, ignoreUnit).length;\n        },\n\n        /**\n         * returns true, if the selection with a new unitId would be valid\n         * @param {[number, string]} unitId\n         */\n        isUnitSelectionValid(unitId)\n        {\n            unitId = parseInt(unitId);\n            if (this.selectedUnit === unitId)\n            {\n                return true;\n            }\n\n            return !!this.filterVariations(null, unitId).length;\n        },\n\n        /**\n         * dispatch vuex action 'loadVariation' to archive a variation\n         * dispatches a custom event named 'onVariationChanged'\n         * @param {[string, number, null]} variationId\n         */\n        setVariation(variationId)\n        {\n            if (!isDefined(variationId) && this.currentSelection)\n            {\n                variationId = this.currentSelection.variationId;\n\n                this.$emit(\"is-valid-change\", true);\n                this.checkTestTileIsAvailable();\n                if(this.currentSelection.isSalable){\n                    this.resetAddToBasket();\n                }\n            }\n\n            if (isDefined(variationId))\n            {\n                this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation =>\n                {\n                    document.dispatchEvent(new CustomEvent(\"onVariationChanged\",\n                        {\n                            detail:\n                                {\n                                    attributes: variation.attributes,\n                                    documents: variation.documents,\n                                    itemId: this.itemId\n                                }\n                        }));\n\n                    this.$emit(\"is-valid-change\", true);\n                    this.checkTestTileIsAvailable();\n                    if(this.currentSelection.isSalable){\n                        this.resetAddToBasket();\n                    }\n                });\n            }\n        },\n\n        isTextCut(content)\n        {\n            if (this.$refs.attributesContaner)\n            {\n                return textWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") > this.$refs.attributesContaner[0].clientWidth;\n            }\n\n            return false;\n        },\n\n        getSelectedAttributeValueName(attribute)\n        {\n            const selectedAttributeValueId =  this.selectedAttributes[attribute.attributeId];\n            const selectedAttributeValue = attribute.values.find(attrValue => attrValue.attributeValueId === selectedAttributeValueId);\n\n            if (selectedAttributeValue)\n            {\n                return selectedAttributeValue.name;\n            }\n            else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1)\n            {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\n            }\n            return this.$translate(\"Ceres::Template.singleItemNoSelection\");\n        }\n    },\n\n    watch:\n    {\n        currentSelection(value)\n        {\n            this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!value);\n        },\n        variations()\n        {\n            // FIX unset variation cache after subsequent variations are loaded\n            this.filteredVariationsCache = {};\n        },\n        basketItems:\n            {\n                handler(newVariation, oldVariation) {\n                    if (newVariation) {\n                        this.checkTestTileIsAvailable();\n                    }\n                }\n            }\n    }\n}\n</script>\n","var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\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 length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n        result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.github.io/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.github.io/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.github.io/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.showTestTile\n      ? _c(\n          \"div\",\n          { staticClass: \"variation-select\" },\n          [\n            _vm._l(_vm.attributes, function(attribute, attributeId) {\n              return _c(\n                \"div\",\n                {\n                  ref: \"labelBoxRef\",\n                  refInFor: true,\n                  staticClass: \"variation-select__select-box\",\n                  attrs: { \"attribute-id\": attribute.attributeId }\n                },\n                [\n                  _c(\"div\", { staticClass: \"variation-select__headline\" }, [\n                    _vm._v(_vm._s(attribute.name))\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\n                    \"select\",\n                    {\n                      ref: \"attributesContaner\",\n                      refInFor: true,\n                      staticClass:\n                        \"custom-select text-gray-dark variation-select__select-js\",\n                      on: {\n                        change: function($event) {\n                          return _vm.selectAttribute(\n                            attribute.attributeId,\n                            $event.target.value\n                          )\n                        }\n                      }\n                    },\n                    [\n                      _vm.addPleaseSelectOption || !_vm.hasSelection\n                        ? _c(\n                            \"option\",\n                            {\n                              staticClass: \"variation-select__select-option-js\",\n                              domProps: { value: -1 }\n                            },\n                            [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"Ceres::Template.singleItemPleaseSelect\"\n                                  )\n                                )\n                              )\n                            ]\n                          )\n                        : _vm._e(),\n                      _vm._v(\" \"),\n                      _vm.hasEmptyOption ||\n                      _vm.selectedAttributes[attribute.attributeId] === null\n                        ? _c(\n                            \"option\",\n                            {\n                              staticClass: \"variation-select__select-option-js\",\n                              domProps: {\n                                value: null,\n                                selected:\n                                  _vm.selectedAttributes[\n                                    attribute.attributeId\n                                  ] === null\n                              }\n                            },\n                            [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"Ceres::Template.singleItemNoSelection\"\n                                  )\n                                )\n                              )\n                            ]\n                          )\n                        : _vm._e(),\n                      _vm._v(\" \"),\n                      _vm._l(attribute.values, function(value) {\n                        return _c(\n                          \"option\",\n                          {\n                            staticClass: \"variation-select__select-option-js\",\n                            attrs: {\n                              disabled: !_vm.isEnabled(\n                                attribute.attributeId,\n                                value.attributeValueId\n                              ),\n                              attributeName: value.name,\n                              \"attribute-name\": value.name\n                            },\n                            domProps: {\n                              value: value.attributeValueId,\n                              selected:\n                                value.attributeValueId ===\n                                _vm.selectedAttributes[attribute.attributeId]\n                            }\n                          },\n                          [\n                            _vm.isAttributeSelectionValid(\n                              attribute.attributeId,\n                              value.attributeValueId\n                            )\n                              ? [\n                                  _vm._v(\n                                    \"\\n                        \" +\n                                      _vm._s(value.name) +\n                                      \"\\n                    \"\n                                  )\n                                ]\n                              : [\n                                  _vm._v(\n                                    \"\\n                        \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemInvalidAttribute\",\n                                          { name: value.name }\n                                        )\n                                      ) +\n                                      \"\\n                    \"\n                                  )\n                                ]\n                          ],\n                          2\n                        )\n                      })\n                    ],\n                    2\n                  )\n                ]\n              )\n            }),\n            _vm._v(\" \"),\n            _vm._l(_vm.attributes, function(attribute, attributeId) {\n              return attribute.attributeId == 47\n                ? _c(\n                    \"div\",\n                    { staticClass: \"variation-select__box\" },\n                    [\n                      _c(\"div\", { staticClass: \"variation-select__headline\" }, [\n                        _vm._v(\"Fliesengröße auswählen\")\n                      ]),\n                      _vm._v(\" \"),\n                      _vm._l(attribute.values, function(\n                        attributeValue,\n                        attributeValueId\n                      ) {\n                        return attributeValue.attributeValueId != 659\n                          ? _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"variation-select__item variation-select__item-js xy\",\n                                class:\n                                  attributeValue.attributeValueId == \"661\" &&\n                                  _vm.testTileAvailable === false\n                                    ? \"disabled\"\n                                    : \"\",\n                                attrs: {\n                                  testTileAvailable: _vm.testTileAvailable,\n                                  \"variation-id\":\n                                    attributeValue.attributeValueId,\n                                  testTileMax: _vm.testTileMax,\n                                  testTileCounter: _vm.testTileCounter,\n                                  \"attribute-name\": attributeValue.name\n                                },\n                                on: {\n                                  click: function($event) {\n                                    _vm.selectedAttributes[\n                                      attribute.attributeId\n                                    ] = attributeValue.attributeValueId\n                                    _vm.changeAttribute(\n                                      attribute.attributeId,\n                                      attributeValue.attributeValueId,\n                                      attributeValue.name\n                                    )\n                                    _vm.selectAttribute(\n                                      attribute.attributeId,\n                                      attributeValue.attributeValueId\n                                    )\n                                  }\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                \" +\n                                    _vm._s(attributeValue.name)\n                                ),\n                                _vm.testTileMax === true &&\n                                attributeValue.attributeValueId == 661\n                                  ? _c(\"span\", [\n                                      _vm._v(\"(max. Anzahl erreicht)\")\n                                    ])\n                                  : _vm._e()\n                              ]\n                            )\n                          : _vm._e()\n                      }),\n                      _vm._v(\" \"),\n                      _vm.showSpecialSize || _vm.showMeterware\n                        ? _c(\"div\", { staticClass: \"variation-select__or\" }, [\n                            _vm._v(\"oder\")\n                          ])\n                        : _vm._e(),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        { staticClass: \"variation-select__extra\" },\n                        [\n                          _vm._l(attribute.values, function(\n                            attributeValue,\n                            attributeValueId\n                          ) {\n                            return attributeValue.attributeValueId == 659\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"variation-select__item variation-select__item--col-6 variation-select__item-js\",\n                                    attrs: {\n                                      \"variation-id\":\n                                        attributeValue.attributeValueId\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] = attributeValue.attributeValueId\n                                        _vm.changeAttribute(\n                                          attribute.attributeId,\n                                          attributeValue.attributeValueId,\n                                          attributeValue.name\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _vm._v(\n                                      \"\\n                    \" +\n                                        _vm._s(attributeValue.name) +\n                                        \"\\n                \"\n                                    )\n                                  ]\n                                )\n                              : _vm._e()\n                          }),\n                          _vm._v(\" \"),\n                          _vm.showSpecialSize\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"variation-select__item variation-select__item--col-6 variation-select__item--special variation-select__item-js\",\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.specialSize()\n                                    }\n                                  }\n                                },\n                                [_vm._v(\"Sondermaße\")]\n                              )\n                            : _vm._e()\n                        ],\n                        2\n                      ),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"variation-select__clear\" }),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"variation-select__special\" }, [\n                        _c(\n                          \"div\",\n                          { staticClass: \"variation-select__special-headline\" },\n                          [_vm._v(\"Sondergröße eingeben:\")]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"div\", { staticClass: \"row\" }, [\n                          _c(\"div\", { staticClass: \"col-6\" }, [\n                            _c(\n                              \"label\",\n                              {\n                                staticClass: \"variation-select__special-label\"\n                              },\n                              [_vm._v(\"Breite in cm:\")]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\"input\", {\n                              staticClass:\n                                \"variation-select__special-input variation-select__special-input--width\",\n                              attrs: { type: \"number\", step: \"any\" },\n                              on: {\n                                blue: function($event) {\n                                  return _vm.checkSpecialSize($event.target)\n                                },\n                                keyup: function($event) {\n                                  return _vm.checkSpecialSize($event.target)\n                                }\n                              }\n                            })\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\"div\", { staticClass: \"col-6\" }, [\n                            _c(\n                              \"label\",\n                              {\n                                staticClass: \"variation-select__special-label\"\n                              },\n                              [_vm._v(\"Höhe in cm:\")]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\"input\", {\n                              staticClass:\n                                \"variation-select__special-input variation-select__special-input--height\",\n                              attrs: { type: \"number\", step: \"any\" },\n                              on: {\n                                blue: function($event) {\n                                  return _vm.checkSpecialSize($event.target)\n                                },\n                                keyup: function($event) {\n                                  return _vm.checkSpecialSize($event.target)\n                                }\n                              }\n                            })\n                          ])\n                        ]),\n                        _vm._v(\" \"),\n                        _c(\"div\", { staticClass: \"variation-select__info\" }, [\n                          _vm._v(\n                            \"Bitte beachten Sie, dass Sondergrößen von der Rücknahme ausgenommen sein können.\"\n                          )\n                        ]),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass:\n                              \"variation-select__special-headline variation-select__special-headline--danger\"\n                          },\n                          [\n                            _vm._v(\n                              \"Leider können wir dieses Maß nicht in den Warenkorb legen. Gerne können Sie eine Anfrage stellen und wir melden uns zeitnah bei Ihnen.\"\n                            )\n                          ]\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass:\n                            \"variation-select__item variation-select__item--reset variation-select__item-js\",\n                          on: {\n                            click: function($event) {\n                              return _vm.notSpecialSize()\n                            }\n                          }\n                        },\n                        [\n                          _c(\"i\", { staticClass: \"fa fa-chevron-left\" }),\n                          _vm._v(\" zurück zur Gesamtansicht\")\n                        ]\n                      )\n                    ],\n                    2\n                  )\n                : attribute.attributeId == 49\n                ? _vm._l(_vm.attributes, function(attribute, attributeId) {\n                    return _c(\"div\", { staticClass: \"variation-select__box\" }, [\n                      _c(\"div\", { staticClass: \"variation-select__headline\" }, [\n                        _vm._v(\"Wert auswählen\")\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        { staticClass: \"variation-select__item-container\" },\n                        _vm._l(attribute.values, function(\n                          attributeValue,\n                          attributeValueId\n                        ) {\n                          return _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"variation-select__item variation-select__item-js\",\n                              attrs: {\n                                \"variation-id\": attributeValue.attributeValueId\n                              },\n                              on: {\n                                click: function($event) {\n                                  _vm.selectedAttributes[\n                                    attribute.attributeId\n                                  ] = attributeValue.attributeValueId\n                                  _vm.changeAttribute(\n                                    attribute.attributeId,\n                                    attributeValue.attributeValueId,\n                                    attributeValue.name\n                                  )\n                                }\n                              }\n                            },\n                            [\n                              _vm._v(\n                                \"\\n                    \" +\n                                  _vm._s(attributeValue.name) +\n                                  \"\\n                \"\n                              )\n                            ]\n                          )\n                        }),\n                        0\n                      ),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"variation-select__clear\" })\n                    ])\n                  })\n                : _vm._e()\n            })\n          ],\n          2\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.possibleUnitIds.length > 1\n      ? _c(\n          \"div\",\n          { staticClass: \"col-12 col-md-6 col-lg-4 variation-select v2\" },\n          [\n            _c(\"div\", { staticClass: \"input-unit\" }, [\n              _c(\n                \"select\",\n                {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.selectedUnitId,\n                      expression: \"selectedUnitId\"\n                    }\n                  ],\n                  staticClass: \"custom-select text-gray-dark\",\n                  on: {\n                    change: [\n                      function($event) {\n                        var $$selectedVal = Array.prototype.filter\n                          .call($event.target.options, function(o) {\n                            return o.selected\n                          })\n                          .map(function(o) {\n                            var val = \"_value\" in o ? o._value : o.value\n                            return val\n                          })\n                        _vm.selectedUnitId = $event.target.multiple\n                          ? $$selectedVal\n                          : $$selectedVal[0]\n                      },\n                      function($event) {\n                        return _vm.onSelectionChange(\n                          _vm.possibleUnitIds[_vm.selectedUnitId]\n                        )\n                      }\n                    ]\n                  }\n                },\n                [\n                  _c(\"option\", { domProps: { value: 0 } }, [\n                    _vm._v(\n                      _vm._s(\n                        _vm.$translate(\n                          \"CeresTheme::Template.singleItemPleaseSelect\"\n                        )\n                      )\n                    )\n                  ]),\n                  _vm._v(\" \"),\n                  _vm._l(_vm.possibleUnitIds, function(unitCombinationId) {\n                    return _c(\n                      \"option\",\n                      { domProps: { value: unitCombinationId } },\n                      [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(_vm.variationUnits[unitCombinationId]) +\n                            \"\\n                \"\n                        )\n                      ]\n                    )\n                  })\n                ],\n                2\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"label\",\n                {\n                  directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                  attrs: {\n                    \"data-toggle\": \"tooltip\",\n                    \"data-placement\": \"top\",\n                    title: _vm.$translate(\"Ceres::Template.singleItemContent\")\n                  }\n                },\n                [\n                  _vm._v(\n                    _vm._s(_vm.$translate(\"Ceres::Template.singleItemContent\"))\n                  )\n                ]\n              )\n            ])\n          ]\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./VariationSelect.vue?vue&type=template&id=4a939d05&\"\nimport script from \"./VariationSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationSelect.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/davidisaak/Sites/pp-foliesen/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a939d05')) {\n      api.createRecord('4a939d05', component.options)\n    } else {\n      api.reload('4a939d05', component.options)\n    }\n    module.hot.accept(\"./VariationSelect.vue?vue&type=template&id=4a939d05&\", function () {\n      api.rerender('4a939d05', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/VariationSelect.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.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!./VariationSelect.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=template&id=4a939d05&\""],"sourceRoot":""}