@salla.sa/twilight-components
Version:
Salla Web Component
42 lines (37 loc) • 2.18 kB
JavaScript
/*!
* Crafted with ❤ by Salla
*/
'use strict';
var index = require('./index-uoA36zqH.js');
const sallaOrderEditProductCardCss = ":host{display:block;min-width:0}";
const SallaOrderEditProductCard = class {
constructor(hostRef) {
index.registerInstance(this, hostRef);
this.orderEditProductSelected = index.createEvent(this, "orderEditProductSelected");
}
get productData() {
if (!this.product) {
return {};
}
if (typeof this.product === 'object') {
return this.product;
}
try {
return JSON.parse(this.product);
}
catch (_error) {
return {};
}
}
handleSelectProduct() {
this.orderEditProductSelected.emit({ product: this.productData });
}
render() {
const product = this.productData;
const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
const price = product?.price;
return (index.h(index.Host, { key: '9f9278890bd821cf7b1caecdf4484a26273fe407' }, index.h("button", { key: '6d28490ff098143000fff6543702ba805e997077', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, index.h("div", { key: 'b7399553a7b79303b8bae8c9b624f460fe761946', class: "s-order-edit-product-card-media" }, product?.image?.url ? (index.h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (index.h("div", { class: "s-order-edit-product-card-placeholder" }, index.h("i", { class: "sicon-shopping-bag" })))), index.h("div", { key: '5cd57cf519f5d681116336cc6db8aed3569b761d', class: "s-order-edit-product-card-content" }, index.h("h3", { key: '51312a3708d95f3d6d654099b25a2a4644c70aaa', class: "s-order-edit-product-card-title" }, productName), price != null && (index.h("p", { key: 'c09988f616198ae0d527e994e5c55e8b0a01c218', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
}
};
SallaOrderEditProductCard.style = sallaOrderEditProductCardCss;
exports.salla_order_edit_product_card = SallaOrderEditProductCard;