/*!
 * Crafted with ❤ by Salla
 */
'use strict';

var index = require('./index-vstkdqRz.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: 'e5837d7ec53f2566fe981f02a95b52c7c817821c' }, index.h("button", { key: '415861262349f83c3c7d1dc72d9f8f01f855317e', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, index.h("div", { key: '072d3af840d5044636380f5620703cc446877162', 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: 'ac51822bbcf1f2213b11204fa968a40e7de164a3', class: "s-order-edit-product-card-content" }, index.h("h3", { key: 'e817582bf88db2ed6ac47a37a5d2b4e4ac953770', class: "s-order-edit-product-card-title" }, productName), price != null && (index.h("p", { key: 'efbf1b16d7c6d73de76bab1e8715a474f812fde4', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
    }
};
SallaOrderEditProductCard.style = sallaOrderEditProductCardCss;

exports.salla_order_edit_product_card = SallaOrderEditProductCard;
