{"version":3,"sources":["archive/product/variant-selector-provider/tiles-variant-selector-v1.ts"],"names":["html","repeat","TilesVariantSelectorBaseWithLitHtmlRendering","TilesVariantSelectorV1","constructor","this","template","variantSelectorData","variants","length","labels","select","variantTypeName","variant","id","name","getDataBeforeRender","variantType","toLowerCase","sortVariants","selectorContainerElement","product","translations","get","changeSelection"],"mappings":"OAASA,IAAwD,KAA5C,oDACZC,MAAmE,KAArD,6DACdC,4CAAsF,KAAlC,yCAGhDC,+BAA+BD,6CAA5CE,c,oBACcC,KAAAC,SAAW,IAAMN;;6FAEyG,EAA3CK,KAAKE,oBAAoBC,SAASC,OAAaJ,KAAKE,oBAAoBG,OAAOC,OAAS,MAAON,KAAKE,oBAAoBK;;;UAG3MX,OAAOI,KAAKE,oBAAoBC,SAAU,GAA8BR;wGACsBa,EAAQC;uEACzCD,EAAQE;;;;;SAKtE;;KAWT,CAPcC,sBACN,MAAO,CACHJ,gBAAiBP,KAAKY,YAAYF,KAAKG,YAAW,EAClDV,SAAUH,KAAKc,aAAad,KAAKe,yBAA0Bf,KAAKY,YAAYT,SAAUH,KAAKgB,OAAO,EAClGX,OAAQ,CAAEC,OAAQN,KAAKiB,aAAaC,IAAI,qBAAqB,EAAGC,gBAAiBnB,KAAKiB,aAAaC,IAAI,8BAA8B,CAAC,C,CAE9I,C,QAvBSpB,sB","file":"tiles-variant-selector-v1.js","sourcesContent":["import { html } from '../../../node_modules/lit-html/lit-html.js';\nimport { repeat } from '../../../node_modules/lit-html/directives/repeat.js';\nimport { TilesVariantSelectorBaseWithLitHtmlRendering } from \"./tiles-variant-selector-base.js\";\nimport { IVariantProduct } from './variant-selector-base.js';\n\nexport class TilesVariantSelectorV1 extends TilesVariantSelectorBaseWithLitHtmlRendering {\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: IVariantProduct) => 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"]}