{"version":3,"sources":["archive/product/variant-selector-provider/tiles-variant-selector-v1.ts"],"names":["html","repeat","TilesVariantSelectorBase","TilesVariantSelectorV1","constructor","this","template","variantSelectorData","variants","length","labels","select","variantTypeName","variant","id","name","getDataBeforeRender","variantType","toLowerCase","sortVariants","selectorContainerElement","product","translations","get","changeSelection"],"mappings":"OAASA,SAAY,kBACZC,WAAc,oCACdC,6BAAgC,yCAG5BC,+BAA+BD,yBAA5CE,c,oBACcC,KAAAC,SAAW,IAAMN;;6FAEyG,EAA3CK,KAAKE,oBAAoBC,SAASC,OAAaJ,KAAKE,oBAAoBG,OAAOC,OAAS,MAAON,KAAKE,oBAAoBK;;;UAG3MX,OAAOI,KAAKE,oBAAoBC,SAAU,GAAuBR;wGAC6Ba,EAAQC;uEACzCD,EAAQE;;;;;;;MASjEC,sBACN,MAAO,CACHJ,gBAAiBP,KAAKY,YAAYF,KAAKG,cACvCV,SAAUH,KAAKc,aAAad,KAAKe,yBAA0Bf,KAAKY,YAAYT,SAAUH,KAAKgB,SAC3FX,OAAQ,CAAEC,OAAQN,KAAKiB,aAAaC,IAAI,uBAAwBC,gBAAiBnB,KAAKiB,aAAaC,IAAI,0CArBtGpB","file":"tiles-variant-selector-v1.js","sourcesContent":["import { html } from 'lit-html';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { TilesVariantSelectorBase } from \"./tiles-variant-selector-base.js\";\nimport { IVariant } from './variant-selector-base.js';\n\nexport class TilesVariantSelectorV1 extends TilesVariantSelectorBase {\n    protected template = () => html`\n        <div class=\"c-variant-selector__term-definition\">\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>\n        </div>\n        <div class=\"c-variant-selector__term-description c-variant-selector__term-description_tiles\">\n        ${repeat(this.variantSelectorData.variants, (variant: IVariant) => html`\n            <button type=\"button\" class=\"c-variant-selector__variant-tile js-variant\" data-variantid=\"${variant.id}\">\n                <span class=\"c-variant-selector__variant-tile-value\">${variant.name}</span>\n                <div class=\"c-variant-selector__variant-tile-unavailable-text js-unavailable-text-container\" style=\"display:none;\">\n                    <span class=\"c-variant-selector__variant-tile-unavailable-text-label js-unavailable-text\"></span>\n                </div>\n            </button>\n        `)}\n        </div>\n    `;\n\n    protected getDataBeforeRender() {\n        return {\n            variantTypeName: this.variantType.name.toLowerCase(),\n            variants: this.sortVariants(this.selectorContainerElement, this.variantType.variants, this.product),\n            labels: { select: this.translations.get('selectVariantPrefix'), changeSelection: this.translations.get('changeSelectionVariantPrefix') }\n        };\n    }\n}\n"]}