{"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,IAAsB,KAAV,kBACZC,MAA0C,KAA5B,oCACdC,wBAAkE,KAAlC,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;;;;;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 '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 TilesVariantSelectorV1 extends TilesVariantSelectorBase {\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-variant-selector__term-description c-variant-selector__term-description_tiles\">\r\n        ${repeat(this.variantSelectorData.variants, (variant: IVariant) => html`\r\n            <button type=\"button\" class=\"c-variant-selector__variant-tile js-variant\" data-variantid=\"${variant.id}\">\r\n                <span class=\"c-variant-selector__variant-tile-value\">${variant.name}</span>\r\n                <div class=\"c-variant-selector__variant-tile-unavailable-text js-unavailable-text-container\" style=\"display:none;\">\r\n                    <span class=\"c-variant-selector__variant-tile-unavailable-text-label js-unavailable-text\"></span>\r\n                </div>\r\n            </button>\r\n        `)}\r\n        </div>\r\n    `;\r\n\r\n    protected getDataBeforeRender() {\r\n        return {\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        };\r\n    }\r\n}\r\n"]}