function getColorBrightness(rgbColor){var colorValues=rgbColor.match(/[\d\.]+/g).map(Number);return .2126*(colorValues[0]/255)+.7152*(colorValues[1]/255)+.0722*(colorValues[2]/255)}function isSimilarToBackground(color){var backgroundColor="rgb(255, 255, 255)",colorBrightness=getColorBrightness(color),backgroundColorBrightness=getColorBrightness(backgroundColor);return backgroundColorBrightness/colorBrightness<1.5}var SwatchColors=function(){function SwatchColors2(){this.colors={},this.images={},this.triggers=["color","colour","couleur","farbe","cor"]}function setSwatchColor(swatch){var swatchId=swatch.getAttribute("swatch-id");Object.keys(this.colors).includes(swatchId)&&(swatch.style.setProperty("--background-graphic",this.colors[swatchId]),isSimilarToBackground(this.colors[swatchId])&&swatch.classList.add("is-similar-to-background"),getColorBrightness(this.colors[swatchId])>.5?swatch.style.setProperty("--tick-color","#000"):swatch.style.setProperty("--tick-color","#fff"),swatch.classList.remove("is-blank")),Object.keys(this.images).includes(swatchId)&&(swatch.style.setProperty("--background-graphic",this.images[swatchId]),swatch.classList.add("is-image"),swatch.classList.remove("is-blank"))}return SwatchColors2.prototype.setSwatchColor=setSwatchColor,SwatchColors2}();const Swatches=new SwatchColors;function VariantSwatch(){return Reflect.construct(HTMLElement,[],this.constructor)}VariantSwatch.prototype=Object.create(HTMLElement.prototype),VariantSwatch.prototype.constructor=VariantSwatch,Object.setPrototypeOf(VariantSwatch,HTMLElement),VariantSwatch.prototype.connectedCallback=function(){Swatches.setSwatchColor(this)},customElements.define("variant-swatch",VariantSwatch);export default Swatches;
//# sourceMappingURL=/cdn/shop/t/100/assets/swatch-colors.js.map?v=96462366076270370621751575343