JezK

Edit File: sc-product-item.entry.js.map

{"file":"sc-product-item.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,ssBAAssB,CAAC;AAChuB,4BAAe,gBAAgB;;MCQlB,aAAa;;;;;;IAOxB,MAAM;;QACJ,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1B,QACE,0DAAG,IAAI,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,SAAS,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,IAC9D,IAAI,CAAC,OAAO;YACX,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,EAAE,GAAG,CAAC,MAAM;;gBAClC,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;gBAC3C,QAAQ,MAAM,CAAC,SAAS;oBACtB,KAAK,6BAA6B;wBAChC,OAAO,6BAAuB,IAAI,EAAC,OAAO,IAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAyB,CAAC;oBAE1F,KAAK,6BAA6B;wBAChC,OAAO,6BAAuB,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,MAAA,MAAM,CAAC,UAAU,0CAAE,MAAM,GAA0B,CAAC;oBAEhI,KAAK,6BAA6B;wBAChC,OAAO,6BAAuB,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAA,EAAE,OAAO,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,GAA0B,CAAC;oBAErK;wBACE,OAAO,IAAI,CAAC;iBACf;aACF,CAAC,CACF,EACJ;KACH;;;;;;","names":[],"sources":["src/components/controllers/products/sc-product-item/sc-product-item.scss?tag=sc-product-item&encapsulation=shadow","src/components/controllers/products/sc-product-item/sc-product-item.tsx"],"sourcesContent":[".product-item {\n text-decoration: none;\n padding-top: var(--sc-product-item-padding-top);\n padding-bottom: var(--sc-product-item-padding-bottom);\n padding-left: var(--sc-product-item-padding-left);\n padding-right: var(--sc-product-item-padding-right);\n margin-top: var(--sc-product-item-margin-top);\n margin-bottom: var(--sc-product-item-margin-bottom);\n margin-left: var(--sc-product-item-margin-left);\n margin-right: var(--sc-product-item-margin-right);\n border: solid var(--sc-product-item-border-width) var(--sc-product-item-border-color);\n border-radius: var(--sc-product-item-border-radius);\n color: var(--sc-product-title-text-color);\n background-color: var(--sc-product-item-background-color);\n height: 100%;\n box-sizing: border-box;\n display: grid;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { Product } from '../../../../types';\nimport { LayoutConfig } from '../sc-product-item-list/sc-product-item-list';\n\n@Component({\n tag: 'sc-product-item',\n styleUrl: 'sc-product-item.scss',\n shadow: true,\n})\nexport class ScProductItem {\n /* Product */\n @Prop() product: Product;\n\n /* Product Layout Config */\n @Prop() layoutConfig: LayoutConfig;\n\n render() {\n console.log(this.product);\n return (\n <a href={this.product?.permalink} class={{ 'product-item': true }}>\n {this.product &&\n (this.layoutConfig || []).map(layout => {\n const attributes = layout.attributes || {};\n switch (layout.blockName) {\n case 'surecart/product-item-title':\n return <sc-product-item-title part=\"title\">{this.product?.name}</sc-product-item-title>;\n\n case 'surecart/product-item-image':\n return <sc-product-item-image part=\"image\" product={this.product} sizing={layout.attributes?.sizing}></sc-product-item-image>;\n\n case 'surecart/product-item-price':\n return <sc-product-item-price part=\"price\" prices={this.product?.prices.data} range={!!attributes?.range} metrics={this.product?.metrics}></sc-product-item-price>;\n\n default:\n return null;\n }\n })}\n </a>\n );\n }\n}\n"],"version":3}