{"version":3,"sources":["webpack:///resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue","webpack:///resources/js/src/app/components/item/configurator/DetailsModal.vue","webpack:///resources/js/src/app/components/item/configurator/MusterModal.vue","webpack:///resources/js/src/app/components/item/configurator/WallConfigurator.vue","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue?4617","webpack:///./resources/js/src/app/components/item/configurator/DetailsModal.vue?8ccf","webpack:///./resources/js/src/app/components/item/configurator/MusterModal.vue?21db","webpack:///./resources/js/src/app/components/item/configurator/WallConfigurator.vue?c602","webpack:///./resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue","webpack:///./resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue?6453","webpack:///./resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.vue?3870","webpack:///./resources/js/src/app/components/item/configurator/DetailsModal.vue","webpack:///./resources/js/src/app/components/item/configurator/DetailsModal.vue?62f0","webpack:///./resources/js/src/app/components/item/configurator/DetailsModal.vue?2ba7","webpack:///./resources/js/src/app/components/item/configurator/MusterModal.vue","webpack:///./resources/js/src/app/components/item/configurator/MusterModal.vue?dcac","webpack:///./resources/js/src/app/components/item/configurator/MusterModal.vue?ed12","webpack:///./resources/js/src/app/components/item/configurator/WallConfigurator.vue","webpack:///./resources/js/src/app/components/item/configurator/WallConfigurator.vue?5c64","webpack:///./resources/js/src/app/components/item/configurator/WallConfigurator.vue?b2ac"],"names":[],"mappings":"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AACA;AACA;AACA,KAAK,6CAA6C,uBAAuB,EAAE;AAC3E;AACA;AACA;AACA,gBAAgB,2DAA2D;AAC3E,mBAAmB,qBAAqB;AACxC;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB,SAAS;AACT;AACA,sBAAsB,YAAY,mCAAmC,EAAE;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,SAAS,8BAA8B,EAAE;AAC7D;AACA;AACA;AACA;AACA,gBAAgB;AAChB,OAAO;AACP;AACA,mBAAmB,8BAA8B;AACjD,qBAAqB,2CAA2C;AAChE,uBAAuB,wCAAwC;AAC/D;AACA;AACA;AACA;AACA,0BAA0B,qDAAqD;AAC/E;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA,iBAAiB,uCAAuC;AACxD;AACA,oCAAoC,SAAS,iBAAiB,EAAE;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,2BAA2B;AAC3B,qBAAqB;AACrB;AACA;AACA,6BAA6B,uCAAuC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB,6BAA6B;AAC7B,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB,6BAA6B;AAC7B,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,oCAAoC;AAC7D,2BAA2B,0CAA0C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA,4BAA4B,mCAAmC;AAC/D;AACA;AACA;AACA,8BAA8B,qCAAqC;AACnE;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B,iBAAiB;AACjB;AACA;AACA;AACA,uBAAuB,qCAAqC;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC9LA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,SAAS,mCAAmC,EAAE;AAClE;AACA;AACA;AACA;AACA,gBAAgB;AAChB,OAAO;AACP;AACA,mBAAmB,8BAA8B;AACjD,qBAAqB,+BAA+B;AACpD,uBAAuB,8BAA8B;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,qDAAqD;AAC/E;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,4BAA4B;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8CAA8C;AAC7E;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA,2BAA2B,qBAAqB;AAChD;AACA;AACA,qBAAqB,qDAAqD;AAC1E;AACA,iCAAiC,4BAA4B;AAC7D;AACA;AACA;AACA;AACA,oCAAoC;AACpC,2BAA2B;AAC3B;AACA,0CAA0C,SAAS,YAAY,EAAE;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qDAAqD;AAC1E;AACA,iCAAiC,4BAA4B;AAC7D;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,iCAAiC,4BAA4B;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qDAAqD;AAC1E;AACA,iCAAiC,4BAA4B;AAC7D;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,6BAA6B;AACxD;AACA;AACA,qBAAqB,qDAAqD;AAC1E;AACA,iCAAiC,4BAA4B;AAC7D;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qDAAqD;AAC1E;AACA,iCAAiC,4BAA4B;AAC7D;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qDAAqD;AAC1E;AACA,iCAAiC,4BAA4B;AAC7D;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,iCAAiC,4BAA4B;AAC7D;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,qDAAqD;AAC1E;AACA,iCAAiC,4BAA4B;AAC7D;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,iBAAiB;AACjB;AACA,2BAA2B,6BAA6B;AACxD,6BAA6B,6CAA6C;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;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;AACA,sBAAsB,qDAAqD;AAC3E,iBAAiB,4BAA4B;AAC7C,qBAAqB,SAAS,6CAA6C,EAAE;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACncA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB,SAAS;AACT;AACA,mBAAmB,mCAAmC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,6CAA6C;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB,iDAAiD;AACtE;AACA;AACA;AACA,yBAAyB,sDAAsD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,8CAA8C;AAC3E;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,qBAAqB,yCAAyC;AAC9D;AACA;AACA,eAAe,mCAAmC;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,2BAA2B,uCAAuC;AAClE;AACA;AACA;AACA;AACA,eAAe,6DAA6D;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAA4C;AACnE;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,qCAAqC;AACrC;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,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,SAAS,gBAAgB,EAAE;AACrE;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,4CAA4C;AAC7E;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;AACA,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA,mCAAmC,oCAAoC;AACvE;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,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,4CAA4C;AACnE;AACA;AACA,uCAAuC,oCAAoC;AAC3E;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,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA,yCAAyC,qCAAqC;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,sCAAsC;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,4BAA4B;AAC5B,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,6DAA6D;AAC9E;AACA;AACA;AACA,qBAAqB,mCAAmC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,0CAA0C;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;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;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA,2CAA2C,SAAS,gBAAgB,EAAE;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,0CAA0C;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA;AACA;AACA,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,sCAAsC;AACrE;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;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;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C,SAAS,gBAAgB,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,qBAAqB;AACrB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,iBAAiB;AACjB,WAAW;AACX;AACA;AACA;AACA;AACA,sBAAsB,iBAAiB;AACvC,yBAAyB;AACzB,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACl/BA;AAAA;AAAA;AAAA;AAAuG;AAC3B;AACL;;;AAGvE;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,8FAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAgN,CAAgB,4PAAG,EAAC,C;;;;;;;;;;;;ACApO;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAA2F;AAC3B;AACL;;;AAG3D;AACyG;AACzG,gBAAgB,2GAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,uFAAM;AACR,EAAE,gGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA0M,CAAgB,gPAAG,EAAC,C;;;;;;;;;;;;ACA9N;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAA0F;AAC3B;AACL;;;AAG1D;AACyG;AACzG,gBAAgB,2GAAU;AAC1B,EAAE,iFAAM;AACR,EAAE,sFAAM;AACR,EAAE,+FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAyM,CAAgB,+OAAG,EAAC,C;;;;;;;;;;;;ACA7N;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAA+F;AAC3B;AACL;;;AAG/D;AACyG;AACzG,gBAAgB,2GAAU;AAC1B,EAAE,sFAAM;AACR,EAAE,2FAAM;AACR,EAAE,oGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA8M,CAAgB,oPAAG,EAAC,C;;;;;;;;;;;;ACAlO;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-4.js","sourcesContent":["<template>\n    <div class=\"form-check gtc-form\" :class=\"{ 'error': showError }\">\n        <input class=\"form-check-input gtc-checkbox\" type=\"checkbox\" :id=\"'privacy-policy-accept' + _uid\" :checked=\"value\" @change=\"onValueChanged($event.target.checked)\">\n        <label class=\"form-check-label gtc-label\" :for=\"'privacy-policy-accept' + _uid\">\n            <span v-html=\"labelHtml\"></span><!--\n            --><sup>*</sup>\n        </label>\n    </div>\n</template>\n\n<script>\nexport default {\n\n    name: \"accept-privacy-policy-check\",\n\n    props: {\n        value: Boolean ,\n        showError: Boolean\n    },\n\n    computed: {\n        labelHtml()\n        {\n            const contactPrivacyPolicy = this.$translate(\"Ceres::Template.contactPrivacyPolicy\", {\"hyphen\": \"&shy;\"});\n            const html = `\n                <!----><a href=\"${ App.urls.privacyPolicy }\" target=\"_blank\" class=\"text-appearance\">\n                    <span>${ contactPrivacyPolicy }</span>\n                </a><!---->\n            `;\n\n            return this.$translate(\"Weberbuero::Template.singleMusterModalPrivacyPolicy\", {policy: html});\n        }\n    },\n\n    methods:\n    {\n        onValueChanged(value)\n        {\n            this.$emit(\"input\", value);\n        }\n    }\n}\n</script>\n","<template>\n    <div id=\"details-modal-wrapper\">\n        <div class=\"modal fade\" id=\"confi-details\" tabindex=\"-1\" role=\"dialog\">\n            <div class=\"modal-dialog\">\n                <div class=\"modal-content confi-modal\">\n                    <div class=\"confi-modal__container\">\n                        <svg class=\"confi-modal__close-button\" data-dismiss=\"modal\" height=\"26\" width=\"27\" @click=\"detachModal()\">\n                            <use xlink:href=\"#svg_close\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                        </svg>\n                        <div class=\"confi-modal__main-img\">\n                            <transition mode=\"out-in\">\n                                <img\n                                        :src=\"'https://bilder.weberbuero.de/frontend/images/materials/large/' + modalSelectedColor.img + '.jpg'\"\n                                        @load=\"setModalKey\"\n                                        v-show=\"modalSelectedColor.img === modalKey\"\n                                >\n                            </transition>\n                            <div class=\"confi-modal__controls\">\n                                <div class=\"homepage-swiper__prev\"\n                                     :class=\"{ 'disabled' : modalSelectedColor.id == colorArray[0]}\"\n                                     @click=\"slidePrev\">\n                                    <svg class=\"homepage-swiper__arrow homepage-swiper__arrow--prev\"><use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use></svg>\n                                </div>\n                                <div class=\"homepage-swiper__next\"\n                                     :class=\"{ 'disabled' : modalSelectedColor.id == colorArray[lastColorKey]}\"\n                                     @click=\"slideNext\">\n                                    <svg class=\"homepage-swiper__arrow homepage-swiper__arrow--next\"><use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use></svg>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"confi-modal__infos\">\n                            <div class=\"confi-modal__infos--left\">\n                                <div class=\"confi-modal__thumb--big\"\n                                     :style=\"{ backgroundImage: 'url(https://bilder.weberbuero.de/frontend/images/materials/thumbs/' + modalSelectedColor.img + '.jpg)' }\"\n                                ></div>\n                                <h4 class=\"confi-modal__name\">{{modalSelectedColor.name}}</h4>\n                                <span class=\"confi-modal__number\">{{modalSelectedColor.img}}</span>\n                            </div>\n                            <div class=\"confi-modal__infos--right\" v-html=\"modalDetailsText\">\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"confi-modal__bottom\">\n                        <ul v-if=\"activeAttributes && activeAttributes[swiperColor]\">\n                            <li v-for=\"(color, key) in activeAttributes[swiperColor].values\"\n                                class=\"confi-modal__thumb\"\n                                :class=\"{'confi-modal__thumb--active': key === modalSelectedColor.id }\"\n                                :style=\"{ backgroundImage: 'url(https://bilder.weberbuero.de/frontend/images/materials/thumbs/' + color.split(' ')[0] + '.jpg)' }\"\n                                @click=\"selectModalColor(key)\">\n                            </li>\n                        </ul>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: \"DetailsModal\",\n\n        props:{\n            activeAttributes: Object,\n            colorArray: Array,\n            swiperColor: String,\n            modalSelectedColor: Object\n        },\n\n        data(){\n            return {\n\n                modalKey:null\n            }\n        },\n\n        inject: {\n            itemId: {\n                default: null\n            }\n        },\n\n        computed:{\n            activeColorPosition()\n            {\n                return this.colorArray.indexOf(this.modalSelectedColor.id);\n            },\n            lastColorKey()\n            {\n                return this.colorArray.length - 1;\n            },\n            currentVariation() {\n                return this.$store.getters[`${this.itemId}/currentItemVariation`];\n            },\n            modalDetailsText()\n            {\n                return this.findProperty(11);\n            },\n        },\n\n        methods:{\n            detachModal(){\n                $(\"#details-modal-wrapper\").detach().appendTo('.configurator');\n            },\n\n            findProperty(propID)\n            {\n                if (this.currentVariation && typeof this.currentVariation.variationProperties != 'undefined' && this.currentVariation.variationProperties.length > 0)\n                {\n                    const props = this.currentVariation.variationProperties[0].properties;\n                    const propData = props.find(p => p.id === propID);\n                    if (propData && propData.values && propData.values.value)\n                    {\n                        return propData.values.value;\n                    }\n                }\n                return \"\";\n            },\n\n            selectModalColor(id)\n            {\n                this.$emit(\"selectModalColor\",id);\n\n            },\n\n            slideNext()\n            {\n                if (this.modalSelectedColor.id !== this.colorArray[this.colorArray.length - 1])\n                {\n                    const nextKey = this.colorArray[this.activeColorPosition + 1];\n\n                    this.selectModalColor(nextKey);\n                }\n            },\n\n            slidePrev()\n            {\n                if (this.modalSelectedColor.id !== this.colorArray[0])\n                {\n                    const prevKey = this.colorArray[this.activeColorPosition - 1];\n\n                    this.selectModalColor(prevKey);\n                }\n            },\n\n            setModalKey()\n            {\n                this.modalKey = this.modalSelectedColor.img;\n            },\n\n        },\n\n    }\n</script>\n\n","<template>\n    <div id=\"confi-muster-modal-wrapper\">\n        <div class=\"modal fade muster__modal\" id=\"confi-muster\" tabindex=\"-1\" role=\"dialog\">\n            <div class=\"modal-dialog\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h3>{{ $translate(\"Weberbuero::Template.singleMusterModalHeadline\") }}</h3>\n                        <svg data-dismiss=\"modal\" height=\"26\" width=\"27\" @click=\"detachModal()\">\n                            <use xlink:href=\"#svg_close\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                        </svg>\n                    </div>\n                    <div class=\"modal-body\">\n                        <div class=\"muster__variation\" id=\"muster-selected-article\" :muster-selection=\"modalActiveArticle\">\n                            <ul class=\"configurator-variants__list configurator-variants__list--modal\">\n                                <li v-for=\"product in productList\" class=\"configurator-variants__item\" :class=\"{'configurator-variants__item--active': modalSelectedMuster === product.id }\" @click=\"$emit('switchMuster', product.id)\">\n                                    <div class=\"configurator-variants__img-wrap\">\n                                        <div class=\"configurator-variants__img-container\">\n                                            <div\n                                                    class=\"configurator-variants__img\"\n                                                    :style=\"{ backgroundImage: 'url(https://bilder.weberbuero.de/frontend/images/materials/thumbs/'  + product.img + '.jpg)' }\"/>\n                                        </div>\n                                    </div>\n                                    <div class=\"configurator-variants__title\">\n                                        <p>{{ product.name }}</p>\n                                    </div>\n                                </li>\n                            </ul>\n                        </div>\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6 muster__modal--pr-7\">\n                                <div class=\"input-unit\">\n                                    <select name=\"salutation\" class=\"form-control\">\n                                        <option value=\"\">{{ $translate(\"Weberbuero::Template.singleItemPleaseSelect\") }}</option>\n                                        <option :value=\"addressSalutationMale\">{{ addressSalutationMale }}</option>\n                                        <option :value=\"addressSalutationFemale\">{{ addressSalutationFemale }}</option>\n                                        <option :value=\"addressSalutationDiverse\">{{ addressSalutationDiverse }}</option>\n                                        <option :value=\"addressSalutationCompany\">{{ addressSalutationCompany }}</option>\n                                    </select>\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalAnrede\") }}*</label>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6 muster__modal--pl-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"email\" name=\"email\">\n                                    <label>E-Mail*</label>\n                                </div>\n                            </div>\n\n                            <div class=\"col-12 col-md-4 muster__modal--pr-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"text\" name=\"name\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalVorname\") }}*</label>\n                                </div>\n                            </div>\n\n                            <div class=\"col-12 col-md-4 muster__modal--pr-7 muster__modal--pl-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"text\" name=\"lastname\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalNachname\") }}*</label>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-4 muster__modal--pl-7\">\n                                <div class=\"input-unit\">\n                                    <input type=\"text\" name=\"company\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalCompany\") }}</label>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"row mt-md-3\">\n                            <div class=\"col-12 col-md-8 muster__modal--pr-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"text\" name=\"street\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalStrasse\") }}*</label>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-4 muster__modal--pl-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"text\" name=\"number\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalNr\") }}*</label>\n                                </div>\n                            </div>\n\n                            <div class=\"col-12 col-md-4 muster__modal--pr-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"number\" name=\"plz\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalPLZ\") }}*</label>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-4 muster__modal--pr-7 muster__modal--pl-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"text\" name=\"place\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalOrt\") }}*</label>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-4 muster__modal--pl-7\">\n                                <div class=\"input-unit\">\n                                    <input required type=\"text\" name=\"country\">\n                                    <label>{{ $translate(\"Weberbuero::Template.singleMusterModalLand\") }}*</label>\n                                </div>\n                            </div>\n                        </div>\n\n                        <accept-privacy-policy-check\n                                class=\"mt-3 mb-0\"\n                                v-model=\"privacyPolicyAccepted\">\n                        </accept-privacy-policy-check>\n\n                        <!--<div class=\"row mt-md-3\">\n                            <div class=\"col-12\">\n                                <div class=\"form-check gtc-form\">\n                                    <input type=\"checkbox\" value=\"\" class=\"form-check-input gtc-checkbox\" id=\"gtc-accept-muster-confi\">\n                                    <span class=\"checkmark\"></span>\n                                    {% autoescape %}\n                                    <label for=\"gtc-accept-muster-confi\" class=\"form-check-label gtc-label\">\n                                        {% set policyContent %}&lt;!&ndash;\n                                                &ndash;&gt;<a href=\"{{ urls.privacyPolicy }}\" target=\"_blank\" class=\"text-appearance\">\n                                        <span>{{ trans(\"Ceres::Template.checkoutPrivacyPolicy\", {\"hyphen\": \"&shy;\"}) }}</span>\n                                    </a>&lt;!&ndash;\n                                            &ndash;&gt;{% endset %}\n\n                                        {{ trans(\"Weberbuero::Template.singleMusterModalPrivacyPolicy\", {\"policy\": policyContent}) }}<sup>*</sup></label>\n                                    {% endautoescape %}\n                                </div>\n                            </div>\n                        </div>-->\n\n                        <div class=\"row mt-md-3\">\n                            <div class=\"col-12 col-md-4 offset-md-4\">\n                                <button class=\"btn muster__modal-send muster__modal-send--vue\"\n                                        :disabled=\"!privacyPolicyAccepted\" @click.prevent=\"send()\"\n                                        id=\"muster__send\">{{ $translate(\"Weberbuero::Template.singleMusterModalButtonText\") }}</button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import TranslationService from \"ceres/app/services/TranslationService\";\n    import AcceptPrivacyPolicyCheck from \"../../customer/AcceptPrivacyPolicyCheck.vue\"\n    export default {\n        name: \"MusterModal\",\n        props: {\n            modalActiveArticle:{},\n            modalSelectedMuster:{},\n            productList: Array\n        },\n        components: {\n            AcceptPrivacyPolicyCheck\n        },\n        data(){\n            return{\n                // generate Translitons on component creation\n                addressSalutationMale: TranslationService.translate(\"Ceres::Template.addressSalutationMale\"),\n                addressSalutationFemale: TranslationService.translate(\"Ceres::Template.addressSalutationFemale\"),\n                addressSalutationDiverse: TranslationService.translate(\"Ceres::Template.addressSalutationDiverse\"),\n                addressSalutationCompany: TranslationService.translate(\"Ceres::Template.addressSalutationCompany\"),\n                // check if gtc is accepted\n                privacyPolicyAccepted: false\n            }\n\n        },\n\n        methods:{\n            detachModal(){\n                $(\"#confi-muster-modal-wrapper\").detach().appendTo('.configurator');\n            },\n\n            send(){\n                let sel;\n\n                if($(\".muster__modal-send--vue\").closest('#confi-muster').length){\n                    sel = '#confi-muster';\n                }else{\n                    sel = '#muster';\n                }\n\n                $(\".has-error\").removeClass(\"has-error\");\n\n                var isAllFilled = true;\n\n                $.each($(sel+\" .input-unit [required]\"), function (index, item) {\n                    if ($(item).val() == \"\") {\n                        $(item).addClass(\"has-error\");\n                        isAllFilled = false;\n                    }\n                });\n\n                var $gtc = $('#gtc-accept-muster-confi').length ? $('#gtc-accept-muster-confi') : $(sel+\" .gtc-checkbox\");\n\n                if($gtc.prop('checked') === false){\n                    isAllFilled = false;\n                }\n\n                if (isAllFilled) {\n\n                    const mailObj =\n                        {\n                            salutation: $(sel+\" [name=\\\"salutation\\\"]\").val(),\n                            email: $(sel+\" [name=\\\"email\\\"]\").val(),\n                            name: $(sel+\" [name=\\\"name\\\"]\").val(),\n                            lastname: $(sel+\" [name=\\\"lastname\\\"]\").val(),\n                            company: $(sel+\" [name=\\\"company\\\"]\").val(),\n                            street: $(sel+\" [name=\\\"street\\\"]\").val(),\n                            number: $(sel+\" [name=\\\"number\\\"]\").val(),\n                            plz: $(sel+\" [name=\\\"plz\\\"]\").val(),\n                            place: $(sel+\" [name=\\\"place\\\"]\").val(),\n                            country: $(sel+\" [name=\\\"country\\\"]\").val(),\n                            article: $('.configurator').length > 0 ? $(\"#muster-selected-article\").attr(\"muster-selection\") : $('.muster__modal input[name=\"article\"]').val(),\n                            articlename: $('.configurator').length > 0 ? $(\"#muster-selected-article\").attr(\"muster-selection\") : $('.muster__modal input[name=\"articlename\"]').val(),\n                            message: \"xx\",\n                            userMail: \"xx\",\n                            subject: \"xx\",\n                            type: \"muster\"\n                        };\n\n                    $.ajax({\n                        url: \"https://www.weberbuero.de/rest/weberbuero/customer/contact/mail\",\n                        type: \"POST\",\n                        async: true,\n                        data: {\n                            contactData: mailObj,\n                            template: \"Weberbuero::Customer.Components.Contact.MusterMail\",\n                            type: \"muster\"\n                        },\n                        success: function (data, textStatus, jqXHR) {\n                            // success\n                            $(sel).modal(\"hide\");\n\n                            NotificationService.success(\n                                TranslationService.translate(\"Weberbuero::Template.musterSendSuccess\")\n                            ).closeAfter(10000);\n                        },\n                        error: function (data) {\n                        }\n                    });\n\n                }\n            }\n        },\n\n        mounted()\n        {\n            this.$nextTick(() => {\n\n            });\n\n        }\n\n    }\n</script>\n\n","<template>\n    <div class=\"configurator\" :class=\"{'configurator--loading': isLoading}\" v-if=\"activeProductData\">\n        <p class=\"configurator__cta\">{{ $translate('Weberbuero::Template.configuratorCTA') }}:</p>\n        <ul class=\"configurator-variants__list\">\n            <li v-for=\"product in productList\" class=\"configurator-variants__item\"\n                :class=\"{'configurator-variants__item--active': activeProductData.id === product.id }\"\n                @click=\"switchArticle(product.varId)\">\n                <div class=\"configurator-variants__img-wrap\">\n                    <div class=\"configurator-variants__img-container\">\n                        <lazy-img class=\"configurator-variants__img\"\n                                  :is-background-image=\"true\"\n                                  :image-url=\"'https://bilder.weberbuero.de/frontend/images/materials/thumbs/'  + product.img + '.jpg'\"/>\n                    </div>\n                </div>\n                <div class=\"configurator-variants__title\">\n                    <p>{{product.name}}</p>\n                </div>\n            </li>\n        </ul>\n        <div class=\"configurator__container\">\n            <p class=\"configurator__cta\">{{ $translate('Weberbuero::Template.configuratorCTA2') }}:\n                <template v-for=\"(color, key) in activeColorList\"\n                          v-if=\"(parseInt(color.attributeValueId) === activeColor.value)  && varSwitched\">{{color.name}}\n                </template>\n            </p>\n\n            <div class=\"configurator__loading\" v-if=\"isLoading\"></div>\n            <div class=\"swiper-container conf-swiper\" ref=\"swiper\">\n                <div class=\"configurator__item-wrapper\"\n                     v-if=\"activeAttributes && activeAttributes[swiperColor] && activeColorList.length > 5\">\n                    <div v-for=\"(color, key) in activeColorList\"\n                         v-if=\"key < 4 || parseInt(color.attributeValueId) === activeColor.value\"\n                         class=\"configurator__item\"\n                         v-show=\"!(key > 4 && parseInt(color.attributeValueId) === activeColor.value)\">\n                        <div @click=\"selectAttribute(swiperColor, color.attributeValueId); clickCount++\">\n                            <lazy-img class=\"configurator__color-card\"\n                                      :class=\"{'configurator__color-card--active': (parseInt(color.attributeValueId) === activeColor.value) && varSwitched, 'sold': !isAttributeSelectionValid(color.attributeId, color.attributeValueId, true) }\"\n                                      :is-background-image=\"true\"\n                                      :image-url=\"'https://bilder.weberbuero.de/frontend/images/materials/thumbs/'  +  color.name.split(' ')[0] + '.jpg'\">\n                                <div class=\"configurator__label\">\n                                    <p>{{color.name}}</p>\n                                </div>\n                            </lazy-img>\n                        </div>\n                    </div>\n\n                    <portal to=\"sidebar\" v-if=\"sidebarContent === activeAttributes[swiperColor].attributeId\">\n                        <span class=\"single__variations-select-label\">{{ $translate('Weberbuero::Template.configuratorCTA2') }}:</span>\n\n                        <div class=\"configurator__item-wrapper\">\n                            <div v-for=\"(color, key) in activeColorList\" class=\"configurator__item\"\n                                 :class=\"{'active': parseInt(color.attributeValueId) === activeColor.value}\">\n                                <div @click=\"selectAttribute(swiperColor, color.attributeValueId); toggleSidebar();\">\n                                    <lazy-img class=\"configurator__color-card\"\n                                              :class=\"{'configurator__color-card--active': (color.attributeValueId === activeColor.value) && currentVariation.attributes.length > 0, 'sold': !isAttributeSelectionValid(color.attributeId, color.attributeValueId, true) }\"\n                                              :is-background-image=\"true\"\n                                              :image-url=\"'https://bilder.weberbuero.de/frontend/images/materials/thumbs/'  +  color.name.split(' ')[0] + '.jpg'\">\n                                        <div class=\"configurator__label\">\n                                            <p>{{color.name}}</p>\n                                        </div>\n                                    </lazy-img>\n                                </div>\n                            </div>\n                        </div>\n                    </portal>\n\n                    <div class=\"configurator__item\">\n                        <div class=\"sidebar-toggle\" @click=\"toggleSidebar(activeAttributes[swiperColor].attributeId);\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\"\n                                 fill=\"none\">\n                                <g style=\"mix-blend-mode:multiply\">\n                                    <circle cx=\"17\" cy=\"17\" r=\"17\" fill=\"#3F3F3F\"/>\n                                </g>\n                                <path d=\"M17 17V23M11 17H17H11ZM23 17H17H23ZM17 17V11V17Z\" stroke=\"white\"\n                                      stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                            </svg>\n\n                            <div>Alle ansehen</div>\n                        </div>\n\n\n                    </div>\n                </div>\n                <div class=\"configurator__item-wrapper\"\n                     v-if=\"activeAttributes && activeAttributes[swiperColor] && activeColorList.length <= 5\">\n                    <div v-for=\"(color, key) in activeColorList\" v-if=\"key < 4\" class=\"configurator__item\">\n                        <div @click=\"selectAttribute(swiperColor, color.attributeValueId)\">\n                            <lazy-img class=\"configurator__color-card\"\n                                      :class=\"{'configurator__color-card--active': (color.attributeValueId === activeColor.value) && varSwitched, 'sold': !isAttributeSelectionValid(activeColor.value, color.attributeValueId, true) }\"\n                                      :is-background-image=\"true\"\n                                      :image-url=\"'https://bilder.weberbuero.de/frontend/images/materials/thumbs/'  +  color.name.split(' ')[0] + '.jpg'\">\n                                <div class=\"configurator__label\">\n                                    <p>{{color.name}}</p>\n                                </div>\n                            </lazy-img>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"configurator__muster\">\n            <a href=\"#\" class=\"js--single__muster-link single__muster-link\" @click=\"detachModal()\" data-toggle=\"modal\"\n               data-target=\"#confi-muster\">\n                <svg class=\"svg_gift\" width=\"16\" height=\"20\">\n                    <use xlink:href=\"#svg_cards\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                </svg>\n                {{ activeProductData.name }} {{ $translate(\"Weberbuero::Template.orderMuster\") }}&nbsp;&nbsp;\n            </a>\n        </div>\n\n        <div class=\"configurator__row configurator__select-list\" v-if=\"activeAttributes\">\n            <div class=\"configurator__col\" v-for=\"(attribute, key) in attributeSelectList\">\n                <template v-if=\"attribute.type === 'image'\">\n                    <div class=\"configurator__select-img\" v-if=\"attribute.values.length > 4\">\n\n                        <span class=\"single__variations-select-label\">{{ attribute.name }}:</span>\n\n                        <template v-if=\"selectedAttributes[attribute.attributeId] !== null\">\n                            <div @click=\"toggleSidebar(attribute.attributeId)\"\n                                 class=\"configurator__select-list-outer-button configurator__select-list-outer-button--img\"\n                                 v-for=\"(value, key2) in attribute.values\"\n                                 v-if=\"value.attributeValueId == selectedAttributes[attribute.attributeId]\">\n                        <span class=\"configurator__select-list-outer-button-content\">\n                          <div class=\"configurator__select-list-outer-button-img-wrapper\">\n                            <lazy-img class=\"p-1\" :image-url=\"value.imageUrl\" :alt=\"value.name\"/>\n                          </div>\n                          <span>\n                            {{value.name}}\n                          </span>\n                        </span>\n\n                                <svg height=\"7\" width=\"11\" class=\"single__select--right\">\n                                    <use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                                </svg>\n                            </div>\n                        </template>\n\n                        <portal to=\"sidebar\" v-if=\"sidebarContent === attribute.attributeId\">\n                            <span class=\"single__variations-select-label\">{{ attribute.name }}:</span>\n\n                            <ul class=\"configurator__select-list configurator__select-list--img\">\n                                <li class=\"configurator__select-list-item\"\n                                    :class=\"{ 'active': value.attributeValueId == selectedAttributes[attribute.attributeId], 'sold': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)}\"\n                                    v-for=\"(value, key2) in attribute.values\"\n                                    @click=\"selectAttribute(attribute.attributeId, value.attributeValueId); toggleSidebar();\">\n                                    <div class=\"configurator__select-list-item-img-wrapper\">\n                                        <lazy-img class=\"p-1\" :image-url=\"value.imageUrl\" :alt=\"value.name\"/>\n                                    </div>\n                                    <span>\n                            {{value.name}}\n                          </span>\n                                </li>\n                            </ul>\n                        </portal>\n                    </div>\n\n                    <template v-else>\n                        <div class=\"configurator__select-img\">\n                            <span class=\"single__variations-select-label\">{{ attribute.name }}: <span\n                                v-for=\"value in attribute.values\"\n                                v-if=\"value.attributeValueId == selectedAttributes[attribute.attributeId]\">{{ value.name }}</span></span>\n                            <div class=\"configurator__select-img-item-wrapper\">\n                                <div class=\"configurator__select-img-item\"\n                                     v-for=\"value in attribute.values\"\n                                     @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                                     :class=\"{ 'active': value.attributeValueId == selectedAttributes[attribute.attributeId], 'sold': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)}\"\n                                     data-toggle=\"tooltip\" data-placement=\"top\" :title=\"value.name\">\n                                    <lazy-img class=\"p-1\" :image-url=\"value.imageUrl\" :alt=\"value.name\"/>\n                                </div>\n                            </div>\n                        </div>\n                    </template>\n                </template>\n                <template v-else>\n                    <div class=\"configurator__select\"> <!--v-else-->\n                        <label class=\"single__variations-select-label\">{{ attribute.name }}</label>\n\n                        <template v-if=\"attribute.values.length > 3\">\n                            <template v-if=\"selectedAttributes[attribute.attributeId] !== null\">\n                                <div @click=\"toggleSidebar(attribute.attributeId)\"\n                                     class=\"configurator__select-list-outer-button\"\n                                     v-for=\"(value, key2) in attribute.values\"\n                                     v-if=\"value.attributeValueId == selectedAttributes[attribute.attributeId]\">\n                                    <span>{{ value.name }}</span>\n\n                                    <svg height=\"7\" width=\"11\" class=\"single__select--right\">\n                                        <use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                                    </svg>\n                                </div>\n                            </template>\n\n                            <div v-else>{{attribute.values[0].name}}</div>\n                        </template>\n\n                        <template v-if=\"attribute.values.length > 3\">\n                            <portal to=\"sidebar\" v-if=\"sidebarContent === attribute.attributeId\">\n                                <span class=\"single__variations-select-label\">{{ attribute.name }}:</span>\n\n                                <ul class=\"configurator__select-list\">\n                                    <li class=\"configurator__select-list-item\"\n                                        :class=\"{ 'active': value.attributeValueId == selectedAttributes[attribute.attributeId], 'sold': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) }\"\n                                        v-for=\"(value, key2) in attribute.values\"\n                                        @click=\"selectAttribute(attribute.attributeId, value.attributeValueId); toggleSidebar();\">\n                                        {{value.name}}\n                                    </li>\n                                </ul>\n                            </portal>\n                        </template>\n\n                        <div class=\"configurator__select-buttons-wrapper\" v-else>\n                            <div class=\"configurator__select-button\" v-for=\"(value, key2) in attribute.values\"\n                                 @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                                 :class=\"{ 'active': value.attributeValueId == selectedAttributes[attribute.attributeId], 'sold': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) }\">\n                                {{value.name}}\n                            </div>\n                        </div>\n                    </div>\n                </template>\n            </div>\n        </div>\n\n        <DetailsModal\n            v-if=\"this.colorArray.length > 0 && modalSelectedColor.id\"\n            :activeAttributes=\"activeAttributes\"\n            :colorArray=\"colorArray\"\n            :swiperColor=\"swiperColor\"\n            :modalSelectedColor=\"modalSelectedColor\"\n            @selectModalColor=\"selectModalColor\"\n        />\n        <MusterModal\n            :modalActiveArticle=\"modalActiveArticle\"\n            :productList=\"productList\"\n            :modalSelectedMuster=\"modalSelectedMuster\"\n            @switchMuster=\"switchMuster\"\n        />\n\n        <input v-for=\"(item, index) in confiArticleList\" type=\"hidden\" :value=\"item.id\"\n               :class=\"'confiArticleListItemId'+index\">\n    </div>\n</template>\n\n<script>\nimport DetailsModal from './DetailsModal.vue';\nimport ApiService from 'ceres/app/services/ApiService';\nimport TranslationService from 'ceres/app/services/TranslationService';\nimport MusterModal from './MusterModal.vue';\nimport {get} from 'ceres/app/helper/get';\nimport {navigateTo} from 'ceres/app/services/UrlService';\nimport {isDefined, isNull, isNullOrUndefined} from 'ceres/app/helper/utils';\n\nconst NotificationService = require('ceres/app/services/NotificationService');\n\nexport default {\n\n    name: 'WallConfigurator',\n\n    components:\n        {\n            MusterModal,\n            DetailsModal,\n        },\n    props:\n        {\n            confiArticleList: Array,\n            swiperColorList: Array,\n            confiArticleMatrix: {\n            },\n            itemData: {\n                type: Object,\n                default: null,\n            },\n            isQuickView: {\n                type: Boolean,\n                default: false,\n            },\n        },\n    data() {\n        return {\n            filteredVariationsCache: {},\n            productList: [],\n            activeProductData: null,\n            isLoading: false,\n            swiperConf: null,\n            filteredVariations: [],\n            MusterModalOpen: false,\n            modalSelectedMuster: null,\n            varSwitched: false,\n            lastContentCount: 0,\n            modalSelectedColor: {\n                id: null,\n                img: null,\n                name: null,\n            },\n            usedItemId: this.itemData !== null ? this.itemData.item.id : this.itemId,\n            firstSwiperInit: true,\n            sidebarContent: 0,\n            clickCount: 0\n        };\n    },\n\n    inject: {\n        itemId: {\n            default: null,\n        },\n    },\n\n    computed:\n        {\n            attributes() {\n                return get(this.$store.state, `items[${this.usedItemId}].variationSelect.attributes`);\n            },\n\n            activeAttributes() {\n                return this.activeProductData.attributes || null;\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                const filteredVariations = this.filterVariations(null, null, true);\n\n                if (filteredVariations.length === 1) {\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                // use an object, to make the entries unique\n                const possibleUnits = {};\n                const variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\n\n                for (const variation of variations) {\n                    possibleUnits[variation.unitCombinationId] = variation.unitName;\n                }\n\n                return possibleUnits;\n            },\n\n            isContentVisible() {\n                return !this.forceContent && !!this.currentSelection || this.forceContent;\n            },\n\n            activeColor() {\n                let usedVar = null;\n                if (typeof this.activeAttributes[this.swiperColor] === 'undefined') {\n                    usedVar = this.activeAttributes[Object.keys(this.activeAttributes)[0]];\n                } else {\n                    usedVar = this.activeAttributes[this.swiperColor];\n                }\n\n                if (usedVar.values === null || typeof usedVar.values === 'undefined') {\n                    let attrWithValues = {};\n                    for (let key in this.attributes) {\n                        attrWithValues[this.attributes[key].attributeId] = this.attributes[key];\n                    }\n\n                    usedVar = attrWithValues[this.swiperColor];\n                }\n\n                if (!(this.swiperColor && this.activeAttributes)) return {color: null, value: null};\n                return {\n                    color: this.activeAttributes\n                        ? usedVar.values[this.selectedAttributes[this.swiperColor]] || ' '\n                        : ' ',\n                    value: this.selectedAttributes[this.swiperColor] || null,\n                };\n            },\n\n            attributeIds() {\n                return this.initialAttributes.map(attr => attr.attributeId);\n            },\n\n            swiperColor() {\n                if (!(this.swiperColorList && this.attributeIds)) {\n                    return null;\n                }\n\n                return Object.keys(this.activeAttributes)[0];\n            },\n\n            activeColorList() {\n                let usedVar = null;\n                let usedVar1 = null;\n                if (typeof this.activeAttributes[parseInt(this.swiperColor)] === 'undefined') {\n                    usedVar = this.activeAttributes[Object.keys(this.activeAttributes)[0]];\n                    usedVar1 = this.activeAttributes[Object.keys(this.activeAttributes)[0]];\n                } else {\n                    usedVar = this.activeAttributes[parseInt(this.swiperColor)];\n                    usedVar1 = this.activeAttributes[parseInt(this.swiperColor)];\n                }\n\n                if (usedVar.values === null || typeof usedVar.values === 'undefined') {\n                    let attrWithValues = {};\n                    for (let key in this.attributes) {\n                        attrWithValues[this.attributes[key].attributeId] = this.attributes[key];\n                    }\n\n                    usedVar = attrWithValues[parseInt(this.swiperColor)];\n                }\n\n                let newReturnArray = [];\n\n                for (let key in usedVar.values) {\n                    if (usedVar.values.hasOwnProperty(key)) {\n                        if (typeof usedVar.values[key].name === 'undefined') {\n                            newReturnArray.push({\n                                'attributeId': usedVar.attributeId,\n                                'attributeValueId': key,\n                                'name': usedVar.values[key],\n                            });\n                        } else {\n                            newReturnArray[key] = usedVar.values[key];\n                        }\n                    }\n                }\n\n                return newReturnArray;\n            },\n\n            attributeSelectList() {\n                let selectAttributes = {};\n\n                for (let key in this.attributes) {\n                    if (this.attributes[key].attributeId != this.swiperColor) {\n                        selectAttributes[this.attributes[key].attributeId] = this.attributes[key];\n                    }\n                }\n\n                return selectAttributes;\n            },\n\n            modalActiveArticle() {\n                if (!this.modalSelectedMuster) {\n                    return '';\n                }\n                const activeArticle = this.productList.find(x => x.id === this.modalSelectedMuster);\n\n                return (activeArticle.name + ' (' + activeArticle.id + ')');\n            },\n\n            colorArray() {\n                let usedVar = null;\n                if (typeof this.activeAttributes[this.swiperColor] === 'undefined') {\n                    usedVar = this.activeAttributes[Object.keys(this.activeAttributes)[0]];\n                } else {\n                    usedVar = this.activeAttributes[this.swiperColor];\n                }\n\n                if (usedVar.values === null || typeof usedVar.values === 'undefined') {\n                    let attrWithValues = {};\n                    for (let key in this.attributes) {\n                        attrWithValues[this.attributes[key].attributeId] = this.attributes[key];\n                    }\n\n                    usedVar = attrWithValues[this.swiperColor];\n                }\n\n                return this.activeAttributes && typeof usedVar !== 'undefined' ? Object.keys(usedVar.values) : [];\n            },\n\n            currentVariation() {\n                return this.$store.getters[`${this.usedItemId}/currentItemVariation`];\n            },\n\n            currentVariationSelect() {\n                return this.$store.state.items[this.usedItemId] &&\n                    this.$store.state.items[this.usedItemId].variationSelect;\n            },\n\n            initialAttributes() {\n                return this.currentVariationSelect && this.currentVariationSelect.attributes;\n            },\n\n            variations() {\n                return this.currentVariationSelect && this.currentVariationSelect.variations;\n            },\n\n            initalActiveProduct() {\n                return this.usedItemId;\n            },\n\n            possibleUnitCombinationIds() {\n                return this.transformPossibleUnits(this.possibleUnits).map(value => value[0]);\n            },\n\n            hasSelection() {\n                return !isNullOrUndefined(this.selectedAttributes) &&\n                    !Object.values(this.selectedAttributes).some((value) => value < 0);\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\n    watch:\n        {\n          currentVariation:\n              {\n                handler(val, oldVal)\n                {\n                  if (val !== oldVal)\n                  {\n                    setTimeout(() =>\n                    {\n                      this.varSwitched = true;\n                    }, 1);\n                  }\n                },\n              },\n\n            'activeProductData.id': function(newId, oldId) {\n                // update swiper when article (not variation) ID changes\n                if (newId && oldId !== newId) {\n                    if (this.swiperConf) {\n                        if (!this.firstSwiperInit) {\n                            this.swiperConf.destroy();\n                        }\n\n                        this.firstSwiperInit = false;\n\n                        // initialize Attribute List again to reset previous selections\n                        this.resetAttributeList();\n                        this.$nextTick(() => {\n                            // this.initSwiper();\n                        });\n                    }\n                    // reset modal color and Muster when article changes\n                    this.selectModalColor(this.colorArray[0]);\n                    this.switchMuster(newId);\n\n                    this.$nextTick(() => {\n                        document.querySelectorAll('[data-toggle=\"tooltip\"]').forEach(el => {\n                            $(el).tooltip();\n                        });\n                    });\n                }\n            },\n\n            variations() {\n                // FIX unset variation cache after subsequent variations are loaded\n                this.filteredVariationsCache = {};\n            },\n        },\n\n    mounted() {\n        this.fillProductList();\n\n        this.$nextTick(() => {\n            // this.initSwiper();\n            document.querySelectorAll('[data-toggle=\"tooltip\"]').forEach(el => {\n                $(el).tooltip();\n            });\n        });\n\n\n        /*let _this = this\n        setTimeout(function(){\n          console.log(\"test\")\n\n          let attr = _this.selectedAttributes\n\n          console.log(attr)\n\n\n          let flag = false\n          for(let key in _this.selectedAttributes){\n            if(flag === false){\n              console.log(key)\n              console.log(attr[key])\n\n              _this.selectAttribute(key, attr[key])\n\n              flag = true;\n            }\n          }\n        },1)*/\n\n\n    },\n\n    methods:\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                attributeValueId = parseInt(attributeValueId) || null;\n\n                if (this.selectedAttributes[attributeId] !== attributeValueId || this.clickCount <= 1) {\n                    this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`,\n                        {attributeId, attributeValueId});\n                    this.onSelectionChange(attributeId, attributeValueId, null);\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                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                if (this.currentSelection) {\n                    this.setVariation(this.currentSelection.variationId);\n                } else if (!this.hasSelection) {\n                    // user switched back to \"please select\"\n                    this.setVariation(0);\n                } else {\n                    this.unsetInvalidSelection(attributeId, attributeValueId, unitId);\n                }\n\n                this.lastContentCount = this.possibleUnitCombinationIds.length;\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                const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\n                const closestVariations = this.getClosestVariations(qualifiedVariations);\n\n                // if the salable 'closestVariations' is undefined, take the not-salable one\n                const closestVariation = closestVariations[0] || closestVariations[1];\n\n                if (!closestVariation) {\n                    this.unsetInvalidSelection(null, null, null);\n                    this.selectAttribute(attributeId, attributeValueId);\n                    return;\n                }\n\n                const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n                this.correctSelection(invalidSelection);\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                if (isDefined(attributeValueId)) {\n                    return this.variations.filter(variation => {\n                        return isDefined(variation.attributes.find(attribute =>\n                            attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\n                    });\n                } else if (isDefined(unitId)) {\n                    return this.variations.filter(variation => variation.unitCombinationId === unitId);\n                }\n\n                return this.variations.filter(variation => !variation.attributes.length);\n            },\n\n            /**\n             * return a salable and a non-salable variation with the minimum number of changes on attributes compared to the current selection.\n             * @param {array} qualifiedVariations\n             */\n            getClosestVariations(qualifiedVariations) {\n                let closestSalableVariation, numberOfSalableChanges;\n                let closestNonSalableVariation, numberOfNonSalableChanges;\n\n                for (const variation of qualifiedVariations) {\n                    let changes = 0;\n\n                    if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit)) {\n                        // when the unit dropdown isn't visible, it should have a lower weight for reset investigations\n                        const unitWeight = this.possibleUnitCombinationIds.length > 1 && this.isContentVisible\n                            ? 0.9\n                            : 0.1;\n\n                        changes += unitWeight;\n                    }\n\n                    for (const attribute of variation.attributes) {\n                        if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId) {\n                            changes++;\n                        }\n                    }\n\n                    if (variation.isSalable && (!numberOfSalableChanges || changes < numberOfSalableChanges)) {\n                        closestSalableVariation = variation;\n                        numberOfSalableChanges = changes;\n                    } else if (!variation.isSalable &&\n                        (!numberOfNonSalableChanges || changes < numberOfNonSalableChanges)) {\n                        closestNonSalableVariation = variation;\n                        numberOfNonSalableChanges = changes;\n                    }\n                }\n\n                return [closestSalableVariation, closestNonSalableVariation];\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                const attributesToReset = [];\n                let newUnit = null;\n\n                for (let selectedAttributeId in this.selectedAttributes) {\n                    selectedAttributeId = parseInt(selectedAttributeId);\n                    const variationAttribute = variation.attributes.find(\n                        attribute => attribute.attributeId === selectedAttributeId);\n\n                    if (!isNull(this.selectedAttributes[selectedAttributeId])) {\n                        if (variationAttribute && variationAttribute.attributeValueId !==\n                            this.selectedAttributes[selectedAttributeId] || !variationAttribute) {\n                            const attributeToReset = this.attributes.find(\n                                attr => attr.attributeId === selectedAttributeId);\n\n                            attributesToReset.push(attributeToReset);\n                        }\n                    }\n                }\n\n                if (variation.unitCombinationId !== this.selectedUnit) {\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                const messages = [];\n                const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n                for (const attributeToReset of invalidSelection.attributesToReset) {\n                    messages.push(\n                        this.$translate('Ceres::Template.singleItemNotAvailable', {name: attributeToReset.name}),\n                    );\n\n                    attributes[attributeToReset.attributeId] = (!this.hasEmptyOption &&\n                        App.config.item.showPleaseSelect) ? -1 : null;\n                }\n\n                if (invalidSelection.newUnit) {\n                    if (this.lastContentCount > 1 && this.possibleUnitCombinationIds.length > 1 &&\n                        !isNull(this.selectedUnit)) {\n                        messages.push(\n                            this.$translate('Ceres::Template.singleItemNotAvailable', {\n                                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            filterVariations(attributes, unitId, strict, ignoreUnit) {\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                    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                    // the selected unit is not matching\n                    if (!ignoreUnit && variation.unitCombinationId !== unitId) {\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) ||\n                            (isEmptyOptionSelected && variation.attributes.length))\n                        && this.attributes.length > 0) {\n                        return false;\n                    }\n\n                    for (const attributeId in attributes) {\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                            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             * @param {boolean} filterSalableVariations\n             */\n            isAttributeSelectionValid(attributeId, attributeValueId, filterSalableVariations) {\n                attributeValueId = parseInt(attributeValueId) || null;\n                if (this.selectedAttributes[attributeId] === attributeValueId) {\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                let variations = this.filterVariations(selectedAttributes, null, null, ignoreUnit);\n\n                if (filterSalableVariations) {\n                    variations = variations.filter(variation => variation.isSalable);\n                }\n                return variations.length > 0;\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                if (!isDefined(variationId) && this.currentSelection) {\n                    variationId = this.currentSelection.variationId;\n                }\n\n                if (isDefined(variationId)) {\n                    this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation => {\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                }\n            },\n\n            getSelectedAttributeValueName(attribute) {\n                const selectedAttributeValueId = this.selectedAttributes[attribute.attributeId];\n                const selectedAttributeValue = attribute.values.find(\n                    attrValue => attrValue.attributeValueId === selectedAttributeValueId);\n\n                return selectedAttributeValue ? selectedAttributeValue.name : TranslationService.translate(\n                    'Ceres::Template.singleItemPleaseSelect');\n            },\n\n            transformPossibleUnits(possibleUnits) {\n                return Object.entries(possibleUnits).sort((unitA, unitB) => {\n                    unitA = this.splitUnitName(unitA[1]);\n                    unitB = this.splitUnitName(unitB[1]);\n                    // order by unit\n                    if (unitA[1] < unitB[1]) {\n                        return -1;\n                    }\n                    if (unitA[1] > unitB[1]) {\n                        return 1;\n                    }\n                    // order by content (count)\n                    if (unitA[0] < unitB[0]) {\n                        return -1;\n                    }\n                    if (unitA[0] > unitB[0]) {\n                        return 1;\n                    }\n                    return 0;\n                });\n            },\n\n            splitUnitName(unitName) {\n                const unitNameSplit = unitName.split(' ');\n\n                if (!isNaN(unitNameSplit[0])) {\n                    unitNameSplit[0] = unitNameSplit[0].replace(App.currencyPattern.separator_thousands, '');\n                    unitNameSplit[0] = parseInt(unitNameSplit[0]);\n                }\n\n                return unitNameSplit;\n            },\n\n            toggleSidebar(attr) {\n                document.body.classList.toggle('variation-sidebar--open');\n\n                this.sidebarContent = attr;\n            },\n\n            detachModal() {\n                $('#confi-muster-modal-wrapper').detach().appendTo('body');\n                $('#confi-muster').css('zIndex', '1082');\n            },\n\n            switchArticle(varId, isVariation) {\n                let linkArticle = this.confiArticleList.find(article => article.data.variation.id === varId);\n\n                if (!isNullOrUndefined(linkArticle)) {\n                    if (!this.isQuickView && linkArticle.data.variation.id !== this.activeProductData.varId) {\n                        // sometimes texts is array, but the filter needs an object\n                        if (Array.isArray(linkArticle.data.texts)) {\n                            linkArticle.data.texts = linkArticle.data.texts[0];\n                        }\n\n                        navigateTo(this.$options.filters.itemURL(linkArticle.data));\n\n                        return;\n\n                    } else if (linkArticle.data.variation.id === this.activeProductData.varId) {\n                        return;\n                    }\n                }\n\n                this.isLoading = true;\n                isVariation = isVariation || false;\n\n                let targetArticle = this.productList.find(article => article.varId === varId);\n\n                let promiseList = [\n                    this.$store.dispatch(`${this.usedItemId}/loadVariation`, varId).then(res => {\n                        if (!isVariation) {\n                            this.selectedAttributes[this.swiperColor] = null;\n                        }\n                        this.$nextTick(() => {\n                            $('.single__features li').\n                                prepend(\n                                    '<svg width=\"8\" height=\"12\"><use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use></svg>');\n                        });\n                    }).catch(err => console.log(err)),\n                ];\n\n                if (!isVariation) {\n                    promiseList.push(\n                        this.fetchVariationAttributeMap(targetArticle.id).then(res => {\n                            /**\n                             * Updated the API because the original function does not work with PHP 8.\n                             * The new API delivers a different data structure. Plenty backend development\n                             * takes too much time so conversion is done here.\n                             */\n                            for (let i = 0; i < res.attributes.length; i++) {\n                                let values = {};\n\n                                for (let ii = 0; ii < res.attributes[i].values.length; ii++) {\n                                    values[res.attributes[i].values[ii].attributeValueId.toString()] = res.attributes[i].values[ii].name;\n                                }\n\n                                res.attributes[i].values = values;\n                            }\n\n                            targetArticle.attributes = res.attributes;\n                            targetArticle.variations = res.variations;\n\n                        }).catch(err => console.log(err)),\n                    );\n                }\n\n                Promise.all(promiseList).then(() => {\n                    this.isLoading = false;\n                    if (!isVariation) {\n                        this.activeProductData = targetArticle;\n                    }\n                });\n            },\n\n            switchMuster(id) {\n                this.modalSelectedMuster = id;\n            },\n\n            selectModalColor(id) {\n                let usedVar = null;\n\n                if (typeof this.activeAttributes[this.swiperColor] === 'undefined') {\n                    usedVar = this.activeAttributes[Object.keys(this.activeAttributes)[0]];\n                } else {\n                    usedVar = this.activeAttributes[this.swiperColor];\n                }\n\n                if (usedVar.values === null || typeof usedVar.values === 'undefined') {\n                    let attrWithValues = {};\n                    for (let key in this.attributes) {\n                        attrWithValues[this.attributes[key].attributeId] = this.attributes[key];\n                    }\n\n                    usedVar = attrWithValues[this.swiperColor];\n                }\n\n                let selectedColor = '';\n                if (typeof usedVar.values[id] !== 'undefined' && typeof usedVar.values[id].name !== 'undefined') {\n                    selectedColor = usedVar.values[id].name.split(' - ');\n                } else {\n                    selectedColor = usedVar.values[id].split(' - ');\n                }\n\n                const selectedColorId = selectedColor.splice(0, 1);\n                this.modalSelectedColor = {\n                    id: id,\n                    img: selectedColorId.join(''),\n                    name: selectedColor.join(' '),\n                };\n\n            },\n\n            fillProductList() {\n                let articleData = [];\n                let usedIds = [];\n\n                this.confiArticleList.forEach(\n                    article => {\n                        if (article.data.variationProperties.length > 0) {\n                            let namePropVal = '';\n                            let imgPropVal = '';\n\n                            // handle different types of variation properties\n                            if (typeof article.data.variationProperties[0].position !== 'undefined') {\n                                // new var prop structure\n                                const nameProp = article.data.variationProperties[0].properties.find(\n                                    prop => prop.id === 5);\n                                const imgProp = article.data.variationProperties[0].properties.find(\n                                    prop => prop.id === 6);\n                                if (nameProp) namePropVal = nameProp.values.value;\n                                if (imgProp) imgPropVal = imgProp.values.value;\n\n                            } else {\n                                // old var prop structure\n                                const nameProp = article.data.variationProperties.find(prop => prop.property.id === 5);\n                                const imgProp = article.data.variationProperties.find(prop => prop.property.id === 6);\n                                if (nameProp) namePropVal = nameProp.values[0].value;\n                                if (imgProp) imgPropVal = imgProp.values[0].value;\n                            }\n\n                            if (usedIds.indexOf(article.data.item.id) < 0) {\n                                articleData.push({\n                                    name: namePropVal,\n                                    id: article.data.item.id,\n                                    varId: article.data.variation.id,\n                                    img: imgPropVal,\n                                    attributes: article.data.attributes,\n                                });\n\n                                usedIds.push(article.data.item.id);\n                            }\n                        }\n                    },\n                );\n                this.productList = articleData;\n\n                let that = this;\n                setTimeout(function() {\n                    that.addInitialAttributesAndVariations();\n                }, 1);\n\n            },\n\n            addInitialAttributesAndVariations() {\n                let formattedAttributes = {};\n\n                this.initialAttributes.forEach(attr => {\n                    let attrObject = {};\n                    attr.values.forEach(value => {\n                        attrObject[value.attributeValueId] = value.name;\n                    });\n\n                    formattedAttributes[attr.attributeId] = {...attr, values: attrObject};\n                });\n\n                let initialProduct = this.productList.find(prd => prd.id === this.initalActiveProduct);\n                this.activeProductData = initialProduct;\n\n                initialProduct.attributes = formattedAttributes;\n                initialProduct.variations = this.variations;\n\n                for (let key in this.productList) {\n                    if (this.productList.hasOwnProperty(key)) {\n                        this.productList[key].attributes = formattedAttributes;\n                    }\n                }\n\n                if (initialProduct.variations.length === 1000) {\n                    this.fetchVariationAttributeMap(this.initalActiveProduct).then(response => {\n                        initialProduct.variations = response.variations;\n                    });\n                }\n\n                this.initializeAttributeList();\n\n                // preselect color for detailsModal\n                this.selectModalColor(this.colorArray[0]);\n                // preselect product type for modal\n                this.modalSelectedMuster = this.initalActiveProduct;\n            },\n\n            fetchVariationAttributeMap(id) {\n                return new Promise((resolve, reject) => {\n                    ApiService.get('/rest/io/variations/map', {itemId: id}).done(response => {\n                        resolve(response);\n                    }).fail(error => {\n                        reject(error);\n                    });\n                });\n            },\n\n            initializeAttributeList() {\n                this.initialAttributes.filter(attr => attr.attributeId != this.swiperColor).forEach(attr => {\n                    this.$set(this.selectedAttributes, attr.attributeId, parseInt(attr.values[0].attributeValueId));\n                });\n                this.$set(this.selectedAttributes, this.swiperColor,\n                    parseInt(Object.keys(this.activeAttributes[this.swiperColor].values)[0]));\n            },\n\n            resetAttributeList() {\n                let attrWithValues = {};\n                for (let key in this.attributes) {\n                    attrWithValues[this.attributes[key].attributeId] = this.attributes[key];\n                }\n\n                let newAttributeStructure = {};\n\n                for (let key in this.activeProductData.attributes) {\n                    if (typeof this.activeProductData.attributes[key].attributeId !== 'undefined') {\n                        newAttributeStructure[this.activeProductData.attributes[key].attributeId] = this.activeProductData.attributes[key];\n                    }\n                }\n\n                if (Object.keys(newAttributeStructure).length) {\n                    this.activeProductData.attributes = newAttributeStructure;\n                }\n\n                Object.keys(this.activeProductData.attributes).\n                    filter(attr => attr != this.swiperColor).\n                    forEach(attr => {\n                        if (typeof this.activeProductData.attributes[attr].values !== 'undefined' &&\n                            this.activeProductData.attributes[attr].values !== null) {\n                            this.selectedAttributes[attr] = Object.keys(\n                                this.activeProductData.attributes[attr].values)[0];\n                        } else {\n                            this.selectedAttributes[attr] = Object.keys(attrWithValues[attr].values)[0];\n                        }\n                    });\n\n                this.selectedAttributes[this.swiperColor] = null;\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 $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\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(\n    \"div\",\n    { staticClass: \"form-check gtc-form\", class: { error: _vm.showError } },\n    [\n      _c(\"input\", {\n        staticClass: \"form-check-input gtc-checkbox\",\n        attrs: { type: \"checkbox\", id: \"privacy-policy-accept\" + _vm._uid },\n        domProps: { checked: _vm.value },\n        on: {\n          change: function($event) {\n            return _vm.onValueChanged($event.target.checked)\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\n        \"label\",\n        {\n          staticClass: \"form-check-label gtc-label\",\n          attrs: { for: \"privacy-policy-accept\" + _vm._uid }\n        },\n        [\n          _c(\"span\", { domProps: { innerHTML: _vm._s(_vm.labelHtml) } }),\n          _c(\"sup\", [_vm._v(\"*\")])\n        ]\n      )\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"details-modal-wrapper\" } }, [\n    _c(\n      \"div\",\n      {\n        staticClass: \"modal fade\",\n        attrs: { id: \"confi-details\", tabindex: \"-1\", role: \"dialog\" }\n      },\n      [\n        _c(\"div\", { staticClass: \"modal-dialog\" }, [\n          _c(\"div\", { staticClass: \"modal-content confi-modal\" }, [\n            _c(\"div\", { staticClass: \"confi-modal__container\" }, [\n              _c(\n                \"svg\",\n                {\n                  staticClass: \"confi-modal__close-button\",\n                  attrs: { \"data-dismiss\": \"modal\", height: \"26\", width: \"27\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.detachModal()\n                    }\n                  }\n                },\n                [\n                  _c(\"use\", {\n                    attrs: {\n                      \"xlink:href\": \"#svg_close\",\n                      \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                    }\n                  })\n                ]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"confi-modal__main-img\" },\n                [\n                  _c(\"transition\", { attrs: { mode: \"out-in\" } }, [\n                    _c(\"img\", {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.modalSelectedColor.img === _vm.modalKey,\n                          expression: \"modalSelectedColor.img === modalKey\"\n                        }\n                      ],\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/materials/large/\" +\n                          _vm.modalSelectedColor.img +\n                          \".jpg\"\n                      },\n                      on: { load: _vm.setModalKey }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"confi-modal__controls\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"homepage-swiper__prev\",\n                        class: {\n                          disabled:\n                            _vm.modalSelectedColor.id == _vm.colorArray[0]\n                        },\n                        on: { click: _vm.slidePrev }\n                      },\n                      [\n                        _c(\n                          \"svg\",\n                          {\n                            staticClass:\n                              \"homepage-swiper__arrow homepage-swiper__arrow--prev\"\n                          },\n                          [\n                            _c(\"use\", {\n                              attrs: {\n                                \"xlink:href\": \"#svg_arrow\",\n                                \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                              }\n                            })\n                          ]\n                        )\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"homepage-swiper__next\",\n                        class: {\n                          disabled:\n                            _vm.modalSelectedColor.id ==\n                            _vm.colorArray[_vm.lastColorKey]\n                        },\n                        on: { click: _vm.slideNext }\n                      },\n                      [\n                        _c(\n                          \"svg\",\n                          {\n                            staticClass:\n                              \"homepage-swiper__arrow homepage-swiper__arrow--next\"\n                          },\n                          [\n                            _c(\"use\", {\n                              attrs: {\n                                \"xlink:href\": \"#svg_arrow\",\n                                \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                              }\n                            })\n                          ]\n                        )\n                      ]\n                    )\n                  ])\n                ],\n                1\n              ),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"confi-modal__infos\" }, [\n                _c(\"div\", { staticClass: \"confi-modal__infos--left\" }, [\n                  _c(\"div\", {\n                    staticClass: \"confi-modal__thumb--big\",\n                    style: {\n                      backgroundImage:\n                        \"url(https://bilder.weberbuero.de/frontend/images/materials/thumbs/\" +\n                        _vm.modalSelectedColor.img +\n                        \".jpg)\"\n                    }\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"h4\", { staticClass: \"confi-modal__name\" }, [\n                    _vm._v(_vm._s(_vm.modalSelectedColor.name))\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"span\", { staticClass: \"confi-modal__number\" }, [\n                    _vm._v(_vm._s(_vm.modalSelectedColor.img))\n                  ])\n                ]),\n                _vm._v(\" \"),\n                _c(\"div\", {\n                  staticClass: \"confi-modal__infos--right\",\n                  domProps: { innerHTML: _vm._s(_vm.modalDetailsText) }\n                })\n              ])\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"confi-modal__bottom\" }, [\n              _vm.activeAttributes && _vm.activeAttributes[_vm.swiperColor]\n                ? _c(\n                    \"ul\",\n                    _vm._l(\n                      _vm.activeAttributes[_vm.swiperColor].values,\n                      function(color, key) {\n                        return _c(\"li\", {\n                          staticClass: \"confi-modal__thumb\",\n                          class: {\n                            \"confi-modal__thumb--active\":\n                              key === _vm.modalSelectedColor.id\n                          },\n                          style: {\n                            backgroundImage:\n                              \"url(https://bilder.weberbuero.de/frontend/images/materials/thumbs/\" +\n                              color.split(\" \")[0] +\n                              \".jpg)\"\n                          },\n                          on: {\n                            click: function($event) {\n                              return _vm.selectModalColor(key)\n                            }\n                          }\n                        })\n                      }\n                    ),\n                    0\n                  )\n                : _vm._e()\n            ])\n          ])\n        ])\n      ]\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"confi-muster-modal-wrapper\" } }, [\n    _c(\n      \"div\",\n      {\n        staticClass: \"modal fade muster__modal\",\n        attrs: { id: \"confi-muster\", tabindex: \"-1\", role: \"dialog\" }\n      },\n      [\n        _c(\"div\", { staticClass: \"modal-dialog\" }, [\n          _c(\"div\", { staticClass: \"modal-content\" }, [\n            _c(\"div\", { staticClass: \"modal-header\" }, [\n              _c(\"h3\", [\n                _vm._v(\n                  _vm._s(\n                    _vm.$translate(\n                      \"Weberbuero::Template.singleMusterModalHeadline\"\n                    )\n                  )\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"svg\",\n                {\n                  attrs: { \"data-dismiss\": \"modal\", height: \"26\", width: \"27\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.detachModal()\n                    }\n                  }\n                },\n                [\n                  _c(\"use\", {\n                    attrs: {\n                      \"xlink:href\": \"#svg_close\",\n                      \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                    }\n                  })\n                ]\n              )\n            ]),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"modal-body\" },\n              [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"muster__variation\",\n                    attrs: {\n                      id: \"muster-selected-article\",\n                      \"muster-selection\": _vm.modalActiveArticle\n                    }\n                  },\n                  [\n                    _c(\n                      \"ul\",\n                      {\n                        staticClass:\n                          \"configurator-variants__list configurator-variants__list--modal\"\n                      },\n                      _vm._l(_vm.productList, function(product) {\n                        return _c(\n                          \"li\",\n                          {\n                            staticClass: \"configurator-variants__item\",\n                            class: {\n                              \"configurator-variants__item--active\":\n                                _vm.modalSelectedMuster === product.id\n                            },\n                            on: {\n                              click: function($event) {\n                                return _vm.$emit(\"switchMuster\", product.id)\n                              }\n                            }\n                          },\n                          [\n                            _c(\n                              \"div\",\n                              {\n                                staticClass: \"configurator-variants__img-wrap\"\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"configurator-variants__img-container\"\n                                  },\n                                  [\n                                    _c(\"div\", {\n                                      staticClass: \"configurator-variants__img\",\n                                      style: {\n                                        backgroundImage:\n                                          \"url(https://bilder.weberbuero.de/frontend/images/materials/thumbs/\" +\n                                          product.img +\n                                          \".jpg)\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"div\",\n                              { staticClass: \"configurator-variants__title\" },\n                              [_c(\"p\", [_vm._v(_vm._s(product.name))])]\n                            )\n                          ]\n                        )\n                      }),\n                      0\n                    )\n                  ]\n                ),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"row\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-12 col-md-6 muster__modal--pr-7\" },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\n                          \"select\",\n                          {\n                            staticClass: \"form-control\",\n                            attrs: { name: \"salutation\" }\n                          },\n                          [\n                            _c(\"option\", { attrs: { value: \"\" } }, [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"Weberbuero::Template.singleItemPleaseSelect\"\n                                  )\n                                )\n                              )\n                            ]),\n                            _vm._v(\" \"),\n                            _c(\n                              \"option\",\n                              {\n                                domProps: { value: _vm.addressSalutationMale }\n                              },\n                              [_vm._v(_vm._s(_vm.addressSalutationMale))]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"option\",\n                              {\n                                domProps: { value: _vm.addressSalutationFemale }\n                              },\n                              [_vm._v(_vm._s(_vm.addressSalutationFemale))]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"option\",\n                              {\n                                domProps: {\n                                  value: _vm.addressSalutationDiverse\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.addressSalutationDiverse))]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"option\",\n                              {\n                                domProps: {\n                                  value: _vm.addressSalutationCompany\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.addressSalutationCompany))]\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalAnrede\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _vm._m(0),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-12 col-md-4 muster__modal--pr-7\" },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: { required: \"\", type: \"text\", name: \"name\" }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalVorname\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass:\n                        \"col-12 col-md-4 muster__modal--pr-7 muster__modal--pl-7\"\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: {\n                            required: \"\",\n                            type: \"text\",\n                            name: \"lastname\"\n                          }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalNachname\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-12 col-md-4 muster__modal--pl-7\" },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: { type: \"text\", name: \"company\" }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalCompany\"\n                              )\n                            )\n                          )\n                        ])\n                      ])\n                    ]\n                  )\n                ]),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"row mt-md-3\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-12 col-md-8 muster__modal--pr-7\" },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: { required: \"\", type: \"text\", name: \"street\" }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalStrasse\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-12 col-md-4 muster__modal--pl-7\" },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: { required: \"\", type: \"text\", name: \"number\" }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalNr\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-12 col-md-4 muster__modal--pr-7\" },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: { required: \"\", type: \"number\", name: \"plz\" }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalPLZ\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass:\n                        \"col-12 col-md-4 muster__modal--pr-7 muster__modal--pl-7\"\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: { required: \"\", type: \"text\", name: \"place\" }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalOrt\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"col-12 col-md-4 muster__modal--pl-7\" },\n                    [\n                      _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\"input\", {\n                          attrs: { required: \"\", type: \"text\", name: \"country\" }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"label\", [\n                          _vm._v(\n                            _vm._s(\n                              _vm.$translate(\n                                \"Weberbuero::Template.singleMusterModalLand\"\n                              )\n                            ) + \"*\"\n                          )\n                        ])\n                      ])\n                    ]\n                  )\n                ]),\n                _vm._v(\" \"),\n                _c(\"accept-privacy-policy-check\", {\n                  staticClass: \"mt-3 mb-0\",\n                  model: {\n                    value: _vm.privacyPolicyAccepted,\n                    callback: function($$v) {\n                      _vm.privacyPolicyAccepted = $$v\n                    },\n                    expression: \"privacyPolicyAccepted\"\n                  }\n                }),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"row mt-md-3\" }, [\n                  _c(\"div\", { staticClass: \"col-12 col-md-4 offset-md-4\" }, [\n                    _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn muster__modal-send muster__modal-send--vue\",\n                        attrs: {\n                          disabled: !_vm.privacyPolicyAccepted,\n                          id: \"muster__send\"\n                        },\n                        on: {\n                          click: function($event) {\n                            $event.preventDefault()\n                            return _vm.send()\n                          }\n                        }\n                      },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\n                              \"Weberbuero::Template.singleMusterModalButtonText\"\n                            )\n                          )\n                        )\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ])\n        ])\n      ]\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"col-12 col-md-6 muster__modal--pl-7\" }, [\n      _c(\"div\", { staticClass: \"input-unit\" }, [\n        _c(\"input\", { attrs: { required: \"\", type: \"email\", name: \"email\" } }),\n        _vm._v(\" \"),\n        _c(\"label\", [_vm._v(\"E-Mail*\")])\n      ])\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.activeProductData\n    ? _c(\n        \"div\",\n        {\n          staticClass: \"configurator\",\n          class: { \"configurator--loading\": _vm.isLoading }\n        },\n        [\n          _c(\"p\", { staticClass: \"configurator__cta\" }, [\n            _vm._v(\n              _vm._s(_vm.$translate(\"Weberbuero::Template.configuratorCTA\")) +\n                \":\"\n            )\n          ]),\n          _vm._v(\" \"),\n          _c(\n            \"ul\",\n            { staticClass: \"configurator-variants__list\" },\n            _vm._l(_vm.productList, function(product) {\n              return _c(\n                \"li\",\n                {\n                  staticClass: \"configurator-variants__item\",\n                  class: {\n                    \"configurator-variants__item--active\":\n                      _vm.activeProductData.id === product.id\n                  },\n                  on: {\n                    click: function($event) {\n                      return _vm.switchArticle(product.varId)\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"configurator-variants__img-wrap\" },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"configurator-variants__img-container\" },\n                        [\n                          _c(\"lazy-img\", {\n                            staticClass: \"configurator-variants__img\",\n                            attrs: {\n                              \"is-background-image\": true,\n                              \"image-url\":\n                                \"https://bilder.weberbuero.de/frontend/images/materials/thumbs/\" +\n                                product.img +\n                                \".jpg\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"configurator-variants__title\" }, [\n                    _c(\"p\", [_vm._v(_vm._s(product.name))])\n                  ])\n                ]\n              )\n            }),\n            0\n          ),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"configurator__container\" }, [\n            _c(\n              \"p\",\n              { staticClass: \"configurator__cta\" },\n              [\n                _vm._v(\n                  _vm._s(\n                    _vm.$translate(\"Weberbuero::Template.configuratorCTA2\")\n                  ) + \":\\n            \"\n                ),\n                _vm._l(_vm.activeColorList, function(color, key) {\n                  return parseInt(color.attributeValueId) ===\n                    _vm.activeColor.value && _vm.varSwitched\n                    ? [_vm._v(_vm._s(color.name) + \"\\n            \")]\n                    : _vm._e()\n                })\n              ],\n              2\n            ),\n            _vm._v(\" \"),\n            _vm.isLoading\n              ? _c(\"div\", { staticClass: \"configurator__loading\" })\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { ref: \"swiper\", staticClass: \"swiper-container conf-swiper\" },\n              [\n                _vm.activeAttributes &&\n                _vm.activeAttributes[_vm.swiperColor] &&\n                _vm.activeColorList.length > 5\n                  ? _c(\n                      \"div\",\n                      { staticClass: \"configurator__item-wrapper\" },\n                      [\n                        _vm._l(_vm.activeColorList, function(color, key) {\n                          return key < 4 ||\n                            parseInt(color.attributeValueId) ===\n                              _vm.activeColor.value\n                            ? _c(\n                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"show\",\n                                      rawName: \"v-show\",\n                                      value: !(\n                                        key > 4 &&\n                                        parseInt(color.attributeValueId) ===\n                                          _vm.activeColor.value\n                                      ),\n                                      expression:\n                                        \"!(key > 4 && parseInt(color.attributeValueId) === activeColor.value)\"\n                                    }\n                                  ],\n                                  staticClass: \"configurator__item\"\n                                },\n                                [\n                                  _c(\n                                    \"div\",\n                                    {\n                                      on: {\n                                        click: function($event) {\n                                          _vm.selectAttribute(\n                                            _vm.swiperColor,\n                                            color.attributeValueId\n                                          )\n                                          _vm.clickCount++\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"lazy-img\",\n                                        {\n                                          staticClass:\n                                            \"configurator__color-card\",\n                                          class: {\n                                            \"configurator__color-card--active\":\n                                              parseInt(\n                                                color.attributeValueId\n                                              ) === _vm.activeColor.value &&\n                                              _vm.varSwitched,\n                                            sold: !_vm.isAttributeSelectionValid(\n                                              color.attributeId,\n                                              color.attributeValueId,\n                                              true\n                                            )\n                                          },\n                                          attrs: {\n                                            \"is-background-image\": true,\n                                            \"image-url\":\n                                              \"https://bilder.weberbuero.de/frontend/images/materials/thumbs/\" +\n                                              color.name.split(\" \")[0] +\n                                              \".jpg\"\n                                          }\n                                        },\n                                        [\n                                          _c(\n                                            \"div\",\n                                            {\n                                              staticClass: \"configurator__label\"\n                                            },\n                                            [\n                                              _c(\"p\", [\n                                                _vm._v(_vm._s(color.name))\n                                              ])\n                                            ]\n                                          )\n                                        ]\n                                      )\n                                    ],\n                                    1\n                                  )\n                                ]\n                              )\n                            : _vm._e()\n                        }),\n                        _vm._v(\" \"),\n                        _vm.sidebarContent ===\n                        _vm.activeAttributes[_vm.swiperColor].attributeId\n                          ? _c(\"portal\", { attrs: { to: \"sidebar\" } }, [\n                              _c(\n                                \"span\",\n                                {\n                                  staticClass: \"single__variations-select-label\"\n                                },\n                                [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Weberbuero::Template.configuratorCTA2\"\n                                      )\n                                    ) + \":\"\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                { staticClass: \"configurator__item-wrapper\" },\n                                _vm._l(_vm.activeColorList, function(\n                                  color,\n                                  key\n                                ) {\n                                  return _c(\n                                    \"div\",\n                                    {\n                                      staticClass: \"configurator__item\",\n                                      class: {\n                                        active:\n                                          parseInt(color.attributeValueId) ===\n                                          _vm.activeColor.value\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"div\",\n                                        {\n                                          on: {\n                                            click: function($event) {\n                                              _vm.selectAttribute(\n                                                _vm.swiperColor,\n                                                color.attributeValueId\n                                              )\n                                              _vm.toggleSidebar()\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _c(\n                                            \"lazy-img\",\n                                            {\n                                              staticClass:\n                                                \"configurator__color-card\",\n                                              class: {\n                                                \"configurator__color-card--active\":\n                                                  color.attributeValueId ===\n                                                    _vm.activeColor.value &&\n                                                  _vm.currentVariation\n                                                    .attributes.length > 0,\n                                                sold: !_vm.isAttributeSelectionValid(\n                                                  color.attributeId,\n                                                  color.attributeValueId,\n                                                  true\n                                                )\n                                              },\n                                              attrs: {\n                                                \"is-background-image\": true,\n                                                \"image-url\":\n                                                  \"https://bilder.weberbuero.de/frontend/images/materials/thumbs/\" +\n                                                  color.name.split(\" \")[0] +\n                                                  \".jpg\"\n                                              }\n                                            },\n                                            [\n                                              _c(\n                                                \"div\",\n                                                {\n                                                  staticClass:\n                                                    \"configurator__label\"\n                                                },\n                                                [\n                                                  _c(\"p\", [\n                                                    _vm._v(_vm._s(color.name))\n                                                  ])\n                                                ]\n                                              )\n                                            ]\n                                          )\n                                        ],\n                                        1\n                                      )\n                                    ]\n                                  )\n                                }),\n                                0\n                              )\n                            ])\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\"div\", { staticClass: \"configurator__item\" }, [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass: \"sidebar-toggle\",\n                              on: {\n                                click: function($event) {\n                                  return _vm.toggleSidebar(\n                                    _vm.activeAttributes[_vm.swiperColor]\n                                      .attributeId\n                                  )\n                                }\n                              }\n                            },\n                            [\n                              _c(\n                                \"svg\",\n                                {\n                                  attrs: {\n                                    xmlns: \"http://www.w3.org/2000/svg\",\n                                    width: \"34\",\n                                    height: \"34\",\n                                    viewBox: \"0 0 34 34\",\n                                    fill: \"none\"\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"g\",\n                                    {\n                                      staticStyle: {\n                                        \"mix-blend-mode\": \"multiply\"\n                                      }\n                                    },\n                                    [\n                                      _c(\"circle\", {\n                                        attrs: {\n                                          cx: \"17\",\n                                          cy: \"17\",\n                                          r: \"17\",\n                                          fill: \"#3F3F3F\"\n                                        }\n                                      })\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _c(\"path\", {\n                                    attrs: {\n                                      d:\n                                        \"M17 17V23M11 17H17H11ZM23 17H17H23ZM17 17V11V17Z\",\n                                      stroke: \"white\",\n                                      \"stroke-width\": \"1.5\",\n                                      \"stroke-linecap\": \"round\",\n                                      \"stroke-linejoin\": \"round\"\n                                    }\n                                  })\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\"div\", [_vm._v(\"Alle ansehen\")])\n                            ]\n                          )\n                        ])\n                      ],\n                      2\n                    )\n                  : _vm._e(),\n                _vm._v(\" \"),\n                _vm.activeAttributes &&\n                _vm.activeAttributes[_vm.swiperColor] &&\n                _vm.activeColorList.length <= 5\n                  ? _c(\n                      \"div\",\n                      { staticClass: \"configurator__item-wrapper\" },\n                      _vm._l(_vm.activeColorList, function(color, key) {\n                        return key < 4\n                          ? _c(\"div\", { staticClass: \"configurator__item\" }, [\n                              _c(\n                                \"div\",\n                                {\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.selectAttribute(\n                                        _vm.swiperColor,\n                                        color.attributeValueId\n                                      )\n                                    }\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"lazy-img\",\n                                    {\n                                      staticClass: \"configurator__color-card\",\n                                      class: {\n                                        \"configurator__color-card--active\":\n                                          color.attributeValueId ===\n                                            _vm.activeColor.value &&\n                                          _vm.varSwitched,\n                                        sold: !_vm.isAttributeSelectionValid(\n                                          _vm.activeColor.value,\n                                          color.attributeValueId,\n                                          true\n                                        )\n                                      },\n                                      attrs: {\n                                        \"is-background-image\": true,\n                                        \"image-url\":\n                                          \"https://bilder.weberbuero.de/frontend/images/materials/thumbs/\" +\n                                          color.name.split(\" \")[0] +\n                                          \".jpg\"\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"div\",\n                                        { staticClass: \"configurator__label\" },\n                                        [_c(\"p\", [_vm._v(_vm._s(color.name))])]\n                                      )\n                                    ]\n                                  )\n                                ],\n                                1\n                              )\n                            ])\n                          : _vm._e()\n                      }),\n                      0\n                    )\n                  : _vm._e()\n              ]\n            )\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"configurator__muster\" }, [\n            _c(\n              \"a\",\n              {\n                staticClass: \"js--single__muster-link single__muster-link\",\n                attrs: {\n                  href: \"#\",\n                  \"data-toggle\": \"modal\",\n                  \"data-target\": \"#confi-muster\"\n                },\n                on: {\n                  click: function($event) {\n                    return _vm.detachModal()\n                  }\n                }\n              },\n              [\n                _c(\n                  \"svg\",\n                  {\n                    staticClass: \"svg_gift\",\n                    attrs: { width: \"16\", height: \"20\" }\n                  },\n                  [\n                    _c(\"use\", {\n                      attrs: {\n                        \"xlink:href\": \"#svg_cards\",\n                        \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                      }\n                    })\n                  ]\n                ),\n                _vm._v(\n                  \"\\n            \" +\n                    _vm._s(_vm.activeProductData.name) +\n                    \" \" +\n                    _vm._s(_vm.$translate(\"Weberbuero::Template.orderMuster\")) +\n                    \"  \\n        \"\n                )\n              ]\n            )\n          ]),\n          _vm._v(\" \"),\n          _vm.activeAttributes\n            ? _c(\n                \"div\",\n                { staticClass: \"configurator__row configurator__select-list\" },\n                _vm._l(_vm.attributeSelectList, function(attribute, key) {\n                  return _c(\n                    \"div\",\n                    { staticClass: \"configurator__col\" },\n                    [\n                      attribute.type === \"image\"\n                        ? [\n                            attribute.values.length > 4\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"configurator__select-img\" },\n                                  [\n                                    _c(\n                                      \"span\",\n                                      {\n                                        staticClass:\n                                          \"single__variations-select-label\"\n                                      },\n                                      [_vm._v(_vm._s(attribute.name) + \":\")]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _vm.selectedAttributes[\n                                      attribute.attributeId\n                                    ] !== null\n                                      ? _vm._l(attribute.values, function(\n                                          value,\n                                          key2\n                                        ) {\n                                          return value.attributeValueId ==\n                                            _vm.selectedAttributes[\n                                              attribute.attributeId\n                                            ]\n                                            ? _c(\n                                                \"div\",\n                                                {\n                                                  staticClass:\n                                                    \"configurator__select-list-outer-button configurator__select-list-outer-button--img\",\n                                                  on: {\n                                                    click: function($event) {\n                                                      return _vm.toggleSidebar(\n                                                        attribute.attributeId\n                                                      )\n                                                    }\n                                                  }\n                                                },\n                                                [\n                                                  _c(\n                                                    \"span\",\n                                                    {\n                                                      staticClass:\n                                                        \"configurator__select-list-outer-button-content\"\n                                                    },\n                                                    [\n                                                      _c(\n                                                        \"div\",\n                                                        {\n                                                          staticClass:\n                                                            \"configurator__select-list-outer-button-img-wrapper\"\n                                                        },\n                                                        [\n                                                          _c(\"lazy-img\", {\n                                                            staticClass: \"p-1\",\n                                                            attrs: {\n                                                              \"image-url\":\n                                                                value.imageUrl,\n                                                              alt: value.name\n                                                            }\n                                                          })\n                                                        ],\n                                                        1\n                                                      ),\n                                                      _vm._v(\" \"),\n                                                      _c(\"span\", [\n                                                        _vm._v(\n                                                          \"\\n                        \" +\n                                                            _vm._s(value.name) +\n                                                            \"\\n                      \"\n                                                        )\n                                                      ])\n                                                    ]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _c(\n                                                    \"svg\",\n                                                    {\n                                                      staticClass:\n                                                        \"single__select--right\",\n                                                      attrs: {\n                                                        height: \"7\",\n                                                        width: \"11\"\n                                                      }\n                                                    },\n                                                    [\n                                                      _c(\"use\", {\n                                                        attrs: {\n                                                          \"xlink:href\":\n                                                            \"#svg_arrow\",\n                                                          \"xmlns:xlink\":\n                                                            \"http://www.w3.org/1999/xlink\"\n                                                        }\n                                                      })\n                                                    ]\n                                                  )\n                                                ]\n                                              )\n                                            : _vm._e()\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _vm.sidebarContent === attribute.attributeId\n                                      ? _c(\n                                          \"portal\",\n                                          { attrs: { to: \"sidebar\" } },\n                                          [\n                                            _c(\n                                              \"span\",\n                                              {\n                                                staticClass:\n                                                  \"single__variations-select-label\"\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(attribute.name) + \":\"\n                                                )\n                                              ]\n                                            ),\n                                            _vm._v(\" \"),\n                                            _c(\n                                              \"ul\",\n                                              {\n                                                staticClass:\n                                                  \"configurator__select-list configurator__select-list--img\"\n                                              },\n                                              _vm._l(attribute.values, function(\n                                                value,\n                                                key2\n                                              ) {\n                                                return _c(\n                                                  \"li\",\n                                                  {\n                                                    staticClass:\n                                                      \"configurator__select-list-item\",\n                                                    class: {\n                                                      active:\n                                                        value.attributeValueId ==\n                                                        _vm.selectedAttributes[\n                                                          attribute.attributeId\n                                                        ],\n                                                      sold: !_vm.isAttributeSelectionValid(\n                                                        attribute.attributeId,\n                                                        value.attributeValueId,\n                                                        true\n                                                      )\n                                                    },\n                                                    on: {\n                                                      click: function($event) {\n                                                        _vm.selectAttribute(\n                                                          attribute.attributeId,\n                                                          value.attributeValueId\n                                                        )\n                                                        _vm.toggleSidebar()\n                                                      }\n                                                    }\n                                                  },\n                                                  [\n                                                    _c(\n                                                      \"div\",\n                                                      {\n                                                        staticClass:\n                                                          \"configurator__select-list-item-img-wrapper\"\n                                                      },\n                                                      [\n                                                        _c(\"lazy-img\", {\n                                                          staticClass: \"p-1\",\n                                                          attrs: {\n                                                            \"image-url\":\n                                                              value.imageUrl,\n                                                            alt: value.name\n                                                          }\n                                                        })\n                                                      ],\n                                                      1\n                                                    ),\n                                                    _vm._v(\" \"),\n                                                    _c(\"span\", [\n                                                      _vm._v(\n                                                        \"\\n                        \" +\n                                                          _vm._s(value.name) +\n                                                          \"\\n                      \"\n                                                      )\n                                                    ])\n                                                  ]\n                                                )\n                                              }),\n                                              0\n                                            )\n                                          ]\n                                        )\n                                      : _vm._e()\n                                  ],\n                                  2\n                                )\n                              : [\n                                  _c(\n                                    \"div\",\n                                    { staticClass: \"configurator__select-img\" },\n                                    [\n                                      _c(\n                                        \"span\",\n                                        {\n                                          staticClass:\n                                            \"single__variations-select-label\"\n                                        },\n                                        [\n                                          _vm._v(_vm._s(attribute.name) + \": \"),\n                                          _vm._l(attribute.values, function(\n                                            value\n                                          ) {\n                                            return value.attributeValueId ==\n                                              _vm.selectedAttributes[\n                                                attribute.attributeId\n                                              ]\n                                              ? _c(\"span\", [\n                                                  _vm._v(_vm._s(value.name))\n                                                ])\n                                              : _vm._e()\n                                          })\n                                        ],\n                                        2\n                                      ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"div\",\n                                        {\n                                          staticClass:\n                                            \"configurator__select-img-item-wrapper\"\n                                        },\n                                        _vm._l(attribute.values, function(\n                                          value\n                                        ) {\n                                          return _c(\n                                            \"div\",\n                                            {\n                                              staticClass:\n                                                \"configurator__select-img-item\",\n                                              class: {\n                                                active:\n                                                  value.attributeValueId ==\n                                                  _vm.selectedAttributes[\n                                                    attribute.attributeId\n                                                  ],\n                                                sold: !_vm.isAttributeSelectionValid(\n                                                  attribute.attributeId,\n                                                  value.attributeValueId,\n                                                  true\n                                                )\n                                              },\n                                              attrs: {\n                                                \"data-toggle\": \"tooltip\",\n                                                \"data-placement\": \"top\",\n                                                title: value.name\n                                              },\n                                              on: {\n                                                click: function($event) {\n                                                  return _vm.selectAttribute(\n                                                    attribute.attributeId,\n                                                    value.attributeValueId\n                                                  )\n                                                }\n                                              }\n                                            },\n                                            [\n                                              _c(\"lazy-img\", {\n                                                staticClass: \"p-1\",\n                                                attrs: {\n                                                  \"image-url\": value.imageUrl,\n                                                  alt: value.name\n                                                }\n                                              })\n                                            ],\n                                            1\n                                          )\n                                        }),\n                                        0\n                                      )\n                                    ]\n                                  )\n                                ]\n                          ]\n                        : [\n                            _c(\n                              \"div\",\n                              { staticClass: \"configurator__select\" },\n                              [\n                                _c(\n                                  \"label\",\n                                  {\n                                    staticClass:\n                                      \"single__variations-select-label\"\n                                  },\n                                  [_vm._v(_vm._s(attribute.name))]\n                                ),\n                                _vm._v(\" \"),\n                                attribute.values.length > 3\n                                  ? [\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ] !== null\n                                        ? _vm._l(attribute.values, function(\n                                            value,\n                                            key2\n                                          ) {\n                                            return value.attributeValueId ==\n                                              _vm.selectedAttributes[\n                                                attribute.attributeId\n                                              ]\n                                              ? _c(\n                                                  \"div\",\n                                                  {\n                                                    staticClass:\n                                                      \"configurator__select-list-outer-button\",\n                                                    on: {\n                                                      click: function($event) {\n                                                        return _vm.toggleSidebar(\n                                                          attribute.attributeId\n                                                        )\n                                                      }\n                                                    }\n                                                  },\n                                                  [\n                                                    _c(\"span\", [\n                                                      _vm._v(_vm._s(value.name))\n                                                    ]),\n                                                    _vm._v(\" \"),\n                                                    _c(\n                                                      \"svg\",\n                                                      {\n                                                        staticClass:\n                                                          \"single__select--right\",\n                                                        attrs: {\n                                                          height: \"7\",\n                                                          width: \"11\"\n                                                        }\n                                                      },\n                                                      [\n                                                        _c(\"use\", {\n                                                          attrs: {\n                                                            \"xlink:href\":\n                                                              \"#svg_arrow\",\n                                                            \"xmlns:xlink\":\n                                                              \"http://www.w3.org/1999/xlink\"\n                                                          }\n                                                        })\n                                                      ]\n                                                    )\n                                                  ]\n                                                )\n                                              : _vm._e()\n                                          })\n                                        : _c(\"div\", [\n                                            _vm._v(\n                                              _vm._s(attribute.values[0].name)\n                                            )\n                                          ])\n                                    ]\n                                  : _vm._e(),\n                                _vm._v(\" \"),\n                                attribute.values.length > 3\n                                  ? [\n                                      _vm.sidebarContent ===\n                                      attribute.attributeId\n                                        ? _c(\n                                            \"portal\",\n                                            { attrs: { to: \"sidebar\" } },\n                                            [\n                                              _c(\n                                                \"span\",\n                                                {\n                                                  staticClass:\n                                                    \"single__variations-select-label\"\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(attribute.name) + \":\"\n                                                  )\n                                                ]\n                                              ),\n                                              _vm._v(\" \"),\n                                              _c(\n                                                \"ul\",\n                                                {\n                                                  staticClass:\n                                                    \"configurator__select-list\"\n                                                },\n                                                _vm._l(\n                                                  attribute.values,\n                                                  function(value, key2) {\n                                                    return _c(\n                                                      \"li\",\n                                                      {\n                                                        staticClass:\n                                                          \"configurator__select-list-item\",\n                                                        class: {\n                                                          active:\n                                                            value.attributeValueId ==\n                                                            _vm\n                                                              .selectedAttributes[\n                                                              attribute\n                                                                .attributeId\n                                                            ],\n                                                          sold: !_vm.isAttributeSelectionValid(\n                                                            attribute.attributeId,\n                                                            value.attributeValueId,\n                                                            true\n                                                          )\n                                                        },\n                                                        on: {\n                                                          click: function(\n                                                            $event\n                                                          ) {\n                                                            _vm.selectAttribute(\n                                                              attribute.attributeId,\n                                                              value.attributeValueId\n                                                            )\n                                                            _vm.toggleSidebar()\n                                                          }\n                                                        }\n                                                      },\n                                                      [\n                                                        _vm._v(\n                                                          \"\\n                                    \" +\n                                                            _vm._s(value.name) +\n                                                            \"\\n                                \"\n                                                        )\n                                                      ]\n                                                    )\n                                                  }\n                                                ),\n                                                0\n                                              )\n                                            ]\n                                          )\n                                        : _vm._e()\n                                    ]\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"configurator__select-buttons-wrapper\"\n                                      },\n                                      _vm._l(attribute.values, function(\n                                        value,\n                                        key2\n                                      ) {\n                                        return _c(\n                                          \"div\",\n                                          {\n                                            staticClass:\n                                              \"configurator__select-button\",\n                                            class: {\n                                              active:\n                                                value.attributeValueId ==\n                                                _vm.selectedAttributes[\n                                                  attribute.attributeId\n                                                ],\n                                              sold: !_vm.isAttributeSelectionValid(\n                                                attribute.attributeId,\n                                                value.attributeValueId,\n                                                true\n                                              )\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.selectAttribute(\n                                                  attribute.attributeId,\n                                                  value.attributeValueId\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"\\n                            \" +\n                                                _vm._s(value.name) +\n                                                \"\\n                        \"\n                                            )\n                                          ]\n                                        )\n                                      }),\n                                      0\n                                    )\n                              ],\n                              2\n                            )\n                          ]\n                    ],\n                    2\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm._v(\" \"),\n          this.colorArray.length > 0 && _vm.modalSelectedColor.id\n            ? _c(\"DetailsModal\", {\n                attrs: {\n                  activeAttributes: _vm.activeAttributes,\n                  colorArray: _vm.colorArray,\n                  swiperColor: _vm.swiperColor,\n                  modalSelectedColor: _vm.modalSelectedColor\n                },\n                on: { selectModalColor: _vm.selectModalColor }\n              })\n            : _vm._e(),\n          _vm._v(\" \"),\n          _c(\"MusterModal\", {\n            attrs: {\n              modalActiveArticle: _vm.modalActiveArticle,\n              productList: _vm.productList,\n              modalSelectedMuster: _vm.modalSelectedMuster\n            },\n            on: { switchMuster: _vm.switchMuster }\n          }),\n          _vm._v(\" \"),\n          _vm._l(_vm.confiArticleList, function(item, index) {\n            return _c(\"input\", {\n              class: \"confiArticleListItemId\" + index,\n              attrs: { type: \"hidden\" },\n              domProps: { value: item.id }\n            })\n          })\n        ],\n        2\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AcceptPrivacyPolicyCheck.vue?vue&type=template&id=b37bfc36&\"\nimport script from \"./AcceptPrivacyPolicyCheck.vue?vue&type=script&lang=js&\"\nexport * from \"./AcceptPrivacyPolicyCheck.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/fhartwig/Sites/pp-weberbuero/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('b37bfc36')) {\n      api.createRecord('b37bfc36', component.options)\n    } else {\n      api.reload('b37bfc36', component.options)\n    }\n    module.hot.accept(\"./AcceptPrivacyPolicyCheck.vue?vue&type=template&id=b37bfc36&\", function () {\n      api.rerender('b37bfc36', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/customer/AcceptPrivacyPolicyCheck.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!./AcceptPrivacyPolicyCheck.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!./AcceptPrivacyPolicyCheck.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!./AcceptPrivacyPolicyCheck.vue?vue&type=template&id=b37bfc36&\"","import { render, staticRenderFns } from \"./DetailsModal.vue?vue&type=template&id=3741bdfb&\"\nimport script from \"./DetailsModal.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailsModal.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/fhartwig/Sites/pp-weberbuero/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('3741bdfb')) {\n      api.createRecord('3741bdfb', component.options)\n    } else {\n      api.reload('3741bdfb', component.options)\n    }\n    module.hot.accept(\"./DetailsModal.vue?vue&type=template&id=3741bdfb&\", function () {\n      api.rerender('3741bdfb', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/configurator/DetailsModal.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!./DetailsModal.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!./DetailsModal.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!./DetailsModal.vue?vue&type=template&id=3741bdfb&\"","import { render, staticRenderFns } from \"./MusterModal.vue?vue&type=template&id=4506f097&\"\nimport script from \"./MusterModal.vue?vue&type=script&lang=js&\"\nexport * from \"./MusterModal.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/fhartwig/Sites/pp-weberbuero/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('4506f097')) {\n      api.createRecord('4506f097', component.options)\n    } else {\n      api.reload('4506f097', component.options)\n    }\n    module.hot.accept(\"./MusterModal.vue?vue&type=template&id=4506f097&\", function () {\n      api.rerender('4506f097', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/configurator/MusterModal.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!./MusterModal.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!./MusterModal.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!./MusterModal.vue?vue&type=template&id=4506f097&\"","import { render, staticRenderFns } from \"./WallConfigurator.vue?vue&type=template&id=42e1188f&\"\nimport script from \"./WallConfigurator.vue?vue&type=script&lang=js&\"\nexport * from \"./WallConfigurator.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/fhartwig/Sites/pp-weberbuero/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('42e1188f')) {\n      api.createRecord('42e1188f', component.options)\n    } else {\n      api.reload('42e1188f', component.options)\n    }\n    module.hot.accept(\"./WallConfigurator.vue?vue&type=template&id=42e1188f&\", function () {\n      api.rerender('42e1188f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/configurator/WallConfigurator.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!./WallConfigurator.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!./WallConfigurator.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!./WallConfigurator.vue?vue&type=template&id=42e1188f&\""],"sourceRoot":""}