{"version":3,"sources":["archive/product/variant-selector-provider/rel-images-tiles-variant-selector-v1.ts"],"names":["html","repeat","TilesVariantSelectorBase","RelImagesTilesVariantSelectorV1","constructor","this","template","variantSelectorData","variants","length","labels","select","variantTypeName","variant","id","image","thumbnailUrl","title","thumbnailDisplayWidth","thumbnailDisplayHeight","defaultArchiveImage","thumbnailImage","width","height","name","getDataBeforeRender","self","result","variantType","toLowerCase","sortVariants","selectorContainerElement","product","translations","get","changeSelection","thumbnailImageWidth","thumbnailImageMode","relatedImages","forEach","variantName","normalize","variantNameRegex","RegExp","variantRelImageMatchRegExp","replace","relatedImage","find","relImg","imageName","test"],"mappings":"OAASA,IAAsB,KAAV,kBACZC,MAA0C,KAA5B,oCACdC,wBAAkE,KAAlC,yCAG5BC,wCAAwCD,yBAArDE,c,oBAEcC,KAAAC,SAAW,IAAMN;;6FAEyG,EAA3CK,KAAKE,oBAAoBC,SAASC,OAAaJ,KAAKE,oBAAoBG,OAAOC,OAAS,MAAON,KAAKE,oBAAoBK;;;UAG3MX,OAAOI,KAAKE,oBAAoBC,SAAU,GAAuBR;oGACyBa,EAAQC;;kBAE1FD,EAAQE,MACJf,iBAAiBa,EAAQE,MAAMC,sBAAsBH,EAAQE,MAAME,iBAAiBJ,EAAQC,kDAAkDD,EAAQE,MAAMG,kCAAkCL,EAAQE,MAAMI,4BAC5MnB,iBAAiBK,KAAKE,oBAAoBa,mEAAmEf,KAAKE,oBAAoBc,eAAeC,kBAAkBjB,KAAKE,oBAAoBc,eAAeE;;;;;0DAM3KV,EAAQW;;SAEzD;;KAoCT,CAhCcC,sBACN,MAAMC,EAAOrB,KAEb,IAAMsB,EAAS,CACXf,gBAAiBP,KAAKuB,YAAYJ,KAAKK,YAAW,EAClDrB,SAAUH,KAAKyB,aAAazB,KAAK0B,yBAA0B1B,KAAKuB,YAAYpB,SAAUH,KAAK2B,OAAO,EAClGtB,OAAQ,CAAEC,OAAQN,KAAK4B,aAAaC,IAAI,qBAAqB,EAAGC,gBAAiB9B,KAAK4B,aAAaC,IAAI,8BAA8B,CAAC,EACtId,oBAAqB,oCAAsCf,KAAK2B,QAAQI,oBAAsB,IAAM/B,KAAK2B,QAAQK,mBACjHhB,eAAgB,CACZC,MAAOjB,KAAK2B,QAAQI,oBACpBb,OAAQlB,KAAK2B,QAAQI,mB,GAoB7B,OAhBI/B,KAAK2B,QAAQM,eAAqD,EAApCjC,KAAK2B,QAAQM,cAAc7B,QACzDkB,EAAOnB,SAAS+B,QAAQ,SAAU1B,GAC9B,IAAM2B,EAAkD,YAApC,OAAQ3B,EAAQW,KAAc,UAAmBX,EAAQW,KAAKiB,UAAS,EAAK5B,EAAQW,KACxG,MAAMkB,EAAmBC,OAAOjB,EAAKM,QAAQY,2BAA2BC,QAAQ,cAAeL,CAAW,EAAG,IAAI,EAE7GM,EAAepB,EAAKM,QAAQM,cAAcS,KAAK,SAAUC,GACzD,IAAIC,EAAgD,YAApC,OAAQD,EAAO/B,MAAe,UAAmB+B,EAAO/B,MAAMwB,UAAS,EAAKO,EAAO/B,MACnG,OAAOyB,EAAiBQ,KAAKD,CAAS,CAC1C,CAAC,EAEGH,IACAjC,EAAQE,MAAQ+B,EAExB,CAAC,EAGEnB,CACX,C,QAvDSxB,+B","file":"rel-images-tiles-variant-selector-v1.js","sourcesContent":["import { html } from 'lit-html';\r\nimport { repeat } from 'lit-html/directives/repeat';\r\nimport { TilesVariantSelectorBase } from \"./tiles-variant-selector-base.js\";\r\nimport { IVariant } from './variant-selector-base.js';\r\n\r\nexport class RelImagesTilesVariantSelectorV1 extends TilesVariantSelectorBase {\r\n\r\n    protected template = () => html`\r\n        <div class=\"c-variant-selector__term-definition\">\r\n            <label class=\"c-variant-selector__label js-select-variant-label control-label\">${this.variantSelectorData.variants.length > 1 ? this.variantSelectorData.labels.select : '' } ${this.variantSelectorData.variantTypeName}</label>\r\n        </div>\r\n        <div class=\"c-relimgtilesvariant__list\">\r\n        ${repeat(this.variantSelectorData.variants, (variant: IVariant) => html`\r\n            <button type=\"button\" class=\"c-relimgtilesvariant__option js-variant\" data-variantid=\"${variant.id}\">\r\n                <figure class=\"c-relimgtilesvariant__image-container\">\r\n                ${variant.image\r\n                    ? html`<img src=\"${variant.image.thumbnailUrl}\" alt=\"${variant.image.title}\" title=\"${variant.id}\" class=\"c-relimgtilesvariant__image\" width=\"${variant.image.thumbnailDisplayWidth}\" height=\"${variant.image.thumbnailDisplayHeight}\"/>`\r\n                    : html`<img src=\"${this.variantSelectorData.defaultArchiveImage}\" class=\"c-relimgtilesvariant__image\" width=\"${this.variantSelectorData.thumbnailImage.width}\" height=\"${this.variantSelectorData.thumbnailImage.height}\"/>`\r\n                }\r\n                    <div class=\"c-relimgtilesvariant__unavailable-text js-unavailable-text-container\" style=\"display:none;\">\r\n                        <span class=\"c-relimgtilesvariant__unavailable-text-label js-unavailable-text\"></span>\r\n                    </div>\r\n                </figure>\r\n                <div class=\"c-relimgtilesvariant__name\">${variant.name}</div>\r\n            </button>\r\n        `)}\r\n        </div>\r\n    `;\r\n\r\n    protected getDataBeforeRender() {\r\n        const self = this;\r\n\r\n        const result = {\r\n            variantTypeName: this.variantType.name.toLowerCase(),\r\n            variants: this.sortVariants(this.selectorContainerElement, this.variantType.variants, this.product),\r\n            labels: { select: this.translations.get('selectVariantPrefix'), changeSelection: this.translations.get('changeSelectionVariantPrefix') },\r\n            defaultArchiveImage: '\\\\viewimage.aspx?imageid=0&width=' + this.product.thumbnailImageWidth + '&' + this.product.thumbnailImageMode,\r\n            thumbnailImage: {\r\n                width: this.product.thumbnailImageWidth,\r\n                height: this.product.thumbnailImageWidth\r\n            }\r\n        };\r\n\r\n        if (this.product.relatedImages && this.product.relatedImages.length > 0) {\r\n            result.variants.forEach(function (variant: any) {\r\n                const variantName = typeof (variant.name.normalize) === 'function' ? variant.name.normalize() : variant.name;\r\n                const variantNameRegex = RegExp(self.product.variantRelImageMatchRegExp.replace('VARIANTNAME', variantName), 'gi');\r\n\r\n                var relatedImage = self.product.relatedImages.find(function (relImg) {\r\n                    var imageName = typeof (relImg.title.normalize) === 'function' ? relImg.title.normalize() : relImg.title;\r\n                    return variantNameRegex.test(imageName);\r\n                });\r\n\r\n                if (relatedImage) {\r\n                    variant.image = relatedImage;\r\n                }\r\n            });\r\n        }\r\n\r\n        return result;\r\n    }\r\n}\r\n"]}