{"version":3,"sources":["archive/product/variant-selector-provider/dropdown-variant-selector-v1.ts"],"names":["html","repeat","DropDownVariantSelectorBase","DropDownVariantSelectorV1","constructor","name","selectorContainerElement","product","variantTypeId","translations","showPricesInclVat","loadAdditionalInfo","super","this","template","variantSelectorData","id","variants","length","labels","select","variantTypeName","variant","getDataBeforeRender","Date","valueOf","variantType","toLowerCase","sortVariants","get","changeSelection"],"mappings":"OAASA,IAAsB,KAAV,kBACZC,MAA0C,KAA5B,oCACdC,2BAA0E,KAArC,4CAGjCC,kCAAkCD,4BAC3CE,YAAYC,EAAcC,EAAuCC,EAA+BC,EAAuBC,EAAmCC,EAA4BC,GAClLC,MAAMP,EAAM,EAAGC,EAA0BC,EAASC,EAAeC,EAAcC,EAAmBC,CAAkB,EAG9GE,KAAAC,SAAW,IAAMd;;0BAELa,KAAKE,oBAAoBC;kBACU,EAA3CH,KAAKE,oBAAoBE,SAASC,OAAaL,KAAKE,oBAAoBI,OAAOC,OAAS,MAAOP,KAAKE,oBAAoBM;;;;0BAIhHR,KAAKE,oBAAoBC;kGAC+CH,KAAKE,oBAAoBI,OAAOC;cACpHnB,OAAOY,KAAKE,oBAAoBE,SAAU,GAAsBjB;iCAC7CsB,EAAQN,OAAOM,EAAQjB,eAAe;;eAZnE,CAiBUkB,sBACN,MAAO,CACHP,IAAI,IAAIQ,MAAOC,QAAO,EAAK,MAAQZ,KAAKa,YAAYV,GACpDK,gBAAiBR,KAAKa,YAAYrB,KAAKsB,YAAW,EAClDV,SAAUJ,KAAKe,aAAaf,KAAKP,yBAA0BO,KAAKa,YAAYT,SAAUJ,KAAKN,OAAO,EAClGY,OAAQ,CAAEC,OAAQP,KAAKJ,aAAaoB,IAAI,qBAAqB,EAAGC,gBAAiBjB,KAAKJ,aAAaoB,IAAI,8BAA8B,CAAC,C,CAE9I,C,QA3BS1B,yB","file":"dropdown-variant-selector-v1.js","sourcesContent":["import { html } from 'lit-html';\r\nimport { repeat } from 'lit-html/directives/repeat';\r\nimport { DropDownVariantSelectorBase,  } from \"./dropdown-variant-selector-base.js\";\r\nimport { IProductWithVariants, IVariant } from './variant-selector-base.js';\r\n\r\nexport class DropDownVariantSelectorV1 extends DropDownVariantSelectorBase {\r\n    constructor(name: string, selectorContainerElement: HTMLElement, product: IProductWithVariants, variantTypeId: number, translations: Map<string, string>, showPricesInclVat: boolean, loadAdditionalInfo: boolean) {\r\n        super(name, 1, selectorContainerElement, product, variantTypeId, translations, showPricesInclVat, loadAdditionalInfo);\r\n    }\r\n\r\n    protected template = () => html`\r\n        <div class=\"c-variant-selector__term-definition c-variant-selector__term-definition_drop-down\">\r\n            <label for=\"${this.variantSelectorData.id}\" class=\"c-variant-selector__label js-select-variant-label control-label\">\r\n                ${this.variantSelectorData.variants.length > 1 ? this.variantSelectorData.labels.select : '' } ${this.variantSelectorData.variantTypeName}\r\n            </label>\r\n        </div>\r\n        <div class=\"c-variant-selector__term-description c-variant-selector__term-description_drop-down\">\r\n            <select id=\"${this.variantSelectorData.id}\" class=\"c-variant-selector__drop-down form-control\">\r\n                <option value=\"0\" class=\"c-variant-selector__drop-down-option js-default-value\">${this.variantSelectorData.labels.select}...</option>\r\n            ${repeat(this.variantSelectorData.variants, (variant:IVariant) => html`\r\n                <option value=\"${variant.id}\">${variant.name}</option>`\r\n            )}\r\n            </select>\r\n        </div>`;\r\n\r\n    protected getDataBeforeRender(): any {\r\n        return {\r\n            id: new Date().valueOf() + '_vt' + this.variantType.id,\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"]}