let api_domain="http://verf.test:8888";$(document).ready((function(){$("[color-api]").embedColorSelector()})),$.fn.embedColorSelector=function(t){return this.each((function(){let t=$(this),e=$($(this).data("target")),a=t.closest(".product-option").find("div[aria-label='Kies je Kleur'] label, div[aria-label='Kleur'] label").last(),o=$('<div class="color-api-modal">'),i=$('<div class="color-api-dialog-outer">\t\t\t\t\t\t\t\t\t<div class="color-api-dialog">\t\t\t\t\t\t\t\t\t\t<a class="color-api-dialog-close"></a>\t\t\t\t\t\t\t\t\t<div class="color-api-dialog-body"></div>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t </div>'),l=$('<span class="color-api-preview"></span>');t.settings={css:api_domain+"/css/color-api.css?v=12345678",base_url:api_domain,parameters:{tone:null,brand:$(this).data("brand"),filter:!1}},window.onmessage=function(a){if(a.origin!==api_domain)return;let o=a.data.split("||");e.val(o[0]),t.showColorSelected(o[1]),t.toggleLayer()},t.init=function(){t.loadCss(),t.setColorTone(),e.closest(".product-configure-custom-option").hide(),l.insertAfter(e),a.on("click",(function(){0==$("#color-api-frame").length&&(t.createLayer(),t.createFrame()),o.fadeIn("fast"),t.click(t.toggleLayer)}))},t.setColorTone=function(){let e=$("div[aria-label='Kies je Kleur'], div[aria-label='Kleur']").find("label").last().text().toLowerCase().replace(/\s+/g,"-");t.settings.parameters.tone=e},t.loadCss=function(){var e=document.getElementsByTagName("head")[0],a=document.createElement("link");a.href=t.settings.css,a.type="text/css",a.rel="stylesheet",e.append(a)},t.createLayer=function(){o.hide().append(i),$("body").append(o),o.find(".color-api-dialog-close").on("click",(function(){t.toggleLayer()}))},t.toggleLayer=function(){o.toggle()},t.createFrame=function(){o.find(".color-api-dialog-body").prepend('<iframe class="color-api-embed-frame" id="color-api-frame" src="'+t.getFrameUrl()+'"></iframe>')},t.getFrameUrl=function(){return t.settings.base_url+"?"+$.param(t.settings.parameters,!0)},t.showColorSelected=function(t){l.css({"background-color":t})},t.init()}))};